Collective #567

Original Source:

Inspirational Website of the Week: It’s not violent

A fantastic sharp design that gets the message across using “textversation”. Our pick this week.

Get inspired

Instanced Line Rendering

Rye Terrell shows how to tackle lines in WebGL using instanced line rendering.

Read it

Our Sponsor
Black Friday Is Coming

Not only do you get the best deal ever on Divi memberships and upgrades, but you can also win a Mac Pro worth over $6,000!

Enter now

Adaptive Loading – Improving Web Performance on low-end devices

Addy Osmani explains how to use Adaptive Loading optimally to allow users get an experience best suited to their constraints.

Read it

Lite YouTube Embed

A YouTube embed that renders much faster than a normal embed. By Paul Irish.

Check it out

Pika Registry

Pika is a new kind of package registry and code editor for package authors. Open for early access.

Check it out

Framer – Web Beta

Exciting news from Framer: Framer will offer a web-based collaborative version and you can request a beta invite now.

Check it out

Alex Pierce – Designer. Art Director. Geek.

Alex Pierce’s portfolio is a unique example of “maximalism” that leverages color, bold typography, motion, and pixel art to deliver a surprising and delightful user experience.

Check it out

Highlights from Chrome Dev Summit 2019

Ire Aderinokun’s roundup article that highlights the most interesting ideas and projects from the Chrome Dev Summit 2019.

Read it

Building a Football Ticket With CSS and SVG

Learn some advanced CSS techniques from this tutorial by Ahmad Shadeed.

Read it

Cube.js Templates

Cube.js templates are open-source, ready-to-use frontend analytics apps.

Check it out


A set of 100 free illustrations made by Vijay Verma.

Check it out

SVG favicons

An exciting tweet by Mathias Bynens: you can use SVG for a favicon in Chrome now.

Check it out

The Firefox UI is now built with Web Components

An interesting article by Brian Grinstead on how the Firefox UI was migrated to modern web standards.

Read it

What are Microservices?

Sarah Drasner breaks down the term of Microservices.

Read it

Lynn Fisher Portfolio

Lynn Fisher’s awesome new portfolio has a super cool resize effect!

Check it out

Tetris & Snake

Can you play Tetris and Snake at the same time? Try it in this cool experiment by Grégoire Divaret-Chauveau.

Check it out


Legra is a small JavaScript library that lets you draw LEGO like brick shapes on an HTML canvas element.

Check it out

Password Guide

A fantastic little checklist for a password input by Andreas Storm.

Check it out

Multiple-column Layout and column-span in Firefox 71

In this post Rachel Andrew takes a look at the implementation of the column-span property.

Read it

From Our Blog
Inspirational Websites Roundup #10

Get some website inspiration with this set of beautiful and modern site designs freshly picked over the past few weeks.

Check it out

Collective #567 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 *