Collective #515
Next-Generation 3D Graphics on the Web
A Google I/O '19 talk by Corentin Wallez and Ricardo Cabello that covers the latest updates for adding 3D to your web site.
Watch it
Website builder tools you should try at least once
A top quality website builder can be a great tool in skillful hands. Let us help you choose the best website building tool among these top options.
Check them out
Into the Personal-Website-Verse
A great article by Matthias Ott on the importance of personal websites as the backbone of the independent Web of creators.
Read it
Fontanello
Fontanello is a browser extension for Google Chrome and Firefox that lets you display the basic typographic styles of a text by right-clicking it.
Check it out
Introducing GitHub Package Registry
Simina Pasat introduces the GitHub Package Registry, a package management service that makes it easy to publish public or private packages next to your source code.
Read it
mailgo
Mailgo substitutes all the mailto: links with the great looking mailgo modal. By Matteo Manzinello.
Check it out
How to create a Sticky Hero section
Claudia Romano explains how to create a sticky hero section, with the help of the CSS position sticky and the Intersection Observer API.
Read it
Design and code responsive Skeleton Screens
A tutorial by Marina Aisa where you will learn how to design a Skeleton Screen thinking about its asynchronometry and how to code it based on Sketch or Photoshop opacity modes.
Read it
Material Design: Dark theme
The Material Design guidelines for designing the dark theme mode in an application.
Check it out
What's new in JavaScript
A Google I/O '19 presentation by Mathias Bynens and Sathya Gunasekaran that gives an overview of cutting-edge JavaScript development techniques to build modern web and Node.js apps.
Watch it
The Thinking Behind Simplifying Event Handlers
Tiger Oakes shares how to reduce the amount of code and the number of listeners when writing code with event listeners.
Read it
The Web Project Guide
A phase-by-phase look at the web process from ideation to launch and beyond, providing context to the moving parts of a web project.
Check it out
Why Not Both?
Varun Vachhar writes about how the future of new web design tools might look like.
Read it
UI Animation in React
Donovan Hutchinson takes a look at a demo React app and explores how adding animations to situations when UI changes can result in a more polished experience.
Check it out
Breaking to a new row with flexbox
Tobias Ahlin explains how to use line-breaking flex items for controlling the flow of items in a flexbox layout.
Read it
Open source collaborative text editors
Jure Triglav provides a list of open source collaborative text editors and explains the tech behind them.
Read it
Animating CSS Grid Rows and Columns
Chen Hui Jing writes about how to animate grid rows and columns when using Grid layout.
Read it
Unraveling the JPEG
An in-depth look into the amazingness of the JPEG image format. By Omar Shehata.
Read it
It's a trap-ezoid: CSS Shapes aren't what you'd expect
John Rhea dives into CSS Shapes and shows what interesting things you can do with them.
Read it
Why books don't work
A fascinating exploration by Andy Matuschak on why books are surprisingly bad at conveying knowledge.
Read it
Svgbob Editor
In case you didn't know about it: Convert your ASCII diagram scribbles into happy little SVGs.
Check it out
FEEDI
Feedi simplifies how you handle RSS, Atom, or JSON feeds. You can add and keep track of your favorite feed data with a simple and clean REST API.
Check it out