Weekly web development resources #69

Vincent Will - Apr 14 '21 - - Dev Community

Coolify

Coolify
An open-source, self-hostable Heroku & Netlify alternative.


React + D3.js

React + D3.js
An article on how to combine the two technologies to visualize data.


Fontshare

Fontshare
A free fonts service with a growing collection of professional grade fonts that are free for personal and commercial use.


Gradient Generator

Gradient Generator
A generator for linear gradients, radial gradients, and conic gradients that can be exported as CSS or SVG image.


moovie.js

moovie.js
An open-source, movie focused HTML5 Player.


CSS Filters Generator

CSS Filters Generator
Generate cross-browser CSS rules to modify images hue, saturation, brightness, contrast and other.


Advanced React pattern - Compound Component

Advanced React pattern - Compound Component
A React pattern that allows writing complex components in a clean and declarative way.


Swipey image grids.

Swipey image grids.
A nice article on how to use SVG animations for an image grid.


How to design almost any UI element

How to design almost any UI element
A curated list of 58 articles in a Twitter thread.


Cheat Sheet Maker

Cheat Sheet Maker
A web application to create and share markdown based cheat sheets.


party.js

party.js
A JavaScript library to brighten up your user's site experience with visual effects.


To see all the weeklies check: wweb.dev/weekly

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .