Weekly News for Designers № 423

By

Get FullStory for Free, Forever.
Get FullStory for Free Forever

Meet the New Dialog Element – A look at the new <dialog> element and how to use it.
Meet the New Dialog Element

Modern CSS Explained For Dinosaurs – A crash-course in how the use of CSS has evolved.
Modern CSS Explained For Dinosaurs

9 Floating Form Label jQuery & JavaScript Plugins – Floating labels are one of the hot new trends in form design. Here are 9 tools you can use to implement them.
9 Floating Form Label jQuery & JavaScript Plugins

Recreating the GitHub Contribution Graph with CSS Grid Layout – This tutorial shows how powerful CSS Grid really is.
Recreating the GitHub Contribution Graph with CSS Grid Layout

Introduction to Graphic Design Process – Run this Graphic Design Process checklist when you start a new project with a client to provide images or designs.
Introduction to Graphic Design Process

Using Media Queries For Responsive Design In 2018 – Taking Flexbox and CSS Grid into account, you might not necessarily need to use media queries.
Using Media Queries For Responsive Design In 2018

Visually Build Responsive Layouts with CSS Grid – A tool to help you build a responsive CSS grid.
Visually Build Responsive Layouts with CSS Grid

faune – A new typeface commissioned by the Centre National des Arts Plastiques.
faune

Free Material Design Email Template – Download a free HTML email template based on Google’s Material Design.
Free Material Design Email Template

Create a Doughnut Chart Output for a Range Input – Create a beautiful chart using conic gradients and CSS variables.
Create a Doughnut Chart Output for a Range Input

Build a JavaScript Command Line Interface (CLI) with Node.js – A tutorial showing the flexibility of Node.js.
Build a JavaScript Command Line Interface (CLI) with Node.js

CSS Grid Layout – Crossed Sections – An introduction to CSS Grid and its potential with a practical example.
CSS Grid layout — crossed sections

Build a Download Button Full of Micro Interactions – Learn how to build a button that is full of useful micro interactions.
Build a Download Button Full of Micro Interactions

Designing Windows 95’s User Interface – Revisiting the research behind the classic OS’s UI.
Designing Windows 95’s User Interface

The Best UX is No User Interface at All – Some great examples of OS UI evolution over the years.
The Best UX is No User Interface at All

SVG Backgrounds – Customizable SVG patterns and background designs for websites and blogs.
SVG Backgrounds

3 Superpowers of the Flex-Box Model – A look at how flex-basis, flex-shrink and flex-grow work.
3 Superpowers of the Flex-Box Model

Supporting Old Browsers: How-To and for How Long – While it’s easy to ignore older browsers, it’s also not that difficult to provide basic support in your designs.
Supporting Old Browsers: How-To and for How Long

Follow Speckyboy on Twitter, Facebook or Google+ for a daily does of web design resources and freebies.