Weekly News for Designers № 526

By

Exploring Neumorphism Through Code Snippets – See stunning examples of this new, subtle design trend.
Example from Exploring Neumorphism Through Code Snippets

Image Dragging Effects – A set of playful effects for your images.
Example from Image Dragging Effects

Old CSS, new CSS – Relive the olden days of CSS. You know, before border-radius.
Example from Old CSS, new CSS

iHateRegex – A regular expression cheat sheet for haters.
Example from iHateRegex

7 Principles of Icon Design – Create high-quality icons following these tips.
Example from 7 Principles of Icon Design

Staggered Animations with CSS Custom Properties – How to create a more natural type of animation for the web.
Example from Staggered Animations with CSS Custom Properties

Finding the Real Value of Social Media for Web Designers – There are some great benefits to social media, but booking new clients isn’t one of them.
Example from Finding the Real Value of Social Media for Web Designers

Learn CSS Positioning – An interactive article to help you learn how to position elements.
Example from Learn CSS Positioning

A new technique for making responsive, JavaScript-free charts – Create beautiful charts using SVG.
Example from A new technique for making responsive, JavaScript-free charts

GuideChimp – A library for building interactive product tours and onboarding experiences.
Example from GuideChimp

CSS resize none on textarea is bad for UX – Why letting users resize textarea fields is a good thing.
Example from CSS resize none on textarea is bad for UX

Pixel Lite – Free Bootstrap 4 UI KIT – A beautifully crafted UI kit based on Bootstrap 4 components.
Example from Pixel Lite - Free Bootstrap 4 UI KIT

How to Create an Animated Countdown Timer With HTML, CSS and JavaScript – Learn how to build this useful feature that can be added to your own projects.
Example from How to Create an Animated Countdown Timer With HTML, CSS and JavaScript

This Just In: Excellent News and Magazine CSS Layouts – Examples of how CSS Grid and Flexbox can help you build an amazing layout.
Example from This Just In: Excellent News and Magazine CSS Layouts

How I recreated a Polaroid camera with CSS gradients only – Techniques for replicating a physical object with CSS.
Example from Techniques for replicating a physical object with CSS.

Palette Generator – Use this tool to create a beautiful color palette.
Example from Palette Generator