Weekly News for Designers № 541

By

Mini Interactive Keyboard with Pure CSS – Learn the process behind creating this cool little keyboard.
Example from Mini Interactive Keyboard with Pure CSS

Show Me Emoji: Iconic Code Snippets – A collection of interesting and fun examples, starring your favorite (and some new) emoji.
Example from Show Me Emoji: Iconic Code Snippets

Let’s Take a Deep Dive Into the CSS Contain Property – How the contain property can speed up browser rendering.
Example from Let’s Take a Deep Dive Into the CSS Contain Property

171 favorite JavaScript utilities – Tons of handy JavaScript snippets – each just a single line of code.
Example from 171 favorite JavaScript utilities

The 10 Best Photoshop Action Sets for Creating the Bokeh Effect – Use these Photoshop actions to achieve stunning effects with ease.
Example from The 10 Best Photoshop Action Sets for Creating the Bokeh Effect

Progressively enhancing radio buttons with SVG whilst staying accessible – A modern way to add cool effects to HTML radio buttons.
Example from Progressively enhancing radio buttons with SVG whilst staying accessible

Fluent Design System – An open-source, cross-platform design system from Microsoft (yes, really).
Example from Fluent Design System

Responsively – A tool for rapidly developing responsive web apps.
Example from Responsively

JavaScript Features To Forget – JavaScript is over 20 years old. With that, there are some features that should no longer be used.
Example from JavaScript Features To Forget

What To Do When You Lose Motivation as a Designer – A technique for getting through that utterly difficult project.
Example from What To Do When You Lose Motivation as a Designer

A Single Div – Check out this collection of pure CSS drawings.
Example from A Single Div

Micro-Typography: How To Space And Kern Punctuation Marks And Other Symbols – Techniques for giving readers the best experience possible through type.
Example from Micro-Typography: How To Space And Kern Punctuation Marks And Other Symbols

Tailblocks – Get your projects rolling with these ready-to-use blocks for Tailwind CSS.
Example from Tailblocks

How to Choose Hardware for Your Design Business – The right hardware can make a big difference in your workflow.
Example from How to Choose Hardware for Your Design Business

new.css – A classless CSS framework for building HTML-only websites.
Example from new.css

Neumorphism UI – Grab this attractive free UI kit that is based on Neumorphism.
Example from Neumorphism UI