Collective #421

Build Things Visually with Divi
Divi is powered by the Divi Builder, an insanely fast and incredibly intuitive front end editor like nothing you have seen before. It will change the way you build websites forever.
Try it now
Maid
Maid is a task runner which works by defining tasks in Markdown.
Check it out
Oat the Goat
A beautiful, interactive WebGL powered initiative by New Zealand's Ministry of Education to teach children kindness.
Read it
Fostering a Web Performance Culture
An article by José M. Pérez where he explores ways of building more performant websites.
Read it
Side-channel attacking browsers through CSS3 features
Ruslan Habalov tells the story of how a bug allowed the mix-blend-mode CSS property to be used to leak visual content from cross-origin iframes.
Read it
Line Lisa
An amazing Mona Lisa recreation by Nikita Dubko.
Check it out
Hiper
Hiper lets you collect performance statistics of websites.
Check it out
The State of Changing Gradients with CSS Transitions and Animations
Ana Tudor explores the current state of CSS gradient transitions and animations.
Read it
From Brain With Love
A fantastic three.js demo for VIP 2018 by Leon Denise. Check out the GitHub repo here.
Check it out
Flowchart kit 2.0 for Sketch
An amazing kit that contains hundreds of cards and elements. Created by Greg Dlubacz.
Get it
Fathom Analytics
A project in progress that aims to give simple, trustworthy website analytics.
Check it out
React-ideal-image
A project that was started as a quest for building the ideal React image component.
Check it out
GDPR compliance of Google Fonts
An extremely interesting discussion on the vagueness of Google Font's compliance to GDPR.
Check it out
WTF
WTF is a personal information dashboard for your terminal, developed for those who spend most of their day in the command line.
Check it out
Apple Keyboard
Jon Kantner created this awesome looking Apple keyboard demo.
Check it out
A cartoon intro to DNS over HTTPS
Lin Clark's visual guide to Firefox's protection mechanisms, DNS over HTTPS and Trusted Recursive Resolver.
Read it
Wavy Rainbow Buttons
Varun Vachhar created some interesting buttons with Compositor.
Check it out
Awesome Talks
A community-curated list of tech talk videos. Made by Sara Viera.
Check it out
HSL() / HSLa() is great for programmatic color control
Some great examples that show the power of HSL color functions in CSS. By Chris Coyier.
Read it
Lattice
Liam Egan created this awesome three.js demo.
Check it out
Bokeh effect (CSS)
A fantastic Bokeh effect made with pure CSS. By Louis Hoebregts.
Check it out
NimForum
NimForum is a light-weight forum implementation with many similarities to Discourse. It is implemented in the Nim programming language and uses SQLite for its database.
Check it out