Blog: markup Posts 馃摂

Sharing ideas and code (RSS available)

Base tag: Learn how to use it thumbnail

Base tag: Learn how to use it

May 8, 2013 路 2 min read

Every now and then a friend/colleague聽of mine asks me to have a look at his latest masterpiece (aka site). In many cases the second request is to have a look...

Autocompletion with HTML5 datalists thumbnail

Autocompletion with HTML5 datalists

April 23, 2013 路 1 min read

We have all used (and most of us built) an autocomplete input element. There are thousands of plugins/widgets out there, although below I'm demonstrating the easiest, most semantic and HTML5...

HTML5 Prefetching thumbnail

HTML5 Prefetching

April 16, 2013 路 1 min read

One of the most interesting, but not widely known features of HTML5 is prefetching. By using it you can start loading pages (or even files) before the user requests them....

Not so popular HTML5 attributes thumbnail

Not so popular HTML5 attributes

April 8, 2013 路 2 min read

HTML5 offers many new attributes that make our lives easier and our code more semantic. In many cases they even provide functionality that we used to implement with javascript, like...

Mobile media capture straight to your web form thumbnail

Mobile media capture straight to your web form

January 23, 2013 路 1 min read

So, you've just build your latest responsive web design masterpiece and you're adding the final touches for the mobile viewport. Suddenly you discover a form where the user must submit...

Call or text from a mobile device using very simple markup thumbnail

Call or text from a mobile device using very simple markup

January 7, 2013 路 1 min read

At my latest presentation (at upNorth web conferce in Greece), people were impressed with some very trivial markup that can add many points to your mobile site (and not only)...

HTML5 video and mobile browsers thumbnail

HTML5 video and mobile browsers

April 30, 2012 路 1 min read

The brand new HTML5 video element is surely very impressive. You've encoded your videos in multiple formats (well, at least .mp4 and .webm to support all browsers), you might've also...

Mobile Webkit form tips thumbnail

Mobile Webkit form tips

April 19, 2012 路 2 min read

One of the things I really hate when I surf from a tablet/phone browser (usually my iPad/iPhone) is filling in forms. I know, the lack of a physical keyboard sucks...

Safari's HTML5 search input thumbnail

Safari's HTML5 search input

July 8, 2011 路 1 min read

The safest and easiest way to upgrade your markup to HTML5 is to use the new form input types. They will appear as ordinary text inputs on older browsers, and...

A really simple HTML5 template thumbnail

A really simple HTML5 template

January 19, 2011 路 1 min read

Lately I鈥檓 using more and more HTML5 elements on my markup. It鈥檚 the right thing to do after all, especially on smaller, flexible projects. But as a typical developer I鈥檓...