Web classes, student work and resources
Articles on Smashing Magazine — For Web Designers And Developers
- Creating The “Moving Highlight” Navigation Bar With JavaScript And CSS
- Decoding The SVG <code>path</code> Element: Line Commands
- Collaboration: The Most Underrated UX Skill No One Talks About
- Smashing Animations Part 4: Optimising SVGs
- Why Designers Get Stuck In The Details And How To Stop
- Designing For Neurodiversity
- Prelude To Summer (June 2025 Wallpapers Edition)
- Reliably Detecting Third-Party Cookie Blocking In 2025
- Data Vs. Findings Vs. Insights In UX
- What Zen And The Art Of Motorcycle Maintenance Can Teach Us About Web Design
Tutorialzine
- 10 Interesting JavaScript and CSS Libraries for May 2020
- 10 Interesting JavaScript and CSS Libraries for April 2020
- 10 Interesting JavaScript and CSS Libraries for March 2020
- 10 Interesting JavaScript and CSS Libraries for February 2020
- 10 Interesting JavaScript and CSS Libraries for January 2020
- The Best JavaScript and CSS Libraries of 2019
- 10 Interesting JavaScript and CSS Libraries for November 2019
- 10 Interesting JavaScript and CSS Libraries for October 2019
- 10 Interesting JavaScript and CSS Libraries for September 2019
- 10 Interesting JavaScript and CSS Libraries for July 2019
CSS-Tricks
- Breaking Boundaries: Building a Tangram Puzzle With (S)CSS
- Creating an Auto-Closing Notification With an HTML Popover
- Better CSS Shapes Using shape() — Part 3: Curves
- Exploring the CSS contrast-color() Function… a Second Time
- The State of CSS 2025 Survey is out!
- Getting Creative With HTML Dialog
- Better CSS Shapes Using shape() — Part 2: More on Arcs
- What We Know (So Far) About CSS Reading Order
- Better CSS Shapes Using shape() — Part 1: Lines and Arcs
- You can style alt text like any other text
Codrops
- Developer Spotlight: Robin Payot
- Building an Infinite Parallax Grid with GSAP and Seamless Tiling
- How to Create Interactive, Droplet-like Metaballs with Three.js and GLSL
- Motion Highlights #9
- Try It On: A Playful Drag-and-Drop Styling UI
- How to Create Responsive and SEO-friendly WebGL Text
- Motion Highlights: Rive Special
- Building a Real-Time Dithering Shader
- Elastic Grid Scroll: Creating Lag-Based Layout Animations with GSAP ScrollSmoother
- DICH™ Fashion: A New Era of Futuristic Fashion