Blog: All Posts ✍

Sharing ideas and code (RSS available)

test

How to style a file input element in Firefox

February 5, 2013 · 2 min read

Working on a recent project I found out the hard way that Firefox doesn’t allow you to style a file input element the way you want. I’m using Chrome for surfing and...

test

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 a profile...

test

Responsive web design and how to be nice to IE

January 15, 2013 · 2 min read

Many people believe that Internet Explorer (especially 7 and 8) cannot render correctly responsive web sites. Well the truth is that IE sucks big time (especially versions previous to 9), although the...

test

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) with minimum...

test

Remove rounded corners from input elements on mobile webkit browsers

September 5, 2012 · 1 min read

Mobile Safari is probably the best browser solution for iOS devices. The browser offers many advanced features and some eye-candy form elements to interact with. These eye-candy form elements already have some...

test

How to style placeholder text

August 28, 2012 · 2 min read

The placeholder attribute is one of the most useful HTML5 attributes, because with just a tiny attribute you provide a better user experience to the end user, you make your code more...

test

Conditional CSS for Firefox / Gecko browsers

August 20, 2012 · 1 min read

Last year I posted how to add conditional comments for webkit-based browsers. This time I found a really cool hack on how to do the very same thing for Firefox/Gecko-based browsers (from Chris Coyier)....

test

Responsive media (images and videos) using only CSS

July 4, 2012 · 2 min read

There’s no reason to explain everything from scratch, there are plenty of posts on this topic, but if you are building a responsive layout, don’t forget to apply these media rules to...

test

HTML5 video and mobile browsers

April 30, 2012 · 2 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 provided Flash...

test

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 big time,...