Web Design Weekly #139
June 04, 2014 - Jake BresnehanHeadlines
It’s OK not to use tools
Today, a basic HTML/CSS site seems almost passé. But why? Is it because our new tools are so significantly better, or because we’ve gone overboard complicating simple things? (signalvnoise.com)
Ridiculous Developers!
Expanding? We have devs that cost $0b1010000/hour. We invoice in binary. Trusted by Airbnb, Pfizer, Life360. Try a Toptal Dev for up to 2 weeks risk-free today! (toptal.com)
Sponsor Web Design Weekly and reach 18,200 developers
Articles
Designing with a (Performance) Budget
Katie Kovalcin offers some wise advice on ways to incorporate another guideline into your design process. (cognition.happycog.com)
An Introduction To Node.js And MongoDB
Keen to dive into Node.js and MongoDB? This easy to follow article by Elliot Bonneville should help get you up and running in no time! (smashingmagazine.com)
Slash Page Load Times With CSS Font Subsetting
A quick overview by Dudley Storey on how to set up font subsetting to help increase the speed of your site. (demosthenes.info)
Getting to know CSS Blend Modes
CSS Blend Modes provide a way to specify how one layer will interact or “blend” with the one underneath. Until now, this was the domain of photo editing applications, but now they are available on the web using CSS. (dev.opera.com)
Mobile and Accessibility
Mobile has revolutionised the way we use the web. This is especially true of disabled users, for whom mobile devices open the door to a whole new spectrum of interactions. In this article TJ VanToll dives into some best practices we all should be trying to achieve. (smashingmagazine.com)
SVG `text` and Small, Scalable, Accessible Typographic Designs (css-tricks.com)
Why are mobile pages getting bigger? (webperformancetoday.com)
Tools / Resources
Grunt Devperf
This awesome Grunt task helps maintain quality by using phantomas and grunt-phantomas to gather metrics. (github.com)
Tumblr Boilerplate
The tumblr boilerplate is the simple basis of any good tumblr theme. Avoid slow setup times by developing your custom theme fast. (tumblrboilerplate.com)
Where is that console.log?
Have you ever had trouble tracking down a “console.log” statement? If so, this small snippet of code by Remy Sharp will help you identify where the log is being called from. (remysharp.com)
A (Not-Super-Technical) Designer’s Command Line Toolbox (medium.com)
Handy looking Bezier Curve Atom package (atom.io)
Learn Angular (learn-angular.org)
Socket.IO 1.0 (socket.io)
Inspiration
Sass Parallax example
Still doing parallax with JavaScript? You can do it with just CSS! (codepen.io)