Unlike the box-shadow property, inner-shadow does not support the inset attribute. The following code is NOT valid:
text-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
Which is a bummer, I really wanted to style the logo of my site in CSS and not use an image, font or SVG for it. But I came over a clever hack that solves the issue for us.
Continue reading How to set inner shadow on text in CSS (in webkit…)
A question popped to my head when doing some work on a site that is using Modernizr: “What do people mainly use Modernizr for?”. I asked Paul Irish on Twitter and he generously shared the last 30 days of Modernizr build data. It does not say anything of how much people actually use the features, but it says something about what they intend to use. I took the stats and did a simple sort and count (without weighing in how much each build is used…).
Continue reading What do people use Modernizr for?
I just finished another talk about “RESS – Responsive Web Design + Serverside Components” at #DDayConf in Helsinki.
If you are on a flash enabled device, you can check it out at the Prezi site.
If not, you can look at the slides at Slideshare:
People, I’m sorry. I know we do not need another post about responsive images, but I got inspired to try another responsive images approach after reading the article “Responsive Images: How they Almost Worked and What We Need” by Mat Marquis on A List Apart. My approach is to use the proposed <picture> tag and implement it using server side components.
Continue reading Responsive images + server side components
Comparing Server side device detection and Feature detection is like comparing a hammer to a screwdriver. You can probably get a nail in a wall with a screwdriver and you can probably get a screw in a wall with a hammer. In this post I will try and explain by example how you should use device detection together with feature detection and that they are not to sides of the same coin.
Continue reading Device detection vs. Feature detection