Collective #421
![C421_divi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_divi.jpg?x86293)
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![C421_tasks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_tasks.jpg?x86293)
Maid
Maid is a task runner which works by defining tasks in Markdown.
Check it out![C421_oat](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_oat.jpg?x86293)
Oat the Goat
A beautiful, interactive WebGL powered initiative by New Zealand's Ministry of Education to teach children kindness.
Read it![C421_performance](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_performance.jpg?x86293)
Fostering a Web Performance Culture
An article by José M. Pérez where he explores ways of building more performant websites.
Read it![C421_mixbelndmode](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_mixbelndmode.jpg?x86293)
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![C421_Monalisa](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_Monalisa.jpg?x86293)
Line Lisa
An amazing Mona Lisa recreation by Nikita Dubko.
Check it out![C421_Hiper](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_Hiper.jpg?x86293)
Hiper
Hiper lets you collect performance statistics of websites.
Check it out![C421_gradients](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_gradients.jpg?x86293)
The State of Changing Gradients with CSS Transitions and Animations
Ana Tudor explores the current state of CSS gradient transitions and animations.
Read it![C421_brainlove](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_brainlove.jpg?x86293)
From Brain With Love
A fantastic three.js demo for VIP 2018 by Leon Denise. Check out the GitHub repo here.
Check it out![C421_sketch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_sketch.jpg?x86293)
Flowchart kit 2.0 for Sketch
An amazing kit that contains hundreds of cards and elements. Created by Greg Dlubacz.
Get it![C421_analytics](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_analytics.jpg?x86293)
Fathom Analytics
A project in progress that aims to give simple, trustworthy website analytics.
Check it out![C421_imagesreact](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_imagesreact.jpg?x86293)
React-ideal-image
A project that was started as a quest for building the ideal React image component.
Check it out![C421_GoogleFontsGDPR](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_GoogleFontsGDPR.jpg?x86293)
GDPR compliance of Google Fonts
An extremely interesting discussion on the vagueness of Google Font's compliance to GDPR.
Check it out![C421_wtf](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_wtf.jpg?x86293)
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![C421_keyboard](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_keyboard.jpg?x86293)
Apple Keyboard
Jon Kantner created this awesome looking Apple keyboard demo.
Check it out![C421_DNS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_DNS.jpg?x86293)
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![C421_RainbowButtons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_RainbowButtons.jpg?x86293)
Wavy Rainbow Buttons
Varun Vachhar created some interesting buttons with Compositor.
Check it out![C421_Talks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_Talks.jpg?x86293)
Awesome Talks
A community-curated list of tech talk videos. Made by Sara Viera.
Check it out![C421_hsl](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_hsl.jpg?x86293)
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![C421_Lattice](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_Lattice.jpg?x86293)
Lattice
Liam Egan created this awesome three.js demo.
Check it out![C421_Bokeh](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_Bokeh.jpg?x86293)
Bokeh effect (CSS)
A fantastic Bokeh effect made with pure CSS. By Louis Hoebregts.
Check it out![C421_forum](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/06/C421_forum.jpg?x86293)
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