Addy Osmani:

Now these figures for time taken e.g 514ms are 10-50 times what they should be. Ideally they should be taking <= 10ms. Jank manifests itself when you blow your frame budget – the 16.7ms budget really, 8-10ms factoring in mobile, browser processes you have for JavaScript, layout, image decoding, painting and everything else Chrome needs to do to display your page on screen.

Addy Osmani analysed the animation-rich Daft Punk site on Pitchfork and explains what can be done differently. Another reminder how important performance is.

Philip Walton:

The CSS defines what your components look like, and the HTML assigns those looks to the elements on the page. The less the CSS needs to know about the HTML structure the better.

Very smart and comprehensive article on CSS Architecture which I highly recommend reading.

Marcel Wichmann:

This isn’t a pamphlet against Sketch, or any other programs, it’s more of a love letter to Photoshop.

Marcel explains why he thinks Photoshop is still the best tool out there for doing everything his job as a designer needs him to do.

Thoriq Firdaus:

So, let’s see what we can do to improve Google Webfont’s performance.

Performance is a big and important topic these days. In fact it always was. Here are a few tips on optimizing the performance of Google Web Fonts. I for one didn’t know that you could just load single letters. Pretty cool.

Dave Rupert:

How to deal with images in Responsive Web Design

I wish I could’ve seen this talk by Dave live, but here you can at least read his slides which is better than nothing.

Jason Fried:

I’ve always been careful, patient, and slow about the things I do. I don’t put anything too big at risk at any one point in time…The entrepreneurial myth is that the people who risk the most succeed the most or reap the biggest rewards. I don’t know if that’s true.

Jason Fried was interviewed by The Great Discontent. It’s a long one, but definitely worth your time.

Here’s a look at New MailChimp’s navigation, search, and responsive design

The upcoming new responsive Mailchimp Design looks really good.

Firefox 21 is out and adds support for the

Ian Devlin:

Since the styling that you will place within your media queries is intended to override previous styling when certain conditions are met, depending on the complexity of the previous styles, overriding with !important can be an ideal and neater solution.

What Ian is proposing makes sense in a way, but I think a CSS stylesheet without or with very little !important rules will always be better maintainable easier to extend.

Listen up everybody, I’ve got good news, IE10 is already the most used Internet Explorer. Woohoo! Another interesting thing is that you can see IE8 usage dropping and Chrome and iPad Safari usage rising on weekends. Surprise, surprise.

Vijith Assar:

Firefox intentionally removing support for the <blink> element draws a hard line demarcating the end of a wildly popular primitive Web animation which preceded today’s streaming videos and humorous GIFs. The change may be bittersweet for a certain weird variety of Internet nostalgist, but in most other senses it’s probably for the best: it’s a fantastically annoying bit of code and shouldn’t exist at all.

Great article on the history of the tag and the browsers that supported it.

Luke Wroblewski:

Most Web page layouts rely on design patterns created for laptop and desktop computers equipped with a mouse and keyboard. As the variety of devices being used to access the Web has grown, these patterns haven’t been keeping up. Designing for today’s Web means considering single-handed thumb use on smartphones, two handed touch interactions on tablets, mouse and keyboard input on traditional PCs, hybrid devices, and more.

Luke Wroblewski explains how they approached layout changes at Polar based on devices and their typical use. For example one handed use for smartphones.