Collective #294

Inspirational Website of the Week: Motel
A dark design with some subtle effects and interesting layouts. Our pick this week.
Get inspired
Grid + Flexbox: the best 1-2 punch in web layout
Some great insights into learning CSS Grid and combining it with Flexbox to create layouts with superpowers. By Hui Jing Chen.
Read it
Divi 3.0: Build Things Visually
Divi 3.0 introduces a completely new visual interface that will forever change the way you build websites.
Check it out
Learning CSS Grid Layout
Do you think CSS Grid Layout looks complicated? Maybe you haven't solved real problems yet. A great article by Rachel Andrews on how to start learning new properties.
Read it
A Link: rel=preload Analysis From the Chrome Data Saver Team
Simon Pelchat explains how the new preload directives can greatly improve page performance in some cases but also degrade performance in others.
Read it
Technology Imitates Art
Read about the fascinating rise of the conversational interface in this interactive article by Paul Campillo.
Read it
Why Learn Functional Programming in JavaScript? (Composing Software)
The first part of a series on learning functional programming and compositional software techniques in JavaScript ES6+ from the ground up. By Eric Elliott.
Read it
Pull To Reload
A pull-to-refresh implementation for the Web, including mobile sites. By Erlend Ellingsen.
Check it out
fman
A modern, extensible file manager for power users. For Windows, OS X and Linux.
Check it out
Free Font: Entra
A all caps font with an interesting shape designed by Wild Type.
Get it
When Your Code Has To Work: Complying With Legal Mandates
Aaron Gustafson reminds us how we have to make sure that code also needs to be in compliance with this law.
Read it
Miyazaki tribute
A beautiful demo powered by SVG and GSAP. Made by Nerdmanship.
Check it out
Tent CSS
A CSS survival kit. A framework that includes only the essentials to "make camp".
Check it out
New GitHub Terms of Service require removing many Open Source works from it
Read why the new GitHub Terms of Service are potentially hazardous for copylefted Free Software. Check out Joey Hess' article, too.
Read it
Three Illustrator tricks for better SVG stroke animations
Learn how to get SVG drawings optimized for animations in this article by Val Head.
Read it
The benefits of learning how to code layouts with CSS
A great article by Jen Simmons on the advantages of learning to code CSS layouts without abstractions.
Read it
There is a bot for that
A directory to discover and find bots related to all kinds of topics.
Check it out
Music Paint
A web audio experiment by Lutz Rosema where you can paint music.
Check it out
The Ultimate Guide to API Design
Learn how to design an API properly or refactor your existing API into something more manageable. By Erich Reich.
Read it
I wanted to see how far I could push myself creatively. So I redesigned Instagram.
A great challenge with lots of insight on how to approach a complete redesign. By Kim Thuy Tu.
Read it
Hyperapp
A very compact JavaScript library for building scalable front-end applications.
Check it out
Gutenberg
Modern framework to print the Web correctly using print style sheets. By Fabien Salathe.
Check it out