Web Design Weekly #278

May 15, 2017 - Jake Bresnehan

Headlines

Developing As A Developer

A really solid post that is aimed at new developers but highly applicable for all in my eyes. The post looks into the other aspects of being a good developer, not just writing code. (medium.com)

CSS Animations vs the Web Animations API (bitsofco.de)

Sponsor Web Design Weekly and reach over 24,000 designers and developers!

Articles

Writing Tidy Code

Harry Roberts shares some detailed thoughts about the importance of neat and tidy code plus some handy tips to automate some rules to keep your code in check. (csswizardry.com)

Design Better Data Tables

Andrew Coyle shares a list of design structures, interaction patterns and techniques to help you design better data tables. (uxdesign.cc)

Implementing system fonts on Booking

If you are keen to make the most of system fonts this post by Stuart Frisby is worth a read. Stuart gives an nice overview then dives into a few gotchas that might save you some time. (booking.design)

High Performance Dynamic Styles

Oleg Slobodskoi explains how to create high performance animations via the CSSOM in CSS-in-JS. (medium.com)

Experiments in fixed aspect ratios

Stephanie Liu shares some thoughts on how to responsively maintain aspect ratios and how CSS Grid may be changing that game. (ramenhog.com)

Tools / Resources

Britecharts

Britecharts is a client-side reusable charting library based on D3.js v4 that allows easy and intuitive use of charts and components that can be composed together creating amazing visualizations. (eventbrite.github.io/britecharts)

Getting design done with Pics.io

Awesome tool to keep all your assets in the same place. Proof completed designs and keep the entire team updated. Use code: PS50-E91-A968 for $50 off. (pics.io)

Methods for Contrasting Text Against Backgrounds

Ana Tudor has put together some really cool and creative ways to use text on backgrounds. (css-tricks.com)

A Modern Front-End Workflow

Umar Hansa shares a selection of useful Chrome Dev Tool tips and tricks that can help you speed up your development workflow. (youtube.com)

Productivity tips for procrastinators who work from home (hackernoon.com)

CSS Grid with Rachel Andrew and Jen Simmons (shoptalkshow.com)

New Webpack CLI (medium.com)

Inspiration

I Got Rejected by Apple Music… So I Redesigned It (medium.com)

CodePen Projects Infrastructure (codepen.io)

Jobs

Product Designer at Zendesk

We are looking for a designer whose portfolio demonstrates excellence in solving challenging user experience challenges with simple, empathetic solutions. You’re a clear communicator, keen on experimentation and comfortable with complex workflows. (zendesk.com)

Senior Developer at Simplecast

We’re seeking a Senior Developer to join the Simplecast team; someone with a passion for actualizing the future of podcasting. They will dedicate themselves to building Simplecast into one of the premiere hosting and syndication solutions for podcasters. (waywardwild.com)