Web Design Weekly #80

Headlines

Responsive web design: the war has not yet been won

Create a new HTML document, add some content, don’t add any CSS, and view that document in a browser. What do you see? The web has always been fluid; we’ve just wasted a good number of years forcing fixed pixels onto an inherently responsive framework. The time to stop is now. (elliotjaystocks.com)

Opera releases beta version of new WebKit-powered Android browser (theverge.com)

Data reduction proxy debuts for Chrome on Android (developers.google.com)

The Web Standards Project: ‘Our Work Here is Done (webstandards.org)

Support this newsletter by becoming a member for the price of a coffee →

Articles

Making Front-end Development a Team Sport

All code in any code-base should look like a single person typed it, no matter how many people contributed. (cognition.happycog.com)

HTML5 forms input types

Richard Clark takes a look at the new input types available in HTML5. (html5doctor.com)

WebKit for Developers

Paul Irish gives the low down on, what is WebKit, what isn’t WebKit, how is WebKit used by WebKit-based browsers and why are all WebKits not the same? (paulirish.com)

Give a crap. Don’t give a fuck.

How do you know if you’re doing a good job? There’s always an external way to measure quality—being prepared, attending to the details, listening to the collective wisdom about what it means to do good work. Give a crap about the little things, and you’re good. (alistapart.com)

Breaking down Amazon’s mega dropdown

Super interesting post by Ben Kamens about the finer details of Amazon’s menu. He even developed a plugin to replicate its awesome behaviour for all of us to enjoy! (bjk5.com/)

Mixing Responsive Design and Mobile Templates (css-tricks.com)

Gone in 60 frames per second by Addy Osmani (dropbox.com)

Interesting discussion about Client Hints (github.com)

Not click. Not tap. Not select. Press. (stuffandnonsense.co.uk)

Fear of a WebKit Planet (hypercritical.co)

Tools / Resources

Browserhacks

Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs. (browserhacks.com)

Using SVG

Want to learn more about SVG? Well Chris Coyier has you covered. In this post Chris covers pretty much every possible angle on SVG with an enormous amount of tips and tricks to help you on your way. Bookmark this bad boy! (css-tricks.com)

Preboot

Preboot is a comprehensive and flexible collection of LESS utilities. Its original variables and mixins became the precursor to Bootstrap. Since then, it’s all come full circle. (getpreboot.com)

Free Icons – The Happiness Collection (thenounproject.com)

MIHTool – the iOS web debugger (paulbakaus.com)

Team Collaboration With Github (net.tutsplus.com)

Learn CSS Layout (learnlayout.com)

Inspiration

Audio from the Responsive Day Out (adactio.com)

TakeOff 2013 Conference videos (youtube.com)

Prism + three.js + Leap Motion. (vimeo.com)

Alt-J Poster Process Video (vimeo.com)

Jobs

Teach Code at Decoded

Are you a passionate and charismatic person and a dab-hand at HTML/CSS and JavaScript? Would you relish the chance to teach people from the world’s coolest companies about the web and web technologies? Part-time, flexible, complements freelance lifestyle. We are recruiting in London, New York and Singapore. (decoded.co)

Senior UI Designer at Campaign Monitor

At Campaign Monitor, we love design. The way our software looks, feels and works is the most important thing for us… it’s fair to say that we obsess over the details in a pretty big way. We’re looking for a senior UI designer who feels the same way – someone who will help take Campaign Monitor to new and exciting places! (campaignmonitor.com)

From The Blog

Going Static with Jekyll & Deploying via GitHub for Free (web-design-weekly.com)

Last But Not Least…

Every Fucking Website (everyfuckingwebsite.com)

This post currently has no responses. What do you think?

You can use basic HTML when posting code, please turn all < characters into &lt; or > into &gt;
If the code is multi-line, use <pre><code></code></pre>

Leave a Reply

Your email address will not be published. Required fields are marked *

Current ye@r *