Weekly News for Designers № 515

By on November 23rd, 2019Designer News

Keeping Time: A Collection of Clock and Timer Code Snippets – Check out these stunning examples of time-related functionality.
Example from Keeping Time: A Collection of Clock and Timer Code Snippets

How Do You Remove Unused CSS From a Site? – A realistic look, including the potential pitfalls, of removing unused styles.
Example from How Do You Remove Unused CSS From a Site?

Make Your Own Expanding And Contracting Content Panels – Learn how to create these helpful UI elements without the need for a library.
Example from Make Your Own Expanding And Contracting Content Panels

Video Game Console Logos – Relive your favorite console’s heyday with this collection of classic logos.
Example from Video Game Console Logos

Web Almanac 2019 – Get ready for the year in review posts! This one takes a look at the state of the web.
Example from Web Almanac 2019

Techniques for Documenting Your Web Projects – There are a number of good reasons for documenting projects. Here are a few ways to do it.
Example from Techniques for Documenting Your Web Projects

Simple React Admin Template – A free starter template that includes only core functionalities, allowing you extend as needed.
Example from Simple React Admin Template

35 Free Web & Mobile UI Templates for Figma – Get your project off to a quick start with these beautiful UI kits.
Example from 35 Free Web & Mobile UI Templates for Figma

HTMLHell – Bad HTML practices, taken from real websites.
Example from HTMLHell

CSS Logical Properties – How logical properties can replace the positional naming of elements.
Example from CSS Logical Properties

Glyphy – Use this handy site to copy and paste a variety of glyphs.
Example from Glyphy

The 10 Best Newsletters for Photographers – A collection to help you start, grow, and scale your photography business.
Example from The 10 Best Newsletters for Photographers

illustrations – An open source illustrations kit featuring 100 images.
Example from illustrations

AI Generated Diverse Photos – Over 25k free photos to use in your projects. Did we mention they were generated by AI?
Example from AI Generated Diverse Photos

Diez – A free, open-source design language framework.
Example from Diez

Artboard Studio Mockups – Easily create mockups in Figma with this free plugin.
Example from Artboard Studio Mockups

Flexbox — The Animated Tutorial – CSS Flexbox can be difficult to explain. These animations will help you more easily grasp its concepts.
Example from Flexbox — The Animated Tutorial

50 Free Presets & Templates for Final Cut Pro – Add incredible effects and improve your workflow with these Final Cut Pro resources.
Example from 50 Free Presets & Templates for Final Cut Pro