Collective #319
![C319_tscroll](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_tscroll.png?x86293)
t-scroll
A modern reveal-on-scroll library with useful options and animations.
Check it out![C319_BeTheme](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_BeTheme.jpg?x86293)
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![C319_ReactVuejs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_ReactVuejs.png?x86293)
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![C319_Pie](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_Pie.jpg?x86293)
Understanding Array.prototype.reduce() and recursion using apple pie
Vicky Lai explains reduce() and recursion in a fun and interesting way.
Read it![C319_GifMask](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_GifMask.png?x86293)
Gif masking in SVG
An awesome masking magic demo by Sarah Drasner.
Check it out![C319_Betterfont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_Betterfont.png?x86293)
Better Font Finder
A tool to easily filter and compare Google Fonts based on their visual characteristics.
Check it out![C319_GIO17](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_GIO17.jpg?x86293)
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![C319_Searchlib](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_Searchlib.png?x86293)
Searchlibs
A search engine for JavaScript libraries by Kamil Tomšík.
Check it out![C319_GradientButtons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_GradientButtons.jpg?x86293)
Gradient Buttons
A huge collection of gradient button styles with hovers. By Csaba Kissi.
Check it out![C319_ProductDesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_ProductDesign.png?x86293)
Product Design Playbook
Matthew Voshell shares this comprehensive guide on product design.
Read it![C319_SSL](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_SSL.png?x86293)
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![C319_HTTP2Push](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_HTTP2Push.jpg?x86293)
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![C319_Tectonic](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_Tectonic.png?x86293)
Tectonic
Tectonic is a modernized, complete, self-contained TeX/LaTeX engine, powered by XeTeX and TeXLive.
Check it out![C319_Font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_Font.png?x86293)
Free Font: Wavehaus
Graham Paterson designed this elegant geometric sans serif typeface with 6 weights. Commercial use for a donation.
Get it![C319_TwitterBot](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_TwitterBot.jpg?x86293)
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![C319_LoveLetterCSS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_LoveLetterCSS.jpg?x86293)
A Love Letter to CSS
TJ VanToll writes about why he loves CSS so much.
Read it![C319_SVGIcons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_SVGIcons.png?x86293)
UI 100: A free set of SVG essential icons
100 lovely free and versatile SVG icons designed by Costa Galaktionov.
Get it![C319_Glitch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_Glitch.jpg?x86293)
Glitch Effect
Perfect glitch demo by takashi.
Check it out![C319_webpackcontr](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_webpackcontr.jpg?x86293)
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![C319_Legacy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_Legacy.png?x86293)
How to Improve a Legacy Codebase
Jacques Mattheij writes on how to tackle legacy codebases.
Read it![C319_Visualizer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_Visualizer.jpg?x86293)
Audio Visualizer2
Misaki Nakano's interesting audio visualizer demo.
Check it out![C319_AnimateComponents](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_AnimateComponents.png?x86293)
Animate Components
Nitin Tulswani shares these animate.css like React components for animations.
Check it out![C319_Unicodeishard](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/05/C319_Unicodeishard.jpg?x86293)
únicode is hard
A great Unicode investigation by Terence Eden.
Read it