No. 813, Thursday, February 8, 2024 View in browser
|
 |
|
|
Olá, frontend friends! ????
Our newsletter is jam-packed today, bursting with articles, inspiration, and learning goodies! Let’s roll up our sleeves and get into it!
Have a wonderful Thursday! ????
|
|
|
 |
|
|
Marc Yen’s website impresses with its smooth and stylish layout. The choice of fonts and colors is excellent, creating an attractive visual appeal. The dynamic liquid effect of the projects adds a cool and engaging element to the browsing experience.
|
Standout Web Design Picks
|
|
|
|
 |
|
|
Marker.io adds context to every bug report:
-
URL
-
Screenshots
-
Environment info
-
Console logs
-
Session replay
-
…and much more!
All the information you need to fix bugs–straight to your project management tool.
Go from “To Do” to “Resolved” 10x faster.
Try it now ????
|
|
|
|
|
|
|
|
|
|
|
|
Learn about the concepts of forward and inverse kinematics in this article that explains how they are used in robotics and animation to control the motion of jointed parts like mechanical arms or character limbs.
|
|
|
|
|
|
|
|
|
|
|
|
Tyler Sticka lists various web browsers, highlighting features and drawbacks of each, ultimately expressing a preference for Firefox due to its rendering engine and customization options, while mentioning concerns about its future.
|
|
|
|
|
|
|
|
|
|
|
The team at Ronas IT has created an amazing landing page covering current design trends for 2024.
|
|
|
|
|
|
|
|
|
|
|
Next-gen framework for developing web extensions. It supports all browsers and is frontend framework agnostic.
|
|
|
|
|
|
|
|
|
|
|
|
Erez Reznikov discusses the complexities and discrepancies between visual design tools and coding practices regarding interactive elements like checkboxes, radio buttons, and toggle switches, highlighting the challenges in maintaining consistency and functionality across platforms.
|
|
|
|
|
|
|
|
|
|
|
|
Heydon Pickering shares his approach to addressing client uncertainty in web development, specifically focusing on scroll-driven animations and the use of IntersectionObserver for dynamic styling with CSS variables, emphasizing a shift towards CSS-centric solutions for scroll effects.
|
|
|
|
|
|
|
|
|
|
|
|
Adam Argyle, alongside Jason Lengstorf, discusses the creation of an audio-visual app called Noisee, demonstrating its technical aspects.
|
|
|
|
|
|
|
|
|
|
|
|
Andrei Ciobanu made Tetris with a twist: You control a sinusoid instead of geometrical figures! How cool is that?
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Video Vault
|
|
|
|
|
|
|
|
Demo Corner
|
|
|
|
Ksenia Kondrashova made this supercool Voronoi diagram with eyes resulting in an amazing pattern!
|
|
|
|
|
|
|
|
|
|
|
|
|
Koen van Gilst coded the eternal battle between day and night, good and bad, in JavaScript.
|
|
|
|
|
|
|
|
|
|
|
|
|
Maxime Heckel brought his last demo to the next level: now you can shake up the scene by moving the browser window.
|
|
|
|
|
|
|
|
|
|
|
Creative Project Spotlight
|
|
|
|
A beautiful Epic agency experiment: Find the six portals that will lead you to the dark worlds hidden in this cursed library.
|
|
|
|
|
|
|
|
|
|
|
|
|
Michele Giorgi shares this wonderful tale of restoring an ’80s timeless classic, harking back to an era when 128KB were deemed more than sufficient. Made with Three.js and GSAP.
|
|
|
|
|
|
|
|
|
|
|
❓Did you know that…
|
…in the 1990s, the concept of “web rings” was popular among internet enthusiasts? Web rings were groups of websites linked together in a circular network based on a common theme or interest. They seem to be making a comeback in some corners of the internet today!
|
|
|
And that’s all! Thank you for reading the Collective! If you have something you would like us to feature in the next edition, simply reply to this email!
|
|
Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future.
|
|
|
|
