Web Design Weekly #171


YouTube now defaults to HTML5 video

A look at the behind the scenes technologies that have enabled YouTube to use the HTML5 video tag by default in Chrome, IE 11, Safari 8 and in beta versions of Firefox. (youtube-eng.blogspot.com)

React is kind of a big deal. (youtube.com)

10 WordPress Themes valued at $649 for $39

Together with the guys from Greedeals, we came up with an awesome deal containing 10 premium WordPress themes that will be perfect for everyone looking to create a great business website, a portfolio or pretty much any kind of website you need! (greedeals.com)


The When, Why and How of Designing in Browser

Brooke Kao looks at reasons for deciding to design in the browser and how to do it effectively. (medium.com)

Thoughtful Modularity

Anthony Colangelo offers some wise words around why we should be modular with our code and designs so that what we build can reap the benefits of the future. (alistapart.com)

Cutting out the inner part of an element using clip-path

Ana Tudor shows us how we can change the normal behaviour of clipping paths by applying some clever geometry and then making it work across different technology and browsers. (css-tricks.com)

How the Guardian team addressed advertising in their responsive design (theguardian.com)

Designing the Hiring Process (medium.com)

Tools / Resources


A handy tool built by Jake Archibald. SVGOMG is a GUI for SVGO, aiming to expose the majority, if not all the configuration options of SVGO. (github.io)

Grunticon version 2.0

With Grunticon version 2.0, there is a new “enhanceSVG” option which allows you to easily style and animate your SVGs with CSS or add interactivity with JavaScript. (github.com)

Using ES6 with Angular today

Christoph Burgdorf looks at two very exciting ES6 features that can play a role in the context of an Angular application: Modules and Inheritance. (blog.thoughtram.io)

Vivaldi – A new browser for our friends

The Co-founder and former CEO of Opera has released a new Blink-based browser. (vivaldi.com)

Slackin – make your organization / channel public easily

A little server that enables public access to a Slack server. Like Freenode, but on Slack. (github.com)

What’s new in Chrome 40 and Opera 27 for web developers (dev.opera.com)

ES6 Class support coming to React v0.13.0 (facebook.github.io)


Menu to cross icon. One idea, 6 possibilities (github.io)

Fluid Text Inputs (fiftythree.com)


Front-end Developer at Foolproof

Foolproof is Europe’s biggest specialist in user experience design. If you have a solid foundation in UX and design. Comfortable with JavaScript and version control, please get in touch. (foolproof.co.uk)

Need to find passionate developers? Why not advertise in the next newsletter!

From The Blog

An opinionated guide to React best practices and conventions

John Cobb has been using React for a little while now, both in his 9 to 5 job and for his own projects. In this article he explains his own set of React best practices. If you are a React developer or just getting started this is worth a read. (web-design-weekly.com)

Last but not least…

CSSConf Australia!

If you can only choose one conference to attended this year, CSSConf is the one! With 5 amazing speakers already announced it sure is going to be awesome. Hope to see you there. (cssconf.com.au)