Grunticon by Scott Jehl/Fillamentgroup is a brilliant little tool that helps you generate the necessary assets in order to serve icons as SVG and at the same time handle fallback for older browsers. It takes a folder with SVG files…
“It’s evolution baby”. The voice of Eddie Vedder singing Do the evolution popped up in my head when I first read about the proposed @supports at-rule. As a mobile old timer this makes me a very happy web developer. To…
Unlike the box-shadow property, inner-shadow does not support the inset attribute. The following code is NOT valid: Which is a bummer, I really wanted to style the logo of my site in CSS and not use an image, font or…
I recently wrote about how we can prevent browser reflow when serving up flexible images by reserving space for the image so that the page will not reflow when the image is downloaded by the browser. This is done by…
Well I certainly hope so! Apple released a lot of new features to Mobile Safari in iOS6 and if you have not yet read about it, please do so in this excellent post. One of the new features is a…
This is what we have been taught in the past: “To prevent reflows, specify the width and height of all images, either in the HTML <img> tag, or in CSS.” (Source). And in responsive web design we are taught to…
I hear this again and again. Decision makers look at their statistics and say: “We do not care about this device or browser, it’s only 1% of the current traffic”. There are many things that are wrong and naive about…
It has annoyed me for some time that parallax sites does not work on mobile devices (or rather, people that make parallax websites does make them work on mobile). But at a workshop at @ValtechSweden we came over stellar.js which…
Is the Pareto principle, better known as the 80-20 rule, also present in responsive web design?
This quote and excellent observation, comes from Aral Balkan and is from the new Smashing Book #3 (Which I also had the pleasure of reviewing). I’m not going to go into a lengthy blog post about web vs. native, Aral…
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…
After using CVS (A.K.A. “Crappy Versions System”) for way to long we decided to enter the twentieth century and move our code to Git. We had used private Github repos for some smaller projects, but were reluctant to move the…
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…
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…
I just wanted to share this image, the top 50 (out of 151) different screen sizes that have visited this little blog. This is one of the main reasons for doing responsive web design. (Click for full image)
After writing about responsive embeds and then doing some device testing on how responsive embeds perform in real life, I deciced to take it one step further; to use server side technologies in order to make the video work for…
Height is just as important as width when dealing with responsive web sites. I’ve seen so many responsive web design sites lately that are mobile unfriendly because they do not take the height of the device into account. Just consider…
I recently wrote about responsive embeds and how you can scale video and iframes to fit on a responsive website. I have now done tests on some mobile devices, and the results are pretty good for the responsive embed technique;…
This article shows examples of how to embed video and other iframes in a responsive web design and has examples with YouTube, Vimeo and Slideshare.
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…
My slides from my presentation at the Scandinavian Web Developer Conference 2011 is now up on Slideshare: RESS – Responsive Design + Server Side Components View more presentations from Anders Andersen