Web Highlights #7
Everyday I'm reading or watching something which I find helpful. Normally I bookmark those things, but at the end I have dozen of folders and subfolders which I never check. So, I decided to make such blog post where I'll share valuable things in the net.
Adapting To A Responsive Design (Case Study)
This is the story of what we learned during a redesign for our most demanding client — ourselves! In this article, I will explain, from our own experience of refreshing our agency website, why we abandoned a separate mobile website and will review our process of creating a new responsive design.
http://mobile.smashingmagazine.com/2013/06/18/adapting-to-a-responsive-design-case-study/
Shape type
a letter shaping game
Gone In 60 Frames Per Second: A Pinterest Paint Performance Case Study
Today we’ll discuss how to improve the paint performance of your websites and Web apps. This is an area that we Web developers have only recently started looking at more closely, and it’s important because it could have an impact on your user engagement and user experience.
http://www.smashingmagazine.com/2013/06/10/pinterest-paint-performance-case-study/
Design - Apple Mac
Jonathan Ive, Senior VP Industrial Design at Apple describing the design process of the Mac Book. Very engrossing!
Media Queries Are Not The Answer: Element Query Polyfill
Responsive Web design has transformed how websites are designed and built. It has inspired us to think beyond device classifications and to use media queries to adapt a layout to the browser’s viewport size. This, however, deviates from the hierarchical structure of CSS and characterizes elements relative to the viewport, instead of to their container.
The Architecture Twitter Uses To Deal With 150M Active Users, 300K QPS, A 22 MB/S Firehose, And Send Tweets In Under 5 Seconds
Toy solutions solving Twitter’s “problems” are a favorite scalability trope. Everybody has this idea that Twitter is easy. With a little architectural hand waving we have a scalable Twitter, just that simple. Well, it’s not that simple as Raffi Krikorian, VP of Engineering at Twitter, describes in his superb and very detailed presentation on Timelines at Scale. If you want to know how Twitter works - then start here.
Useful GitHub Patterns
Jake Benilov shares few great things.
http://blog.quickpeople.co.uk/2013/07/10/useful-github-patterns/
Looking Into the Future of Sass
Sass is a CSS preprocessor. This is now common knowledge. First commit in 2007 by Hampton Catlin. Now the most used CSS preprocessor. Sass has come a long way since its beginning.
http://davidwalsh.name/future-sass
Building Apps With the Yeoman Workflow
Yeoman is a great tool, which saves a lot of time.
http://net.tutsplus.com/tutorials/javascript-ajax/building-apps-with-the-yeoman-workflow/
Building The New Financial Times Web App (A Case Study)
When the mockups for the new Financial Times application hit our desks in mid-2012, we knew we had a real challenge on our hands. Many of us on the team (including me) swore that parts of interface would not be possible in HTML5. Given the product team’s passion for the new UI, we rolled up our sleeves and gave it our best shot.
http://coding.smashingmagazine.com/2013/05/23/building-the-new-financial-times-web-app/