Collective #758
Inspirational Website of the Week: OKCC Labs
OKCC Labs has a fantastic design, showcasing a fusion of a vibrant main color, innovative 3D scroll animations, and sleek design elements that come together to create a truly joyful user experience.
Get inspired
Our sponsor
Bring web forms, document generation, and eSignature into your app!
Connect your customers, employees, documents & data within your current system. Allow your app to generate and share documents, integrate with multiple solutions, and automate your entire document workflow, with no additional web apps needed.
CodeQuest - Learn To Code!
This gaming-based platform makes coding fun, rewarding, and downright addictive. Interactive challenges and rewards will help you master complex concepts and develop problem-solving skills along the way.
Check it out
PyVibe: Easily create styled web pages with Python
PyVibe is an open source Python library for creating UI components for web apps without the need to write HTML code.
Check it out
Bicycle
This article by Bartosz Ciechanowski explores the physics of riding a bicycle, examining the forces that make it possible to control and maneuver a bike without damaging its parts. Through simple scenarios and interactive demonstrations, readers can develop an intuitive understanding of the interplay between these forces and the mechanics of a bicycle.
Read it
Improving CSS Shapes with Trigonometric Functions
Dan Wilson explores the use of CSS trigonometric functions to simplify the creation of regular polygons and more complex shapes using clip-path and shape-outside.The article includes an overview of basic clip paths and a discussion on the math behind trigonometry, along with demos on combining trigonometric functions and clip paths.
Read it
Basics of 3D with Three.js #2
Robin Payot shows how to create an animated 3D background with shapes using Three.js in this beginner friendly video tutorial.
Watch it
Speeding up the JavaScript ecosystem - npm scripts
In last part of a series on speeding up the JavaScript ecosystem, Marvin Hagemeister highlights the widespread usage of 'npm scripts' in the JavaScript community and discusses the lack of optimization, which adds around 400ms of overhead. The article then dives into ways to optimize these scripts, ultimately reducing the overhead to about 22ms.
Read it
Understanding TypeScript Function Types: A Beginner's Guide
A comprehensive guide by Dmitri Pavlutin that covers the basics of TypeScript function types and interfaces, including how to define and use them.
Read it
Jumping HTML tags. Another reason to validate your markup
In this article, Vadim Makeev emphasizes the importance of validating markup in HTML, as incorrect nesting and syntax errors can cause HTML tags to "jump around" in unexpected ways and negatively affect the user experience
Read it
The Ultimate Guide to Image Optimisation
Learn how to optimize your website's images for better performance and page speed, and ultimately improve user experience and Core Web Vitals, with this comprehensive guide that covers everything from the basics of image optimization to the best tools and techniques to use for maximum results.
Read it
CSS-only Widgets Are Inaccessible
In this article Adrian Roselli argues that CSS-only interactive widgets are often inaccessible because they rely solely on CSS to convey their state, properties, and values to users of assistive technologies.
Read it
Health Benefits of Browser Diversity
In this article, Tim Kadlec discusses the possible health benefits of browser diversity, particularly in the context of Apple's potential decision to allow other browser engines to be used on iOS.
Read it
Antialiasing on planes
Luigi De Rosa shows how to get nice antialiasing on planes in this Twitter thread.
Check it out
Chatblade
Chatblade is a versatile command-line interface (CLI) tool designed to interact with OpenAI's ChatGPT. It accepts piped input, arguments, or both, and allows you to save common prompt preambles for quick usage. Additionally, Chatblade provides utility methods to extract JSON or Markdown from ChatGPT responses.
Check it out
From Web SQL to SQLite Wasm: the database migration guide
In this article, Thomas Steiner introduces SQLite Wasm as a versatile replacement for the deprecated Web SQL database technology and provides a guide for migrating data from Web SQL to SQLite Wasm using the origin private file system.
Read it
Defaulting on Single Page Applications (SPA)
Zach Leatherman argues against using Single Page Applications (SPAs) as a default approach for building websites due to their large JavaScript bundle sizes and negative impact on site performance.
Read it
Patterns are gonna be a game changer for WordPress
Learn how patterns, the new paradigm added to WordPress, are going to become a definitive game-changer for site building, and how they will allow for smarter and more advanced site building by being treated as intelligent components, globally synced and editable, detachable, and more controlled, providing a more predictable outcome for clients.
Read it
Helix
A really cool demo by Nemutas that shows infinitely scrollable spiral images.
Check it out
From our blog
Turning 3D Models to Voxel Art with Three.js
In this detailed tutorial you will learn how to turn 3D models into voxel art with Three.js.
Check it out
From our blog
Mastering Theatre.js Animations: Learn to Create Dynamic Visuals
Learn how to code stunning animations with Theatre.js in this beginner-friendly tutorial.
Check it out