Web Design

Web Design Weekly #291

Headlines Design tools, here’s how we can fix them Colm Tuite dives deep into what he thinks is fundamentally broken with the current design tool model, as well as hint at the direction he think we should be headed. (medium.freecodecamp.org) The CSS guide is back (campaignmonitor.com) Javascript Developer (React/Redux) Working with a team of 6 Front end developers, you will be pivotal in the company’s shift to an API-driven single page application, on an industry leading product. Putting your own stamp on a [...]

Web Design Weekly #290

Headlines AMPersand Ethan Marcotte shares his opinions about Google’s “Accelerated Mobile Pages” (AMP) project. Good read. (ethanmarcotte.com) The average web page is 3MB. How much should we care? (speedcurve.com) Why the Internet is Going Crazy Over This Mattress The Casper mattress is obsessively engineered and sleeps cool. Plus it ships for FREE, straight to your door. Web Design Weekly readers get $ 50 off with code: wdweekly. (casper.com) Articles From Modular Scales to Variable Fonts Scott Kellum, developer and designer, talks about using modular scales [...]

Web Design Weekly #289

Headlines Gain Motion Superpowers with requestAnimationFrame Benjamin De Cock, User Interface Designer at Stripe dives into the power of `requestAnimationFrame` by sharing some first hand experience and great examples. (medium.com) Serve web fonts without JavaScript (blog.typekit.com) Articles Managing CSS & JS in an HTTP/2 World Delivering CSS & JS on your websites is completely different with HTTP/2. In this article Trevor Davis shares how his team approached it. (viget.com) Offline-Friendly Forms Max Böck offers some great advice and tips to help make your forms handle bad internet [...]

Web Design Weekly #288

Headlines Integrating Animation into a Design System Integrating animation into a design systems is no easy task but hopefully this article will guide you in the right direction to bring them together in a cohesive manner. (alistapart.com) 150 animated tips on Chrome DevTools (medium.com) Sponsor Web Design Weekly and reach over 25,634 passionate designers and developers Articles Rethinking drag and drop The talented Alex Reardon from Atlassian shares some thoughts around drag and drop and introduces a handy React component which makes drag and drop for [...]

Web Design Weekly #287

Headlines CSS Utility Classes and “Separation of Concerns” Adam Wathan shares his experience about his CSS development journey. A great insight into someone that continually wanted to improve and seek out the best way for them to work. Oh and if you are into CSS this is a must read. (adamwathan.me) Bootstrap 4 Beta (blog.getbootstrap.com) Sponsor Web Design Weekly and reach over 25,486 passionate designers and developers Articles Web fonts: when you need them, when you don’t Over the last year David Gilbertson has produced some [...]

Web Design Weekly #286

Headlines Discover the world’s best design practices A new resource from the talented Invision team. It focuses on best practices, stories and insights from the world’s top design leaders. It’s hot! (designbetter.co) JavaScript for People Who Hate JavaScript (zachholman.com) Sponsor Web Design Weekly and reach over 25,400 passionate designers and developers Articles Performance and Resilience: Stress-Testing Third Parties A great post by Harry Roberts that advises on ways to pick and test third party resources that you are considering to use within your project. (csswizardry.com) Engineering [...]

Web Design Weekly #285

Headlines How we built Uber’s high performance web app In this article Angus Croll describes how his team built m.uber and shares the challenges of implementing the native app experience in a super-lightweight web app. (eng.uber.com) A day without Javascript (sonniesedge.co.uk) Articles Maintainable project structure for React/Redux Matteo Mazzarolo shares some information on his journey to achieving a comfortable Redux project structure. (hackernoon.com) Styled-Components in Action In this article Varayut Lerdkanlayanawat walks you through the main concepts of Styled-Components along with some nice coding examples. (medium.com) Keyboard-Only Focus Roman [...]

Web Design Weekly #276

Headlines Painting with Code Airbnb’s new open source library lets you design with React and render your production React components into Sketch, use real API data seamlessly and use Sketch as a canvas to build experimental tooling on top of.  (airbnb.design) Free eBook: How to start a WordPress maintenance business Our 50+ page eBooks covers everything you need to know to start your WordPress maintenance business. (godaddy.com) Articles When Does a Project Need (insert JS framework)? A post which focuses on React but with the idea [...]

Web Design Weekly #277

Headlines Getting Started With Headless Chrome Headless Chrome is shipping in Chrome 59. It’s a way to run the Chrome browser in a headless environment. Essentially, running Chrome without chrome! It brings all modern web platform features provided by Chromium and the Blink rendering engine to the command line. (developers.google.com) We’ve Mastered the Screen, What’s Next? (medium.com) Snag the hottest new domain name for designers .design domains were just released and some of the best ones are still available. Normally cost $ 35 [...]

Web Design Weekly #284

Headlines Casting Graphite in Gold Daniel Eden shares some broad themes that he has found lead to happier, more productive relationships between Designers and Engineers that are often overlooked when working together. (daneden.me) Creating truly universal React component systems (medium.com) Sponsor Web Design Weekly and reach over 24,800 passionate designers and developers Articles A Working Pattern Library Ethan Marcotte shares a few tips on how organisations can continue to build upon and utilise all the ground work that went into creating a pattern library, as [...]