Collective #319

t-scroll
A modern reveal-on-scroll library with useful options and animations.
Check it out
250+ Awesome Pre-built Websites
Use Be Theme's huge library of customizable pre-built websites (250+) to get your projects off to a roaring start.
Check it out
Switching From React To Vue.js
If you're a React developer who'd like to try out Vue.js then this tutorial by Anthony Gore will get you started.
Read it
Understanding Array.prototype.reduce() and recursion using apple pie
Vicky Lai explains reduce() and recursion in a fun and interesting way.
Read it
Gif masking in SVG
An awesome masking magic demo by Sarah Drasner.
Check it out
Better Font Finder
A tool to easily filter and compare Google Fonts based on their visual characteristics.
Check it out
V8, Advanced JavaScript & the Next Performance Frontier
Learn about some exciting new language constructs and performance in this Google I/O 2017 talk by Seth Thompspn.
Watch it
Searchlibs
A search engine for JavaScript libraries by Kamil Tomšík.
Check it out
Gradient Buttons
A huge collection of gradient button styles with hovers. By Csaba Kissi.
Check it out
Product Design Playbook
Matthew Voshell shares this comprehensive guide on product design.
Read it
Stop Paying for SSL Certificates
Chris Watson shows how to use the free Let's Encrypt's SSL certificate option on a website.
Read it
HTTP/2 push is tougher than I thought
Read about how HTTP/2 push works and what some current bugs are. By Jake Archibald.
Read it
Tectonic
Tectonic is a modernized, complete, self-contained TeX/LaTeX engine, powered by XeTeX and TeXLive.
Check it out
Free Font: Wavehaus
Graham Paterson designed this elegant geometric sans serif typeface with 6 weights. Commercial use for a donation.
Get it
Build a simple Twitter Bot with Node.js in just 38 lines of code
Brandon Morelli shows how to build a Twitter bot with Node.js in just a few lines of code.
Read it
A Love Letter to CSS
TJ VanToll writes about why he loves CSS so much.
Read it
UI 100: A free set of SVG essential icons
100 lovely free and versatile SVG icons designed by Costa Galaktionov.
Get it
Glitch Effect
Perfect glitch demo by takashi.
Check it out
The Contributors Guide to webpack
Second part of a series of articles on how to learn about and contribute to the webpack open source project. By Sean T. Larkin.
Read it
How to Improve a Legacy Codebase
Jacques Mattheij writes on how to tackle legacy codebases.
Read it
Audio Visualizer2
Misaki Nakano's interesting audio visualizer demo.
Check it out
Animate Components
Nitin Tulswani shares these animate.css like React components for animations.
Check it out
únicode is hard
A great Unicode investigation by Terence Eden.
Read it