Collective #567
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
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
Illlustrations
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
LegraJS
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
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