Stay Updated with the Latest Tech News
Get ahead of the curve with the latest insights, trends, and analysis in the tech world.
Browse by Category
A layered approach to speculation rules
Frontend Focus #671 β December 4, 2024 | Read on the web Frontend Advent Calendars It's that time of year! Developers a-plenty are penning lots of webdev-related articles as part of Christmas content advent calendars. We'll be featuring many of them here over the coming week's but for those of you seeking daily drops of developer-focused reads, here's where to find them: The HTMHell Advent Calendar, helmed by Manuel...
Published on: December 04, 2024 | Source:
Share on Facebook
Share in Tweet (rip twitter)
Share on LinkedIn
Share on Reddit
Share on Threads
Share on Bluesky
Video Recaps of Ampereβs 2024 Developer Summit
Watch key sessions from Ampere's 2024 Developer Summit, featuring insights on cloud migration, AI optimization, and real-world case studies from Uber, Oracle, and more Continue reading Video Recaps of Ampereβs 2024 Developer Summit on SitePoint.
Published on: December 03, 2024 | Source:How to Create a WebGL Rotating Image Gallery using OGL and GLSL Shaders
Learn how to create a progressive image rotation effect with WebGL, using OGL and GLSL shaders.
Published on: December 03, 2024 | Source:Collective #886
On not using copilot * Composable SVG Shaders * Electrobun
Published on: December 03, 2024 | Source:One of Those βOnboardingβ UIs, With Anchor Positioning
We can anchor one element to another. We can also attach one element to multiple anchors. In this experiment, Ryan riffs on those ideas and comes up with a new way to transition between two anchors and the result is a practical use case that would normally require JavaScript. One of Those βOnboardingβ UIs, With Anchor Positioning originally published on CSS-Tricks, which is part of the DigitalOcean family. You should...
Published on: December 02, 2024 | Source:How to Code a Shader Based Reveal Effect with React Three Fiber & GLSL
A simple yet cool image reveal effect created with React-Three-Fiber/Drei and animated using Framer Motion.
Published on: December 02, 2024 | Source:Collective #885
Native dual-range input * More options for styling
Published on: November 29, 2024 | Source:New to the web platform in November
Discover some of the interesting features that have landed in stable and beta web browsers during November 2024.
Published on: November 28, 2024 | Source:WordPress Multi-Multisite: A Case Study
What's it look like to create a dashboard within the WordPress admin for analyzing Google Analytics data across 900 blogs across 25 multisite instances? It involves designing a user-friendly interface, leveraging the WordPress REST API, implementing a plugin for data retrieval, and addressing challenges like rate limits and authentication. WordPress Multi-Multisite: A Case Study originally published on CSS-Tricks,...
Published on: November 27, 2024 | Source:Creating Dynamic Terrain Deformation with React Three Fiber
An exploration of real-time terrain reshaping through user interactions, using React Three Fiber.
Published on: November 27, 2024 | Source:Where to draw the line with browser support
Frontend Focus #670 β November 27, 2024 | Read on the web A Framework for Evaluating Browser Support β If you find yourself trying to figure out where to draw the line when it comes to browser support, Josh has some advice, sharing the deciding factors he uses when it comes to CSS features. He notes that although this post focuses on CSS, the framework is applicable to modern JavaScript and HTML featurestoo. Josh W....
Published on: November 27, 2024 | Source:Follow Up: We Officially Have a CSS Logo!
Adam Argyle wraps up the search for a CSS logo, check out CSS' new look! Follow Up: We Officially Have a CSS Logo! originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Published on: November 26, 2024 | Source:Collective #884
Have a dialog * tududi * Agree * Tailwind CSS easing classes
Published on: November 26, 2024 | Source:Case Study: Nod Coding Bootcamp
Follow Waaark behind the scenes of Nod Coding Bootcampβs new website transformation and discover how we turned a lacklustre site into a memorable experience.
Published on: November 26, 2024 | Source:Alt Text: Not Always Needed
Most images require description for clarity, there are exceptions. This set of notes looks at different situations and contexts where alt text may not be needed and what to do in those cases. Alt Text: Not Always Needed originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Published on: November 25, 2024 | Source:10 Best 2024 Black Friday Deals for Designers and Agencies
Donβt miss your chance to save big with any of 2024βs Top 10 Black Friday Deals for Designers and Agencies. These exclusive offers are available for a limited time only!
Published on: November 25, 2024 | Source:Solved by CSS: Donuts Scopes
Donut scoping addresses the challenge of preventing parent styles from leaking to nested content. Originating from a 2011 concept by Nicole Sullivan, the issue has evolved, culminating in 2024's @scope at-rule. This allows for more precise CSS styling, safeguarding content from unwanted inheritance while managing global CSS complexities. Solved by CSS: Donuts Scopes originally published on CSS-Tricks, which is part of...
Published on: November 22, 2024 | Source:Collective #883
Motion * Fireworks in a single draw call * Overflow Clip
Published on: November 22, 2024 | Source:From Product to Cart: Adding Guiding Animations to the Shopping Experience
An in-depth tutorial on how to create an engaging animation where items move from the product gallery to the shopping cart.
Published on: November 21, 2024 | Source:Invoker Commands: Additional Ways to Work With Dialog, Popover⦠and More?
Web browsers are experimenting with two HTML attributes β technically, theyβre called βinvoker commandsβ β that are designed to invoke popovers, dialogs, and further down the line, all kinds of actions without writing JavaScript. Although, if you do reach for JavaScript, the new attributes come with some new events that we can listen for. Invoker Commands: Additional Ways to Work With Dialog, Popoverβ¦ and More?...
Published on: November 20, 2024 | Source:Consecutive Scroll Animations with One Element
A simple concept of animating one element across different waypoints on scroll using GSAP Flip and ScrollTrigger.
Published on: November 20, 2024 | Source:The CSS Reset Contradiction
Read The CSS Reset Contradiction and learn CSS with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more. Continue reading The CSS Reset Contradiction on SitePoint.
Published on: November 20, 2024 | Source:Might Google be forced to sell Chrome?
Frontend Focus #669 β November 20, 2024 | Read on the web How overflow: clip Works in CSS β This is a solid look at using the well-supported clip value alongside the overflow CSS property β with some good example use cases, particularly around artdirection. Ahmad Shadeed The State of HTML 2024 Results β The results from this yearβs State of HTML survey dropped late last week, and Patrick Brosset (of the Edge team)...
Published on: November 20, 2024 | Source:Complete CSS Course
Do you subscribe to Piccalilli? You should. If you're reading that name for the first time, that would be none other than Andy Bell running the ship and he's reimagined the site from the ground-up after coming out of hibernation this year. You're likely familiar with Andy's great writing here on CSS-Tricks. Complete CSS Course originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get...
Published on: November 19, 2024 | Source:Case Study: ChainGPT Labs
A look behind the ChainGPT Labs, ChainGPT's new venture capital and incubator for the next generation of web3 startups. Designed by Sigma Software Design team, and compiled into an insight-packed case study by Sigma's designer, Ilya Kostin.
Published on: November 19, 2024 | Source:Collective #882
Two different kinds of βfocusableβ UI elements * REM? PX? Why not both?
Published on: November 19, 2024 | Source:The Developerβs Guide to AI Chatbot Authorization
Read The Developer's Guide to AI Chatbot Authorization and learn AI with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more. Continue reading The Developerβs Guide to AI Chatbot Authorization on SitePoint.
Published on: November 19, 2024 | Source:How to Create a Gooey Search Interaction with Framer Motion and React
A ready-to-use search bar made with Framer Motion, featuring an interesting gooey effect.
Published on: November 18, 2024 | Source:Best Crypto Payments Gateways in 2025
Read Best Crypto Payments Gateways in 2025 and learn Web with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more. Continue reading Best Crypto Payments Gateways in 2025 on SitePoint.
Published on: November 17, 2024 | Source:Best Crypto Payments Gateways in 2024
Read Best Crypto Payments Gateways in 2024 and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more. Continue reading Best Crypto Payments Gateways in 2024 on SitePoint.
Published on: November 17, 2024 | Source:Collective #881
A Friendly Introduction to Container Queries * Gentrified by design
Published on: November 15, 2024 | Source:Developing Moxey: A Behind-the-Scenes Look at the Process
In this article, we take you behind the scenes to explore the creative development process of the website for Moxey.no, a film production company based in Stavanger, Norway.
Published on: November 15, 2024 | Source:Watch the Web AI Summit 2024 videos
The Web AI Summit, Google's first summit for developers focused on client-side AI, took place on October 18, 2024. Our lineup included presenters from Google teams, such as Chrome and MediaPipe, and other companies working in AI, such as
Published on: November 15, 2024 | Source:Recreating the Mac Mini Effect Step-by-Step in Rive
Learn how to bring the Mac Mini animation to life using Riveβs powerful no-code tools, with tips on nested artboards, state machines, and faux 3D effects.
Published on: November 14, 2024 | Source:Creating an ASCII Shader Using OGL
Explore the world of shaders with this easy-to-follow guide to creating a custom ASCII art animation using WebGL, Perlin noise, and GLSL.
Published on: November 13, 2024 | Source: