jobs.smashingmagazine.comSmashing Magazine — For Web Designers And Developers

Skip to main content Jump to list of all articles Articles Guides Books Events Membership Jobs Newsletter Podcasts Write for us Advertise with us More Less Menu Less Articles Guides Books Events Membership Jobs Newsletter Podcasts Write for us Advertise with us Clear Search Browse All Topics Accessibility Android Animation Apps CSS Design Design Patterns Design Systems E-Commerce Freebies Graphics HTML Illustrator Inspiration iOS JavaScript Mobile Pattern Libraries Performance Photoshop Plugins React Responsive Web Design Service Workers Sketch Typography UI Usability User Experience Wallpapers Web Design WordPress Workflow Seriously, red? Switch contrast Don’t Miss These Latest Articles Suzanne Scacca wrote Can You Design A Website For The Five Senses? Meow! User Experience 308 User Interaction 66 Design 447 Jerry Navi wrote Setting Up Redux For Use In A Real-World Application Meow! Apps 207 React 54 Tools 241 Nikola Lazarević wrote How To Create A Porsche 911 With Sketch (Part 2) Meow! Sketch 30 Workflow 328 Design 447 Cosima Mielke wrote Making Memories To Last (August 2020 Wallpapers Edition) Meow! Wallpapers 132 All you want is a fast, secure web ? That's why we use ad blockers, too, you know. We gotta keep those servers running though... So we've set up Membership for smart cookies like you. Coming up next: Smashing TV Session with Kristina Podnar on “ Getting Projects Out The Door Faster And Less Painful ”, New discounts on tools, services and tutorials, ...plus a seasoned selection of fancy cats. About Smashing Membership → Hide Notification Latest Posts Jul 30, 2020 The Renaissance Of No-Code For Web Designers by Uri Paz In this article, Uri Paz presents some tools that allow non-programmers to create application software through graphical user interfaces and configuration, instead of traditional computer programming. → Read more Jul 29, 2020 Understanding Client-Side GraphQl With Apollo-Client In React Apps by Blessing Krofegha In this article, you’ll learn a few basics of GraphQL and Apollo Client, learning how to work with both of them. By the end, we’ll have built a pet shop app that uses Apollo Client. → Read more Jul 28, 2020 Inspired Design Decisions With Emmett McBain: Art Direction As Social Equity by Andrew Clarke Emmett McBain was a Black American graphic designer whose work had a remarkable impact on the representation of Black Americans in advertising. In this part of Andy’s series, he’ll explain how his work can inspire what we design for the web. → Read more Jul 28, 2020 Smashing Podcast Episode 21 With Chris Ferdinandi: Are Modern Best Practices Bad For The Web? by Drew McLellan We’re asking if modern best practices are bad for the web? Are modern frameworks taking us down the wrong path? Drew McLellan speaks to Lean Web expert Chris Ferdinandi to find out. → Read more 1,651 smashing members A friendly community that keeps this website alive. With books, webinars, discounts and networking — for just 1 coffee a month. Join the family. Explore features → Already have an account? Sign in! Jul 27, 2020 Create A Responsive Dashboard With Angular Material And ng2-Charts by Zara Cooper In this article, Zara Cooper explains how to take advantage of schematics in Angular Material and ng2-charts to substantially reduce the time and work that goes into building a dashboard. → Read more Jul 24, 2020 How To Create A Porsche 911 With Sketch (Part 1) by Nikola Lazarević This tutorial is for illustrators who also happen to be passionate car enthusiasts. If you follow along, you will learn how to draw from scratch in Sketch the legendary Porsche 911 — all in vectors. → Read more Jul 23, 2020 How To Use Styled-Components In React by Adebiyi Adedotun While the component-driven approach has ushered in a new frontier in the way we build web applications, it isn’t without its imperfections — one being its usability and scalability with CSS. This has given birth to a new way to construct and … → Read more Jul 22, 2020 Modern CSS Techniques To Improve Legibility by Edoardo Cavazza In this article, we cover how we can improve websites legibility using some modern CSS techniques, great new technologies like variable fonts and putting into practise what we learned from doing scientific researches. → Read more New on Smashing TV A channel where seasoned developers show how they design, build, work and play. Coming up next: Getting Projects Out The Door Faster And Less Painful with Kristina Podnar (Aug 6). See all upcoming episodes → Already have an account? Sign in! See All Latest Articles June 2020 • Shipping Now Meet “Click!”: Encourage Clicks Without Shady Tricks Our new book on how to boost business KPIs , build trust and address doubts effectively — without alienating people along the way. By Paul Boag. Jump to table of contents → Community Links Person Of The Week Tejas Kumar learned to code when he was eight and started his web development career at the age of 15 as a Junior Web Developer for the University of Qatar. Today, he lives in Berlin, where he builds React applications as well as open-source design systems and data-related libraries. As a Vetting Lead at G2i, he helps connect React developers with organizations. Tejas loves to empower fellow developers and shares his knowledge about coding as a speaker at conferences and meetups. You can find him on Twitter as @TejasKumar_ . Thank you for everything you do for the community, dear Tejas! Sara Soueidan wrote Inclusively Hiding And Styling Checkboxes August 4, 2020 — What do you need to consider when styling checkboxes and radio buttons that don’t leave users out? Sara Soueidan summarized different techniques for hiding elements and how each of them affects accessibility. Stephen Nixon wrote Variable Fonts On Google Fonts August 3, 2020 — How do you get the most out of variable fonts on Google Fonts? Stephen Nixon wrote a stellar piece on getting a lot more flexibility and performance out of a variable font. Amelia Wattenberger wrote Percents In CSS July 31, 2020 — When you use percents in CSS, do you sometimes ask yourself: “% of what”? Amelia Wattenberger wrote a guide to clear things up. Mihael Konjević wrote Inline Validation In Forms July 30, 2020 — What is the best user experience when it comes to displaying inline validation errors in a form? Mihael Konjević did some research and shares tips for designing a default UX . Lydia Hallie wrote CORS Visualized July 29, 2020 — Seeing an error message in your console saying that access has been blocked by CORS policy is always frustrating. Lydia Hallie explains what CORS is actually doing and why we benefit from it. Elijah Manor wrote Natively Format JS Dates And Times July 28, 2020 — Do we still need Moment.js or date-fns to natively format JavaScript dates and times? With native browser capabilities improving, not necessarily, as Elijah Manor shows . More links on Twitter Featured Smashing Book Design Systems Meet Design Systems , a recent Smashing book in which Alla Kholmatova explores how to set up an effective design system to create great digital products. With common traps, gotchas and lessons learned. Jump to table of contents ↬ Our Guides A Smashing Guide to JavaScript & Frameworks React, Vue, or perhaps the lightweight Alpine.js? Whether you are an experienced JavaScript developer working with one of these frameworks, or just starting to learn, our authors have created some tutorials for you. Explore JavaScript & Frameworks A Smashing Guide to CSS Layout CSS Layout has been transformed over the past years. We have you covered with all you need to master this new world. If you want to understand the technical details, or learn how to use new CSS creatively, these guides can help. Explore CSS Layout A Smashing Guide to Web Performance Ensuring your site loads quickly is important. The subject touches almost every part of web design and development, from your choice of images to the performance of your web server. In this gu...