Collective #538
Publikováno: 5.8.2019
How Does the Development Mode Work? * Photoronoi * Adblocking: How About Nah? * Scope in JavaScript - HTTP 203
Collective #538 was written by Pedro Botelho and published on Codrops.
First-Class Functions in JavaScript
Nick Scialli explains JavaScript first-class functions and shows some real-world examples.
Design and develop at the same time
All the power of HTML, CSS & JavaScript in a 100% visual canvas. Start building today — with Webflow.
How Does the Development Mode Work?
Dan Abramov gives some valuable insights into the workings of the React development mode.
Clip Clop Clippity Clop
A beautiful CSS only animated horse made by Steve Gardner. Click it to see a detailed slow-mo version.
Establish network connections early to improve perceived page speed
Learn about rel=preconnect and rel=dns-prefetch resource hints and how to use them in this article by Milica Mihajlija.
React Slider w/ Hover Effect
A really nice slider implementation by Ryan Mulligan.
Scope in JavaScript – HTTP 203
Jake and Surma take a deep dive into the world of variable scoping in JavaScript.
Photoronoi
An experiment by Amelia Wattenberger that turns an image into a Voronoi SVG.
Rick and Morty
A really cool interactive website for the “Rick and Morty” show.
ES proposal: optional chaining
An article by Axel Rauschmayer about the ECMAScript proposal “Optional chaining” by Gabriel Isenberg, Claude Pache, and Dustin Savery.
Regex For Noobs (like me!) – an illustrated guide
Jan Meppe’s gentle introduction and illustrated guide to regular expressions.
Getting to the Heart of Digital Accessibility
An eye-opening article by Carie Fisher on how teaching developers writing accessible code will lead to better digital accessibility.
Visual guide to CSS selectors
A really nice visualization of the meaning of CSS selectors by David Khourshid.
This Ain’t Disney: A practical guide to CSS transitions and animations
Some valuable insight by Mohammed Ibrahim on how to create UI animations that feel right.
Social Links Cube (PlayCanvas)
A cool 3D cube demo made with PlayCanvas. By halvves.
WebGL enhanced drag slider tutorial with curtains.js (part 1)
A three part tutorial series by Martin Laxenaire on how to make a cool draggable slider with curtain.js.
Inside the Matrix VR
Radek Pazdera created this WebVR experience using three.js.
Adblocking: How About Nah?
An important read: “…with more and more power in fewer and fewer hands, it’s become increasingly difficult for Web publishers to resist advertisers’ insistence on obnoxious tracking ads”.
Paint Drop Hover
Mariusz Dabrowski made this interesting dynamic hover effect.
paaatterns
A nice collection of handcrafted patterns free for a subscription. By Lstore Graphics.
Text by circles
A beautiful demo by Artem that shows a text made up of circular shapes.
Money Vector Icons Set
A set of 50 vector icons related to finances and money. Free for a subscription.
Free Font: Oliver
A clean sans-serif typeface with 3 weights.
The guide to Visual Studio Code shortcuts
Michael Lazarski’s guide to Visual Studio Code shortcuts.
Collective #538 was written by Pedro Botelho and published on Codrops.