Web Design

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 [...]

Web Design Weekly #278

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 [...]

Web Design Weekly #283

Headlines Building Production-Ready CSS Grid Layouts Morten Rand-Hendriksen gives us an understanding of what new layout opportunities and challenges CSS Grid brings, what old problems it solves and how to start using it in production today. (smashingmagazine.com) Perfect Paragraph (betterwebtype.com) Find Top Developers Fast The search is over. Let Toptal connect you with the world’s most talented developers. Get started today. (toptal.com) Articles A React TODOs example, explained If you are still battling with some React concepts this post and code examples are a great way to [...]

Web Design Weekly #279

Headlines Mavo – Create Web Apps Entirely By Writing HTML Mavo helps you turn your static HTML into reactive web applications without a single line of programming code and no server backend. Lea Verou has also written a great introduction article over on Smashing Magazine that is worth a read. (mavo.io) Announcing JSON Feed (jsonfeed.org) 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 but Web [...]