Collective #515
Publikováno: 13.5.2019
Into the Personal-Website-Verse * mailgo * Fontanello * GitHub Package Registry * What's new in JavaScript
Collective #515 was written by Pedro Botelho and published on Codrops.

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.

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.

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.

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.

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.

mailgo
Mailgo substitutes all the mailto: links with the great looking mailgo modal. By Matteo Manzinello.

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.

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.

Material Design: Dark theme
The Material Design guidelines for designing the dark theme mode in an application.

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.

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.

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.

Why Not Both?
Varun Vachhar writes about how the future of new web design tools might look like.

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.

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.

Open source collaborative text editors
Jure Triglav provides a list of open source collaborative text editors and explains the tech behind them.

Animating CSS Grid Rows and Columns
Chen Hui Jing writes about how to animate grid rows and columns when using Grid layout.

Unraveling the JPEG
An in-depth look into the amazingness of the JPEG image format. By Omar Shehata.

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.

Why books don’t work
A fascinating exploration by Andy Matuschak on why books are surprisingly bad at conveying knowledge.

Svgbob Editor
In case you didn’t know about it: Convert your ASCII diagram scribbles into happy little SVGs.

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.
Collective #515 was written by Pedro Botelho and published on Codrops.