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 inspiredInstanced Line Rendering
Rye Terrell shows how to tackle lines in WebGL using instanced line rendering.
Read itBlack 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 nowAdaptive 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 itLite YouTube Embed
A YouTube embed that renders much faster than a normal embed. By Paul Irish.
Check it outPika Registry
Pika is a new kind of package registry and code editor for package authors. Open for early access.
Check it outFramer - Web Beta
Exciting news from Framer: Framer will offer a web-based collaborative version and you can request a beta invite now.
Check it outAlex 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 outHighlights 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 itBuilding a Football Ticket With CSS and SVG
Learn some advanced CSS techniques from this tutorial by Ahmad Shadeed.
Read itCube.js Templates
Cube.js templates are open-source, ready-to-use frontend analytics apps.
Check it outIlllustrations
A set of 100 free illustrations made by Vijay Verma.
Check it outSVG favicons
An exciting tweet by Mathias Bynens: you can use SVG for a favicon in Chrome now.
Check it outThe 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 itWhat are Microservices?
Sarah Drasner breaks down the term of Microservices.
Read itLynn Fisher Portfolio
Lynn Fisher's awesome new portfolio has a super cool resize effect!
Check it outTetris & Snake
Can you play Tetris and Snake at the same time? Try it in this cool experiment by Grégoire Divaret-Chauveau.
Check it outLegraJS
Legra is a small JavaScript library that lets you draw LEGO like brick shapes on an HTML canvas element.
Check it outPassword Guide
A fantastic little checklist for a password input by Andreas Storm.
Check it outMultiple-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 itInspirational 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