Talk from UX people conference

My talk from uxpeople.by:
video http://vimeo.com/85995792 (Russian)

Social Share Toolbar

My slides from UxPeople.by

My slides from http://uxpeople.by/http://www.slideshare.net/mikitamanko/mikita-manko-at-u-xpeopleby

Social Share Toolbar

Slides from my talk at The Rolling Scopes #2

My slides http://www.slideshare.net/mikitamanko/developing-of-a-high-load-java-script-framework from The Rolling Scopes #2

Social Share Toolbar

My talk at Mobile Optimized conference

Last friday, I talked about Kendo UI at Mobile Optimized conference in webnotbombs.net section.

My slides http://www.slideshare.net/mikitamanko/kendo-ui-mikita-manko-at-mobile-optimized

Social Share Toolbar

slides from frontendConf

My slides from frontendconf.by – https://speakerdeck.com/mikitamanko/high-load-javascript-framework-without-inheritance-1

video with presentation:
part 1 – http://video.yandex.by/users/fdconf/view/22/ (Russian)
part 2 – http://video.yandex.by/users/fdconf/view/21/ (Russian)

Social Share Toolbar

My thoughts about future of pointing devices

It’s cool to be on the cutting edge of new technologies, and it is cool to invent or even just try something new.
All we have been inspired by sci-fi films with “future-rised” interfaces.
And all we have been inspired by google glasses, it’s hella cool device

But STOP, what’s going on with PC/Laptop’s pointing devices?
You know, I mean “leap motion”, “mycestro” and other similar devices that reinvented kinect for PC/Laptop.
For example here is one more DIY motion device – http://www.youtube.com/watch?feature=player_embedded&v=U180f3XG20o. It is great presentation, it is interesting device, but thats it. I don’t believe that lazy people will waving their hand the whole day. It’s too hard, believe me. May be in the near future laptops and other devices will have second web-camera and somebody gonna use “leap motion\kinect like” gestures to list presentation’s slides. But I’m sure that nobody will use it in daily work, just because it’s too hard.
I believe that mouse/trackpad device will be replaced by eye-tracking mechanism, or by the mind-PC interface, but not with the kinect like toys. It is really funny, but I think that this is totally useless

Social Share Toolbar

You can’t create a button

Here is very interesting article http://www.nczonline.net/blog/2013/01/29/you-cant-create-a-button/ by Nicholas C. Zakas. Most excited point is about replacing default browser’s elements (such as checkbox, button, etc) with simple div and span elements. This patters is actively used by google, and as it was described in article it’s a mistake. Details are in the article

Social Share Toolbar

Vertical reordering of blocks with CSS or How to swap two elements using CSS

It’s old trick for search engine optimization (SEO). As far as we all know, search engine parses web page and prioritizes key words founded on the page. And words that are in the beginning of the page have more priority, it’s obviously because usually in the beginning of the page is header that should describe content below.

So the obvious search engine optimization is to arrange all key words in the beginning of the page. But it is completely not cool for Design. That’s why we need to replace two blocks: block with key words should be in the beginning of the markup, but on UI it should be under the next block with page’s content.

So we got something like this

<div class="block">It is content needed for SEO, but it's not very interesting for user</div>
<div class="block">Really good and interesting for user content, but it's waste for search engines</div>

and we need to swap these two blocks on UI.

First of all we need additional wrappers, so lets modify markup to something like this:

<div class="wrapper">
    <div class="bottom">
        <div class="block">It is content needed for SEO, but it's not very interesting for user</div>
    </div>
    <div class="top">
        <div class="block">Really good and interesting for user content, but it's waste for search engines</div>
    </div>
</div>

And here is the magic:

.wrapper {
    display: table; 
    width: 100%; 
}
.top {
    display: table-header-group; 
}
.bottom {
    display: table-footer-group;
}
/* next style is not really necessary, just to show borders of swapped blocks */
.block {
    border: 1px solid black;
}

Here is the proof link http://jsfiddle.net/UJWP4/1/

Some words about browsers support – this approach works fine in IE8+ (not supported in ie7)

Social Share Toolbar