Collective #381
Inspirational Website of the Week: Analytica Projects
A beautiful design with an interesting scrolling effect. Our pick this week.
Get inspired
Music. Food. Vue. Vue.js Development Conference
VueConf.US - Vue.js Conference Workshops/Sessions on the most progressive framework for building user interfaces hosted by Vue.js founder Evan You & the core Vue team.
Learn about Vue here
Toast UI Editor
A Markdown WYSIWYG editor that supports CommonMark and GitHub Flavored Markdown (GFM).
Check it out
A letter about Google AMP
Read why the current way AMPs are implemented reinforces Google's dominance of the web.
Read it
Better Typography with Font Variants
Jonathan Harrell's tutorial on how to use font variants for making great looking web typography.
Read it
From Russia with Avant Garde Love
Read about the ingenious new logo and identity for Russia tourism.
Read it
Free Font: Mafalda
A beautiful typeface coming in three weights. Designed by Jonatan Xavier.
Get it
Workerize
With Workarize you can move modules into Web Workers in a simple way, automatically reflecting exported functions as asynchronous proxies.
Check it out
2018 Design Trends
Filip Triner collects the hottest design trends for 2018.
Check it out
Tiny Wins
Joel Califa writes about the little changes he made in GitHub that had a great impact.
Read it
Demystifying CSS alignment
Patrick Brosset shows how to pull off modern alignment in CSS. He also creates a very useful cheatsheet.
Check it out
Ghost Button Design: Is This Really Still A Thing (And Why)?
A very interesting article on the "ghost" button design pattern. By Suzanne Scacca.
Read it
HTTPS explained with carrier pigeons
Andrea Zanin's great analogy that makes it easy to understand HTTPS.
Read it
Startup Demo Videos
A collection of demo videos from the early days of successful startups like Dropbox, LinkedIn, Uber and more.
Check it out
CSSCS
Adam Marsden made this useful CSS cheatsheet with links to the related MDN entries.
Check it out
Masked Circle Slider
Fabio Ottaviani created this awesome masked slider.
Check it out
ertdfgcvb
Andreas Gysin has turned his old ASCII playground into his new homepage.
Check it out
plait.py
Plait.py is a program for generating fake data from composable yaml templates.
Check it out
canvas-area
Canvas-area is an HTML container element that acts as a controller parent for one or more canvas elements. Made by Stefan Goessner.
Check it out
Grassy Text with Variable Fonts
A demo where Mandy Michael shows how to animate a variable font to create an interesting effect.
Check it out
EVS wishes you an innovative 2018!
A great WebGL experiment with 3D particle models made with three.js.
Check it out
Gradient Folders
38 gradient folder icons to spice up your desktop. Made by Una Kravets.
Get it
Free Font: 57-Futura
A distressed version of the classic Futura font. Made by Jason Forrest.
Get it