Collective #246

The Ultimate Visual Page Builder For WordPress
The future of WYSIWYG has arrived. Try Divi 3.0 today and find out why it's the best and easiest way to build a beautiful website.
Check it out
Vectr
Vectr is a free graphics editor that can be used online or as an application.
Check it out
What, Exactly, Makes Something A Progressive Web App?
An excellent analysis on what is and isn't a PWA by Alex Russell.
Read it
Caniuse Component
Instant, up-to-date, and theme-able browser statistics for your presentations. Made by Una Kravets.
Check it out
CSS Glitch Effect
Remember our last Collective pick for the website of the week? Petr Tichy explains how to recreate the awesome glitch effect with CSS.
Read it
Free Font: Somatic Rounded
A georgously frienfly typeface perfect for logotype with a free rounded style designed by Lauren Lee.
Get it
Fullscreen Background Video with mix-blend-mode Overlay Text
Learn how you can recreate the nice mix-blend-mode of Everlane. By Dudley Storey.
Read it
BORG
A terminal based search engine for bash commands that was built out of the frustration of having to leave the terminal to search for bash commands. Made by János Dobronszki.
Check it out
pageAccelerator
A library that uses Ajax and pushState to deliver a faster navigation experience. Made by Evandro Leopoldino Gonçalves from EasyFood.
Check it out
Free Vector Font: Kurt
A lovely vector display typeface by Jan Nuzzo.
Check it out
Awesome Design
Awesome Design is a fantastic repo that collects high-quality resources and tools for UI/UX designers. By Tony Chan.
Check it out
beatboxer
A minimal drum machine implementation in just about 100 lines of HTML, JS and CSS. By Andrew Seigner.
Check it out
Simple Sharing Buttons Generator
Stefan Bohacek created this handy generator for simple social media sharing buttons.
Check it out
Fun with CSS: NBA edition
A great tutorial that will teach you some valuable progressive enhancement CSS techniques. By Chen Hui Jing.
Read it
A Nerd's Guide to Color on the Web
Sara Drasner guides us through the interesting topic of colors on the web.
Check it out
Content Security Policy, Your Future Best Friend
Learn how to keep your website safe with CSP. An article by Nicolas Hoffmann.
Check it out
Lory
Not new but a great resource: Lory is a touch-enabled well-maintained slider library with some great features. By Maximilian Heinz.
Check it out
React Daily UI - 001 Sign Up Form
A wonderful new series of tutorials that will teach you how to create a UI component with React every day for 100 days.
Check it out
SVG Patterns
A library that allows to create SVG patterns programmatically to visualize data. Inspired by Textures.js and made by Jannis Redmann.
Check it out
Designing Interface Animation
Chapter 9 of Val Head's new book, Designing Interface Animation: Meaningful Motion for User Experience.
Read it
20 Splash UI Kit Screens
A great free resource designed by Nick Parker from Pixel Buddha.
Check it out