Collective #519

Original Source: http://feedproxy.google.com/~r/tympanus/~3/31BMeEzUkoA/

C519_github

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.

Check it out

C519_Porkbun

This content is sponsored via Thought Leaders
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.

Learn more

C519_subgridhere

Subgrid is here

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

Read it

C519_hugo

Switching From WordPress To Hugo

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

Read it

Screen-Shot-2019-05-27-at-12.45.25

React Vertex

An experimental Hooks-based WebGL library for React.

Check it out

C519_sketchgrid

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.

Read it

C519_keyboard

The difference between keyboard and screen reader navigation

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

Read it

C519_point

Pointcloud effect in Three.js

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

Read it

C519_subgridrachel

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.

Read it

C519_typeface

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.

Get it

C519_card

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.

Read it

C519_edge

Introducing the first Microsoft Edge preview builds for macOS

The Microsoft Edge Team announces the availability of the Microsoft Edge Canary channel for macOS.

Read it

C519_biorender

BioRender

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

Check it out

C519_static

Static web – back to the roots?

Brice Berdah explores the shift back to static site generators to sanitize web development practices.

Read it

C519_gooey

Breath – CSS Only

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

Check it out

C519_beautiful

The Avener – Beautiful

A really nice effect to showcase a new music video.

Check it out

C519_layoutsplit

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.

Read it

C519_9

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.

Read it

C519_darkmode

Friends don’t let friends implement dark mode alone

See how Chen Hui Jing experiments with the blend-mode technique for dark mode.

Read it

C519_simulation

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.

Read it

C519_solar

Rebuilding the Solar System with CSS

Rob DiMarzo explains how to rebuild his amazing CSS-only solar system demo.

Read it

C519_evolution

The Evolution Of Webdesign

A collection and imitation of web design trends from 1991 to 2015.

Check it out

Collective #519 was written by Pedro Botelho and published on Codrops.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *