Collective #496
Publikováno: 28.2.2019
Zero Server * React-three-fiber * Subsync * Space Type Generator * FrenchKiss.js * The CSS mental model
Collective #496 was written by Pedro Botelho and published on Codrops.

Inspirational Website of the Week: Mirage Festival
An unconventional design with inspiring forms and shapes. Our pick this week.

Design popups & websites in one interface
Build Popups in the same place you build your WordPress website, so your design remains consistent and you are able to get more conversions.

Zero Server
A zero configuration web framework that abstracts the usual project configuration for routing, bundling, and transpiling to make it easier to get started.

Web Accessibility Guide
A curated collection of web accessibility tips, tricks, and best practices.

How to render 3D in 2D canvas
Louis Hoebregts shows how to render a 3D shape using only the Canvas 2D API.

The CSS mental model
A series of article snippets that aims to explain CSS to JavaScript developers.

8 Little Videos About the Firefox Shape Path Editor
Mikael Ainalem demonstrates how to use the shape path editor in the DevTools of Firefox.

We Need Chrome No More
A very interesting article on how we should foster browser diversity and step away from using the browser of the world’s largest advertising company.

Space Type Generator
A fascinating kinetic type generator by Kiel Mutschelknaus.

New Math Functions for CSS
Benjamin De Cock’s tweet on all the new math functions that are being added to CSS.

CSS selectors cheatsheet
A visual CSS selectors cheatsheet made by Nana. There’s also a game version of it.

Content-based grid tracks and embracing flexibility
An article by Hidde de Vries on how content-based sizing works in a CSS Grid layout.

The Dribbble Experiment
Robert Williams analyzes the performance of a job post on Dribbble and compares it to using the advanced search tool.

FrenchKiss.js
FrenchKiss.js provides a simple and fast solution for handling internationalization.

Our new land [SVG]
Gerard Ferrandez created this demo as part of a plottable SVG series for his AxiDraw plotter.

Codevember 2018
A fantastic compilation of loops for Codevember 2018 including source codes and breakdown gifs. By Jaume Sanchez Elias.

Polygon Surface
Liam Egan created this awesome demo for a Codepen challenge.

WebGL Wonderland #5
A mesmerizing demo by Colin van Eenige.

React-three-fiber
React-three-fiber is a small React renderer for three.js.

Environment-based lighting and reflections in three.js and Looking Glass
Matt Hughes writes about his approach on getting real-world reflections and illumination on virtual objects.

Kiss The Sky
A beautiful evolution game by Matthew Main.

TypeScript introduction
Get started with TypeScript with this practical introduction by Areknawo.

Subsync
Language-agnostic automatic synchronization of subtitles to video, so that subtitles are aligned to the correct starting point within the video.

Text Trail Effect
A text trail effect for a slideshow inspired by the “Abstract is hiring” Dribbble shot.
Collective #496 was written by Pedro Botelho and published on Codrops.