Browser support table – for responsive websites

October 27, 2013

Background The following document is a modification of a browser support standards┬ádocument created by BBC. The document was outdated and did not cover mobile browsers so I did some modifications and simplifications. The document is meant as a guide for…

Creating high resolution assets with grunticon

January 8, 2013

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!

December 1, 2012

“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…

How to set inner shadow on text in CSS (in webkit…)

October 26, 2012

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…

Responsive images – how to lazy load and multiserve images

October 17, 2012

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…

Did a meta tag just kill the mobile splash screen?

October 15, 2012

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…

Responsive images – how to prevent reflow

October 10, 2012

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…

“It’s only 1%”

September 29, 2012

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…

Mobile parallax

September 19, 2012

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…

The 80-20 rule in responsive web design

June 2, 2012

Is the Pareto principle, better known as the 80-20 rule, also present in responsive web design?

“Native applications are catching up to Web applications”

May 1, 2012

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…

What do people use Modernizr for?

April 25, 2012

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…

Hosting your own git repo with Gitolite

April 4, 2012

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…

RESS in peace

February 6, 2012

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…

Responsive images + server side components

February 2, 2012

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…

This is why we do responisve web design

January 24, 2012

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)

Responsive embeds + RESS

January 20, 2012

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 matters!

January 12, 2012

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…

Responsive embeds – device testing

December 4, 2011

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;…

Responsive embeds

November 28, 2011

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.

Device detection vs. Feature detection

November 23, 2011

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…

RESS – Responsive Design + Server Side components

November 16, 2011

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

© 2014 Copyright.