Collective #448

Inspirational Website of the Week: ENJOY:
A fresh design with beautiful, animated illustrations. Our pick this week.
Get inspired
Enterprise Security. The Fastest Integration Time. HelloSign API
With a robust SDK, amazing support, detailed documentation, and super clean dashboard, HelloSign API is sure to make your team happy.
Try it free
Inside Look at Modern Web Browser
Take a look inside the Chrome browser from high-level architecture to the specifics of the rendering pipeline in this first article of a 4-part blog series by Mariko Kosaka.
Read it
AgentMaps
AgentMaps is a JavaScript library for building and visualizing dynamic social systems on maps.
Check it out
Watermelon DB
A next-gen database for powerful React and React Native apps that scales to 10,000s of records and remains fast.
Check it out
How do you mark up an accordion?
An insightful article by Sara Soueidan on how to properly mark up an accordion.
Read it
Take A New Look At CSS Shapes
Learn all about CSS Shapes and how to create non-rectangular shapes using images, gradients, and basic shapes in this article by Rachel Andrew.
Read it
Ky
A tiny and elegant HTTP client based on the browser Fetch API.
Check it out
Wasabi
Learn about Wasabi, a framework for the dynamic analysis of WebAssembly programs.
Check it out
Google Dataset Search (Beta)
Dataset Search enables users to find datasets stored across thousands of repositories on the Web, making these datasets universally accessible and useful.
Check it out
A Tour of JavaScript Timers on the Web
Nolan Lawson gives a high-level overview of how JavaScript timers work, and when you might want to use them.
Read it
How to Create Pure CSS Illustrations and Animate Them
Agathe Cocco's third article in a three-part series about CSS illustrations and animations.
Read it
Take the State of JavaScript 2018 Survey!
Sacha Greif invites you to take the yearly JavaScript survey "The State of JavaScript".
Read it
Planet
A great three.js demo by Yoishi Kobayachi where he generates a planet object with simplex noise.
Check it out
Customize Radio Buttons without Compromising Accessibility
Chen Hui Jing covers the different methods of hiding input elements, their effects on accessibility and how to ensure they remain navigable via keyboard after being styled.
Read it
Playground and Cheatsheet for Learning Python
A collection of Python scripts that are split by topics and contain code examples with explanations, different use cases and links to further readings.
Check it out
T-Writer.js
-Writer.js is a fast typewriter-effect library without dependencies.
Check it out
Exoplanet Explorer
A fantastic WebGL powered presentation by Thomas Van Glabeke where you can explore exoplanets.
Check it out
Create your design system, part 5: Icons
Learn how to include icons in your design system in this article by Claudia Romano.
Read it
Vuesax
In case you didn't know about it yet: Vuesax is a framework of components based on Vue, focused on facilitating the development of applications.
Check it out
The Font Loading Checklist
Zach Leatherman briefly summarizes the most important points to consider for font loading.
Read it