Blog: css Posts 馃摂

Sharing ideas and code (RSS available)

Conditional styles for IE10 thumbnail

Conditional styles for IE10

July 10, 2013 路 1 min read

As you probably know Internet Explorer 10 doesn't support the good-old IE CSS conditional comments. This means that the below code won't work in IE10! But don't worry, you can...

How to style a file input element in Firefox thumbnail

How to style a file input element in Firefox

February 5, 2013 路 1 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...

Remove rounded corners from input elements on mobile webkit browsers thumbnail

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

How to style placeholder text thumbnail

How to style placeholder text

August 28, 2012 路 1 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...

Conditional CSS for Firefox / Gecko browsers thumbnail

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

Responsive media (images and videos) using only CSS thumbnail

Responsive media (images and videos) using only CSS

July 4, 2012 路 1 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鈥檛 forget to apply these media...

Conditional CSS for Webkit-based browsers thumbnail

Conditional CSS for Webkit-based browsers

April 4, 2011 路 1 min read

Edit: Please keep in mind that the below code works also on MS Edge. You can re-write MS Edge specific CSS using @supports (-ms-accelerator:true) {} (read more on the comment...

CSS3 PIE: My new favorite IE enhancement thumbnail

CSS3 PIE: My new favorite IE enhancement

September 23, 2010 路 1 min read

IE sucks big time, period! Even version 8 doesn鈥檛 support many useful CSS rules such as border radius and box shadow, both standard things for 2010. For those who already...