Collective #594

Vue.js: The Documentary
With the help of Sarah Drasner, Taylor Otwell, Thorsten Lünborg and many others from the Vue.js community, Evan You tells the story of how he fought against the odds to bring Vue.js to life.
Watch it
You just need Divi to start your own freelance business
Learn how to develop websites with the most popular WordPress theme in the world and secure your success as a freelancer.
Start learning now
Links to cross-origin destinations are unsafe
Learn how to safely link to resources on another host in this web.dev article.
Read it
Understanding Generators in JavaScript
Tania Rascia explains generators that were introduced with ECMAScript 2015.
Read it
Beastnotes
A very useful note taking app for online courses.
Check it out
HTML: The Inaccessible Parts
Dave Rupert highlights some interesting cases where using plain ol’ HTML causes accessibility problems.
Read it
Rome
Rome is an experimental JavaScript toolchain that includes a compiler, linter, formatter, bundler, testing framework and more.
Check it out
grep.app
Search across a half million git repos using regular expressions.
Check it out
More accessible defaults, please!
Hidde de Vries argues that useful HTML elements like date inputs and <video> could make the web a much better place, if browser accessibility bugs in their implementations were prioritized.
Read it
Negative margins in CSS
Peter-Paul Koch's interesting overview of using negative margins in simple situations.
Read it
Metrics, Logs, and Traces in JavaScript Tools
Some tips and tools on adding Metrics, Logs, Traces, and Events to your JavaScript code.
Check it out
RaymondCamden.com now powered by Eleventy!
Raymond Camden shares the process of converting his blog to Eleventy. You can find the source here.
Check it out
Text divider with a single <div>
A CodyHouse nugget that shows how to create a text divider with pseudo elements using flexbox.
Check it out
Animated Responsive Navbar with CSS
A great beginner's tutorial on how to create an animated navigation.
Watch it
Tower Time
An engaging tower defense game written in Vanilla JavaScript by Adrian Rampy.
Check it out
Memphis Beauty
A wonderfully creative 3D scene made with Three.js by Anna the Scavenger.
Check it out
Web Soft Sphere
An implementation of the tricky soft ball algorithm. See this related tweet, and also this one.
Check it out
Masked & Layered Linear Gradients
A little mask trick for a four corner layered gradient.
Check it out
Shader moire
Some beautiful Three.js shader art.
Check it out
pwn.college BETA
A first-stage education platform for students to learn about, and practice, core cybersecurity concepts in a hands-on fashion.
Check it out