10 Interesting JavaScript and CSS Libraries for October 2019
15.10.2019
Our resources collection for the month of October includes helpful fronted libraries, a cute CSS framework, and some awesome Node.js tools
Weaving One Element Over and Under Another Element
14.10.2019
In this post, we’re going to use CSS superpowers to create a visual effect where two elements overlap and weave together. The epiphany for this design came during a short burst of spiritual inquisitiveness where I ended up at The Bible Project’s website. They make really cool animations, and...
Collective #557
14.10.2019
Design System Playground * roughViz * GitSheet * How to design delightful dark themes * Able
Collective #557 was written by Pedro Botelho and published on Codrops
Stop Animations During Window Resizing
14.10.2019
Say you have page that has a bunch of transitions and animations on all sorts of elements. Some of them get triggered when the window is resized because they have to do with size of the page or position or padding or something. It doesn't really matter what it is, the fact that the transition...
Scrape the Web with scrapestack (Sponsored)
14.10.2019
I first grew to love Firefox not as a web developer but as user, and what drew me to this amazing new browser was its add-on ecosystem. The add-on I used the most? Web scrapers. Piracy had just hit mainstream and I also need imagery and documentation to create my first websites. Scrapers were...
How to Create an Interactive 3D Character with Three.js
14.10.2019
In this in-depth tutorial you will learn how to create an interactive 3D character that follows the mouse and performs random animations on click.
How to Create an Interactive 3D Character with Three.js was written by Kyle Wetton and published on Codrops
Two Images and an API: Everything We Need for Recoloring Products
11.10.2019
I recently found a solution to dynamically update the color of any product image. So with just one <img> of a product, we can colorize it in different ways to show different color options. We don’t even need any fancy SVG or CSS to get it done!
We’ll be using an image editor (e.g. Photoshop...
The Teletype Text Element Lives On… at Least on This Site
11.10.2019
It was this: <tt>
I say "was" because it's deprecated. It may still "work" (like everybody's favorite <marquee> in some browsers), but it could stop working anytime, they say. The whole purpose of it was to display text in a monospace font, like the way Teletype machines used...
Weekly Platform News: Impact of Third-Party Code, Passive Mixed Content, Countries with the Slowest Connections
10.10.2019
In this week's roundup, Lighthouse sheds light on third-party scripts, insecure resources will get blocked on secure sites, and many country connection speeds are still trying to catch up to others... literally.
Measure the impact of third-party code during page load
Lighthouse, Chrome’s built-in...
Collective #556
10.10.2019
Cascading Cache Invalidation * Top-level await * Introducing Sass Modules * cursorOS
Collective #556 was written by Pedro Botelho and published on Codrops
Recipes for Performance Testing Single Page Applications in WebPageTest
10.10.2019
WebPageTest is an online tool and an Open Source project to help developers audit the performance of their websites. As a Web Performance Evangelist at Theodo, I use it every single day. I am constantly amazed at what it offers to the web development community at large and the web performance folks...
Images Are Not Static Content
10.10.2019
We constantly hear about the importance of keeping websites lean and fast. A fast-loading website makes users more satisfied, and satisfied users spend more time and money on your website. However, website optimization is a complex task, as there is not one silver bullet to fix all of the issues...