Collective #519
Publikováno: 27.5.2019
Subgrid is here * BioRender * React Vertex * Pointcloud effect in Three.js * GitHub Sponsors
Collective #519 was written by Pedro Botelho and published on Codrops.

GitHub Sponsors (Beta)
Now you can fund your favorite developers or apply for receiving community funds for your open source projects. Read more about it in this announcement.

Get Your Free .design Domain Name!
Thinking of building your portfolio? .design is like .com, but it’s more relevant to what you do as a designer. Includes free SiteBuilder.

Subgrid is here
Michelle Barker writes about the Firefox Nightly support for subgrid and provides an example.

Switching From WordPress To Hugo
Learn how to move a WordPress blog to Hugo in this tutorial by Christopher Kirk-Nielsen.

React Vertex
An experimental Hooks-based WebGL library for React.

Code as Documentation: New Strategies with CSS Grid
A very insightful article by Sally McGrath where she walks through a fully-developed production implementation of a single major component using grid.

The difference between keyboard and screen reader navigation
Leonie Watson highlights the important differences between keyboard and screen reader navigation.

Pointcloud effect in Three.js
Imani Dap shows how to make a nice pointcloud effect using Three.js.

CSS Grid subgrid lands in Firefox Nightly
Rachel Andrew announces that the subgrid value for grid-template-columns and grid-template-rows landed in Firefox Nightly.

Free Font: Portage
An adventurous and rugged slab serif built from a land and forest journal from the mid-50’s. Free for an email subscription.

Digging Into The Display Property: Grids All The Way Down
Rachel Andrew takes a look at what happens when we use display: grid
and how we might use the new subgrid value of grid-template-columns
and grid-template-rows
.

Introducing the first Microsoft Edge preview builds for macOS
The Microsoft Edge Team announces the availability of the Microsoft Edge Canary channel for macOS.

BioRender
BioRender is a tool for creating and sharing beautiful, professional scientific figures.

Static web – back to the roots?
Brice Berdah explores the shift back to static site generators to sanitize web development practices.

Breath – CSS Only
Sandrina Pereira created this abstract animated composition that uses CSS filters for a gooey effect.

The Avener – Beautiful
A really nice effect to showcase a new music video.

Create a split, faux-container layout with CSS Grid and Flexbox
Learn how to create a particular split layout that breaks an article of content into separate, colored panels.

Building 3D 2048 game with Vue, Three.js and TypeScript (part 1)
The first part of a tutorial series on how to build a 3D version of the 2048 game. By Areknawo.

Friends don’t let friends implement dark mode alone
See how Chen Hui Jing experiments with the blend-mode technique for dark mode.

I don’t know how CPUs work so I simulated one in code
In order to understand how computers work under the hood, Daniel Harper simulated how one works in code.

Rebuilding the Solar System with CSS
Rob DiMarzo explains how to rebuild his amazing CSS-only solar system demo.

The Evolution Of Webdesign
A collection and imitation of web design trends from 1991 to 2015.
Collective #519 was written by Pedro Botelho and published on Codrops.