Prilagodljiv veb dizajn 201

 

Now that we're heading towards April and the anniversary of Google's Mobilegeddon this article takes a look at whether it influenced the way we build sites. Well the good news is that websites with a mobile presence are on the rise... but even without this move from Google I wonder how different the stats might have been.

The past few weeks have had a running theme of ad blockers and how we can continue to deliver great content freely. This week PPK weighs in as one of the individuals that has probably been producing free content for one of the longest times. While he doesn't claim to have the perfect answer he raises a lot of excellent questions and thoughts on how we've grown to expect content on the web to be always free.

A responsive (issues) newsletter inside a responsive design newsletter... take that meta. RICG have been quiet lately but are back with a few updates.

Is progressive enhancement really the silver bullet. Does anyone actually think about the people that have to build these things? Probably not. (read with a pinch of salt and a large portion of sarcasm)

I think I love Bruce Lawson... or at least I love this article from Bruce. In a world of fantastically immersive and deeply interactive website designs we need to remember who are the users we are designing and building websites for, and what situation will they be in when accessing that content.

A great in-depth review of the do's for mobile websites. This isn't just limited to mobile either, all of the points that are made in the article are true from responsive sites across all viewports.

This is a great conversation around how you can accurately display content on screens and variable distances, and on variable interaction types......which leads nicely into the next article around FT labs going big!

The process of building large scale displays on the web.

 

A lot of these recommendations can be carried across for any website performance... in fact all of them.

The title might be a little misleading, but the results are great! The examples used are based on setting up your markup with DIVs and making them work like tables. While I'm not convinced this is the go to approach I can see the benefits of using it in some situations.

Recently we had to position 4 divs right up next to each other, all with a crazy gradient, and all had to be responsive. Using percentages on these caused a thin white line to appear between them at certain breakpoints. Chris looks at what causes this and how we can over come sub-pixel rendering issues.

A little trick for anyone building their responsive layouts with flexbox.

I've been meaning to try out Service Workers on SimpleThin.gs and this article from Remy Sharp finally gave me that push I needed. It's as basic an approach for service workers can get, but you're up and running in under 5 minutes (provided that you're already serving on https).

A long time ago we featured the cloud four blog, the ems have it, but it's nice to see this article revisiting a question that comes up often on our contact form.

We've covered Flexbox froggy and tower defence, this will get you all up to date with flexbox in 5 minutes.

If you're not lucky enough to be using Campaign Monitor or MailChimp (yay) you might be coding emails from scratch. I'm so sorry. But not anymore because Foundation for Emails has been updated to version 2 and all the testing has been done for you (that's not a pass to skip testing though.

If there's one video that you should be watching over the long weekend it's this one. Not only is Patrick witty, charming, and a bit of a dashing gentleman — he also delivers one hell of a good talk on understanding and embracing the network on the web.

This week I came across lots of different CSS pro tips. First it was Vitalys presentation on front end hacks (below) and then it was this set of Smitty's collection of CSS Pro tips.

There are 300+ slides in this presentation. Death by PowerPoint right? WRONG. Vitaly has some wonderful tips and tricks, some dirty and some not, on how to wrangle HTML & CSS & JS to get just what you want.

That's all for this week but before I go I just wanted to finish on one more thanks for the past 200 editions and all the great feedback from last week, you help make the newsletter a joy to prepare each week.

Thanks for reading, see you next week.

Cheers,

Justin.