Designer News

FigJam Simple Wireframe Templates – A free library that adds missing wireframing components to Figma’s new online whiteboard FigJam. Why Web Designers Should Learn Multiple CMS – A few reasons why we think learning multiple CMS can be a good thing for every web designer. Profiling Site Speed – This article explains how to use the Chrome DevTools Performance tab to profile your site and interpret the results. The Making (and Potential Benefits) of a CSS Font – This is “just” HTML controlled with CSS, but still, it is software and it gets the message through. Yoome Free WooCommerce Theme – A free WooCommerce WordPress theme for creating stunning online shopping stores. Checklist to Starting Your Freelance Graphic Design Business – To help set you up for success, Dribbble have shared a c...

100 underline/overlay animations | The ultimate CSS collection – Use this collection to find the perfect CSS animation for your project. Why Thinking Ahead Is Crucial in Web Design – Learn how to design websites with the future in mind. Charts.css – Check out this modern CSS framework that styles HTML elements as charts. Conditional animations with CSS properties – Make your website more accessible by loading animations based on a user’s “reduced motion” OS settings. Evergreen CSS Flex Layouts With Live Demos – A collection of common layouts that you can copy and paste right into your own site. 5 Common WordPress Myths Debunked – Some of the things you read about WordPress just aren’t true. This post will set the record straight. Foont. – How well do you know fonts? This quick game wi...

Pika – Download this easy to use, open-source, native color picker for macOS. Luxa CSS – A minimalist CSS framework to help you design and build quickly. KTRZ Monokai – Coders, check out this minimal Visual Studio Code theme with the Monokai color scheme. Where Two-Factor Authentication Falls Short – 2FA’s dependence on a mobile device can cause all sorts of problems. Uniwidth typefaces for interface design – Examples of how to implement this handy type technique. Measuring, Defining and Improving Productivity: The Design Productivity Blueprint – An inside look at Spotify’s tool for measuring designer productivity. How to avoid layout shifts caused by web fonts – Real-world solutions to keep typography from causing large shifts in page layout. Are High-Quality Free WordPress Themes a ...

Video Tutorial: How to Create a Stained Glass Window Effect – Craft a stunning effect in Adobe Illustrator with this tutorial. The State of Design in 2021 – A survey of over 1,000 designers, asking them how they work, what they value, and what kinds of challenges they’re facing. 8 Examples of Icon-Based Navigation, Enhanced with CSS and JavaScript – Some interesting examples of how icons can improve website navigation. VISIWIG Vector Pattern Generator – Create seamless patterns and export them to your favorite editing software. Doing Away With Bad Design Ideas and Moving on to the Good Ones – A few strategies creative professionals can use to quickly do away with all those bad design ideas, and move on to the good ones. On-Scroll Letter Animations – A small set of ...

Our 50 Favorite CSS Libraries, Frameworks and Tools from 2020 The Rules of Margin Collapse – Joshw Comeau unravels the mystery that is known as “margin collapse.” 50 Best Websites of 2020 – Here’s a collection of the websites that Webdesigner Depot loved in 2020. Typography Principles – The Obys Agency shares some of their typography principles that help improve your experience. Reducing Motion in Animations – This article will demonstrate how to use the prefers-reduced-motion media feature in both CSS and JS to offer alternative interactions for users. Infinite Scroll: What Is It Good For? Uisual – A collection of minimally designed free HTML & CSS (no JS) landing page templates for startups. Deadlines – A simple, offline deadline tracker made with Vue...

How to Help Your Clients with Website Content Strategy – How to get the processes of creating and organizing content moving in the right direction. Devbook – A new kind of search engine made just for developers. What Makes CSS Hard To Master – Thoughts on what frustrates some developers about CSS. The Grumpy Designer Looks Ahead to 2021 – The definitive tongue-in-cheek look at how the new year will impact the web design community. 10 new rules of design – Leading experts say that it’s time to move past “Eurocentric” ideas. Do you agree? Adobe just released the last Flash update ever – The last update for the venerable app. Official support will stop at the end of 2020. Horizontal Smooth Scroll Layouts – Some ideas for horizontal smooth scrolling layouts powered by L...

2020 Web Design Year in Review – A look back at some important and interesting developments that impacted web designers this past year. Search Engine Optimization Checklist (PDF) – Use this handy reference to solve your most tedious SEO issues. Wavelry – Create your own custom wave graphics with this browser-based tool. You can export your work in either PNG or SVG format. Radix UI – An open-source UI component library for building high-quality, accessible design systems and web apps. 8 Ways for Bringing Creativity to Hyperlinks with CSS & JavaScript – Dress up your links for better user experience and accessibility. Sticky CSS Grid Items – Learn the technique behind making an element sticky within a CSS Grid layout. Fluent Icons – Grab this huge library of ope...