Weekly News for Designers № 488

Debugging CSS Grid Part 1: Understanding implicit tracks – Learn the difference between explicit and implicit grid.
Debugging CSS Grid Part 1: Understanding implicit tracks

Understanding grid placement through building a HTML periodical table – A fun demo that teaches the tricks behind CSS Grid placement.
Understanding grid placement through building a HTML periodical table

Animating Links – Ways to add some cool effects to links, along with the pros and cons of doing so.
Animating Links

5 steps for including motion design in your system – Don’t forget about animation when documenting your design system.
5 steps for including motion design in your system

Building a JavaScript guitar pedalboard – Rock out with this amazing JavaScript sound app.
Building a JavaScript guitar pedalboard

The Basic Guide to the CSS Box Model – A look at how content, padding, border and margins affect box size.
The Basic Guide to the CSS Box Model

How to create clipped, blurred background images in CSS – Use CSS filters to create special effects that are limited to a specific area of an image.
How to create clipped, blurred background images in CSS

Mid-Century Modern Illustration: Creating A Cover Book With Illustrator And InDesign – Create a cover design inspired by the styles of the 1950s.
Mid-Century Modern Illustration: Creating A Cover Book With Illustrator And InDesign

Found Color – A gallery that explores the beauty of “accidental” color schemes.
Found Color

Why Do We Need Logos? Logo Design in The Light of Human Psychology – A look at the reasons why logos are an incredibly important part of branding.
Why Do We Need Logos? Logo Design in The Light of Human Psychology

Animating CSS Grid Rows and Columns – Using this new feature to make grid rows and columns stand out.
Animating CSS Grid Rows and Columns

Fontanello – A browser extension that displays typographic styles via right-click.
Fontanello

How to create a Sticky Hero section – Use this tutorial to build a very unique “sticky” hero section that displays content upon scrolling.
How to create a Sticky Hero section

UI Animation in React – Leverage the popular JavaScript library to enhance your UI elements with animation.
UI Animation in React

PHP in 2019 – A look at how PHP has evolved to its current state.
PHP in 2019

The State of Fluid Web Typography – Why hasn’t fluid typography seen higher adoption rates?
The State of Fluid Web Typography

Is ‘the fold’ still a thing in today’s scrolling and skimming culture? – They used to tell us to put the important stuff “above the fold”. Is that still relevant?
Is 'the fold' still a thing in today’s scrolling and skimming culture?

Material Icons Library – 1000+ free icons that are compatible with top graphic tools.
Material Icons Library

Polyplane – A browser built especially for creating responsive websites and apps.
Polyplane

Things That Come Back to Haunt Web Designers – How to avoid mistakes that could haunt you for years to come.
Things That Come Back to Haunt Web Designers

10 Free Online Education Landing Page Templates – Build a stunning online education website with one of these free templates, available in AI and EPS formats.
10 Free Online Education Landing Page Templates

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

The post Weekly News for Designers № 488 appeared first on Speckyboy Design Magazine.


This post was originally published here.