Collective #518

Original Source:


Inspirational Website of the Week: Nike Circular Design Guide

A razor-sharp grid-based design with lots of personality. Our pick this week.

Get inspired


This content is sponsored via Syndicate Ads
Website Builder Software With Your Branding

This B2B platform fits designers, freelancers, agencies and anyone who wants to make beautiful websites for their clients or let them do it on their own.

Find out more


Take Back Your Web

“Own your domain. Own your content. Own your social connections. Own your reading experience.” —Tantek Çelik talks about how we can use IndieWeb services, tools, and standards to take back our web.

Watch it


Accessible Icon Buttons

An overview of how an icon button can be implemented accessibly. By Sara Soueidan.

Read it



SCAR is a deployment stack that make it easy for you to deploy a static website with a custom domain, SSL, and a CDN

Check it out


Twisted Polygons

A Vue.js project for generating SVGs of polygons for plotting. By Maks Surguy.

Check it out


Animation Handbook

A free ebook that will teach you how to use animation to demonstrate abstract concepts, make products feel more life-like, and instill more emotion into digital experiences. By Ryan McLeod.

Get it


Tesla’s Touchscreen UI: A Case Study of Car-Dashboard User Interface

Some valuable information on what’s important when designing for car-dashboard user interfaces.

Read it


The State of Fluid Web Typography

A very insightful article by Matej Latin on the current state of fluid typography and its issues.

Read it


The “Inside” Problem

Chris Coyier explains the “inside” layout problem and shows how to tackle it.

Read it


Few-Shot Adversarial Learning of Realistic Neural Talking Head Models

Some amazing work from the Samsung AI lab with the potential to animate heads using only few or even one shot of a target person.

Watch it


Vue.js And SEO: How To Optimize Reactive Websites For Search Engines And Bots

Paolo Mioni writes about how reactive JavaScript frameworks like Vue and React perform in terms of SEO.

Read it


Face Button

Katherine Kato created this fun button that you can startle by hovering or tapping on.

Check it out


THREE – Optimized Line Mess!

A demo by Colin van Eenige where “lines are created, stored and animated”.

Check it out


Colour Diver

A wonderful animation made by Chris Gannon.

Check it out


Contextually Marking up accessible images and SVGs

Scott O’Hara explains the various methods for providing accessible names for images or SVGs and points out related quirks in browser.

Read it


Font-display is incompatible with icon fonts

Zach Leatherman writes how the font-display descriptor has no valid value that is compatible with icon fonts.

Read it


Burberry: The Monogram Universe

A very cool WebGL powered interactive explorer for showcasing a new collection.

Check it out


A Cloud

A beautiful volume ray marching demo of a cloud.

Check it out


Launching Today: Free Wolfram Engine for Developers

Read about the release of the free Wolfram Engine for developers and learn what you can do with it.

Read it


Flexible data tables with CSS Grid

Adam Lynch shows how to use CSS Grid for making versatile, responsive tables.

Read it


Font Kiko

Font Kiko is a pack of more than 700 Open Source icons suitable for many types of projects.

Get it


Color Designer

A tool to help you with building a color palette and generate tints and shades based on it.

Check it out


On How I Approach Teaching CSS, CodePen Quizzes and Playing Cards

PeHaa Hetman shares a series of three quizzes around the CSS selectors and explains her process of teaching web development.

Read it



A collection of free design tools and resources for makers, developers and designers.

Check it out

Collective #518 was written by Pedro Botelho and published on Codrops.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *