Collective #381
![C381_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_WOTW.jpg?x86293)
Inspirational Website of the Week: Analytica Projects
A beautiful design with an interesting scrolling effect. Our pick this week.
Get inspired![C381_vueconf](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_vueconf.jpg?x86293)
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![C381_WYSYWIG](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_WYSYWIG.jpg?x86293)
Toast UI Editor
A Markdown WYSIWYG editor that supports CommonMark and GitHub Flavored Markdown (GFM).
Check it out![C381_AMP](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_AMP.jpg?x86293)
A letter about Google AMP
Read why the current way AMPs are implemented reinforces Google's dominance of the web.
Read it![C381_fontvariants](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_fontvariants.jpg?x86293)
Better Typography with Font Variants
Jonathan Harrell's tutorial on how to use font variants for making great looking web typography.
Read it![C381_russia](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_russia.jpg?x86293)
From Russia with Avant Garde Love
Read about the ingenious new logo and identity for Russia tourism.
Read it![C381_mafalda](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_mafalda.jpg?x86293)
Free Font: Mafalda
A beautiful typeface coming in three weights. Designed by Jonatan Xavier.
Get it![C381_workerize](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_workerize.jpg?x86293)
Workerize
With Workarize you can move modules into Web Workers in a simple way, automatically reflecting exported functions as asynchronous proxies.
Check it out![C381_trends2018](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_trends2018.jpg?x86293)
2018 Design Trends
Filip Triner collects the hottest design trends for 2018.
Check it out![C381_tinywins](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_tinywins.jpg?x86293)
Tiny Wins
Joel Califa writes about the little changes he made in GitHub that had a great impact.
Read it![C381_aligment](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_aligment.jpg?x86293)
Demystifying CSS alignment
Patrick Brosset shows how to pull off modern alignment in CSS. He also creates a very useful cheatsheet.
Check it out![C381_ghostbuttons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_ghostbuttons.jpg?x86293)
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![C381_pigeon](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_pigeon.jpg?x86293)
HTTPS explained with carrier pigeons
Andrea Zanin's great analogy that makes it easy to understand HTTPS.
Read it![C381_startupvideos](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_startupvideos.jpg?x86293)
Startup Demo Videos
A collection of demo videos from the early days of successful startups like Dropbox, LinkedIn, Uber and more.
Check it out![C381_cheatsheet](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_cheatsheet.jpg?x86293)
CSSCS
Adam Marsden made this useful CSS cheatsheet with links to the related MDN entries.
Check it out![C381_MaskSlider](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_MaskSlider.jpg?x86293)
Masked Circle Slider
Fabio Ottaviani created this awesome masked slider.
Check it out![C381_ascii](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_ascii.jpg?x86293)
ertdfgcvb
Andreas Gysin has turned his old ASCII playground into his new homepage.
Check it out![C381_generator](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_generator.jpg?x86293)
plait.py
Plait.py is a program for generating fake data from composable yaml templates.
Check it out![C381_canvas](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_canvas.jpg?x86293)
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![C381_grass](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_grass.jpg?x86293)
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![C381_EVS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_EVS.jpg?x86293)
EVS wishes you an innovative 2018!
A great WebGL experiment with 3D particle models made with three.js.
Check it out![C381_foldericons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_foldericons.jpg?x86293)
Gradient Folders
38 gradient folder icons to spice up your desktop. Made by Una Kravets.
Get it![C381_Futura](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C381_Futura.jpg?x86293)
Free Font: 57-Futura
A distressed version of the classic Futura font. Made by Jason Forrest.
Get it