Tag - Design

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 Development Reading List: Announcing Changes, A Design Kit, DNA Malware, And Why Meaning Is An Advantage

   You might have noticed it already: in the past few weeks you might have missed Anselm’s Web Development Reading List issues here on SmashingMag. No worries, from now on, we’ll switch to collecting the most important news of each month in one handy, monthly summary for you. If you’d like to continue reading Anselm’s weekly reading list (and we encourage you to!), you can still [...]

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

What is Timeless Web Design?

Let’s say you took on a client, and they wanted something very specific from you. They wanted a website that without any changes at all, would still look good in 10 years. Turns out, when you pose this question to a bunch of web designers and developers, the responses are hugely variant!The Bring It On Crowd There are certain folks who see this as an intreguing challenge and would relish the opportunity.Accept. With glee. — Jeremy Keith (@adactio) July 27, 2017Accept the [...]

How To Protect Your Users With The Privacy By Design Framework

   In these politically uncertain times, developers can help to defend their users’ personal privacy by adopting the Privacy by Design (PbD) framework. These common-sense steps will become a requirement under the EU’s imminent data protection overhaul, but the benefits of the framework go far beyond legal compliance.Let’s give credit where credit is due. The global political upheaval of the past 12 months has done more [...]

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