Bi-Weekly Frontend News
Collective #536
Livewire
Livewire is a full-stack framework for Laravel that makes building dynamic front-ends as simple as writing vanilla PHP. Check it out
Our Sponsor
Divi: The Powerful Visual Page Builder
Divi is a revolutionary WordPress theme and visual page builder for WordPress. With Divi, you can build your website visually. Add, arrange and design content and watch everything happen instantly right before your eyes. Try it
Liquidfun
An absolutely amazing experiment by Lorenzo Cadamuro: a liquid simulation that reacts to the shaking of the window. More info in his tweet. Check it out
Building Beautiful UIs
A course by Christopher Murphy to get you up-and-running as a user interface designer. Check it out
Ciao
Ciao checks HTTP(S) URL endpoints for a HTTP status code (or errors on the lower TCP stack) and sends an e-mail on status change. Check it out
Why you should definitely learn how to use CSS-in-JS
Brent Jackson writes about the benefits of using CSS-in-JS. Read it
Poolside FM
Inspired by a Mac interface from the '90s, this fun website streams a continuous flow of upbeat tracks and hilarious VHS visuals. Check it out
Flexbox and padding
Chen Hui Jing explores some workarounds to the flexbox padding behavior. Read it
Practical Ways to Write Better JavaScript
Some useful methods for writing better JavaScript by Ryland Goldstein. Read it
When a rewrite isn't: rebuilding Slack on the desktop
Mark Christian and Johnny Rodgers share some insights into the complete rewrite of the new Slack desktop app. Read it
How to test vanilla JS performance
Learn how to write your own performance tests in this tutorial by Chris Ferdinandi. Read it
How to add Flexbox fallback to CSS Grid
Zell Liew shares how to build a Flexbox fallback for a grid powered calendar. Read it
buttsss
A fun collection of beautiful round butt illustrations made by Pablo Stanley. Check it out
Highway Race
A fun driving game made by Jon Kantner. Check it out
jExcel
jExcel is a lightweight vanilla JavaScript plugin to create web-based interactive tables and spreadsheets compatible with Excel or any other spreadsheet software. Check it out
Trennd
Trennd continually monitors the web for interesting keywords and topics, and then classifies them using Google Trends data. Check it out
Kalli Hero
Mariusz Dabrowski's implementation of Alexsander Barhon's Dribbble shot. Check it out
Nodes: Our Story
The story behind Nodes, a JavaScript-based 2D canvas for computational thinking soon to be released. Read it
Isometric
A collection of free isometric illustrations in SVG by Sergei Tikhonov. Check it out
Free Font: Lansdowne
A beautiful decorative typeface made by Twicolabs Fontdatio. Get it
Heatwave: An Animated CSS Sun Illustration
Michelle Barker shows how to create an animated sun using CSS. Check it out