Collective #491

New JavaScript Features That Will Change How You Write Regex
Faraz Kelhini explains the new JavaScript features that enhance text processing capabilities.
Read it
Vue.js 2 Cookbook: Build modern, interactive web applications with Vue.js
101 hands-on recipes that teach you how to build professional, structured web apps with Vue.js.
Check it out
IVID
IVID is an interactive video player for modern browsers that is easy to setup and use.
Check it out
Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need
A very interesting article by Eric Bailey Every on how adjustments to the appearance and behavior of the features browsers can come at the expense of alienating users.
Read it
Vue 2.6 released
Evan You writes about all the new features that come with this update of Vue.
Read it
capture-website
A tool that lets you capture screenshots of websites.
Check it out
Vixel
A WebGL path tracing voxel renderer built with regl.
Check it out
The Story of Technology Built at Active Theory
Read about the interesting tools that were developed at Active Theory for streamlining their workflow.
Read it
Hacker Tools
Learn to make the most of the tools that hackers have been using for decades.
Check it out
Position: stuck; - and a Way to Fix It
Dannie Vinther writes about the shortcomings of position: sticky
when working with overflow.

SVG Filters are 💕
An amazing SVG filters demo by yoksel as part of her latest talk.
Check it out
CSS Remedy
Start your project with a remedy for the technical debt of CSS.
Check it out
Contrast illusion, negative space animation
A beautiful collection of demos by Kunuk Nykjaer.
Check it out
Make it Boring
Jeremy Wagner explains why "boring" can be preferable to "exciting" when it comes to front-end development.
Read it
Qoa
Lightweight and without any external dependencies, qoa enables you to receive various types of user input through a set of intuitive, interactive and verbose command-line prompts.
Check it out
Third Party Web
A summary of which third party scripts are most responsible for excessive JavaScript execution on the web.
Check it out
User owned projects—your personal workspace
Learn about user owned project boards, GitHub's latest release.
Read it
GitHub Organization Issues Link
A Chrome extension that adds an Issues tab and lets you browse all issues of an organization.
Check it out
Canvas Times Tables (Circles)
A fantastic demo for the February 2019 CodePen Challenge on shapes.
Check it out
Vue.js App Performance Optimization Part 1
Filip Rakowski's first article in a series on Vue performance optimization techniques.
Read it
Dear web developers: set the font color, too
Steven Luu on the importance of setting the text color and background color of form inputs.
Check it out
How to set up your Mac for Web Development
Michael Uloth guides us through the minimum setup for getting up and running with JavaScript-based web development on a Mac.
Read it
Text Distortion Effects using Blotter.js
Some text distortion experiments using the Blotter.js library. The idea is to distort text as we scroll or move the mouse.
Check it out