MongoDB Atlas is built for every app.

Start Building

Design & UX - HTML & CSS

Web Maker, an Offline, Browser-based CodePen Alternative
Web Maker, an Offline, Browser-based CodePen Alternative
Kushagra Gour
Achieve 60 FPS Mobile Animations with CSS3
Achieve 60 FPS Mobile Animations with CSS3
Jose Rosario
Catching Frontend UI Design Tricks with SnappySnippet
Catching Frontend UI Design Tricks with SnappySnippet
Alex Walker
5 Ways to Delight with UX Details Combining GIFs and CSS
5 Ways to Delight with UX Details Combining GIFs and CSS
Tim Brown
Introducing the HTML5 Herald Sample Site
Introducing the HTML5 Herald Sample Site
Louis Lazaris
HTML5 & CSS3 for the Real World
HTML5 & CSS3 for the Real World
Louis Lazaris
Animations: Using Easings to Craft Smarter Interactions
Animations: Using Easings to Craft Smarter Interactions
Daniel Schwarz
The Best Way to Create Fantastic ‘Invisible Pen’ Effects in SVG
The Best Way to Create Fantastic ‘Invisible Pen’ Effects in SVG
Ivaylo Gerchev
‘Reskinnable’ SVG Symbols: How to Make Them (..and Why)
‘Reskinnable’ SVG Symbols: How to Make Them (..and Why)
Massimo Cassandro
AtoZ CSS Quick Tip: Box-Model and Box-Sizing
AtoZ CSS Quick Tip: Box-Model and Box-Sizing
Guy Routledge
Decoding CSS Positioning: A Master Class with Paul O’Brien
Decoding CSS Positioning: A Master Class with Paul O’Brien
Ralph Mason
Why SVG Image Hosting is Hard (… and How to Do It)
Why SVG Image Hosting is Hard (… and How to Do It)
Alex Walker
Quick Tip: 4 Really Useful, Re-Useable Code Snippets from Codepen
Quick Tip: 4 Really Useful, Re-Useable Code Snippets from Codepen
Sarah Landrum
Make Your Own Responsive SVG Graphs & Infographics
Make Your Own Responsive SVG Graphs & Infographics
Alex Walker
How to Design Rich Card-Based Layouts with Semantic UI
How to Design Rich Card-Based Layouts with Semantic UI
Ivaylo Gerchev
Boxy SVG: A Fast, Simple, Insanely Useful, FREE SVG Editor
Boxy SVG: A Fast, Simple, Insanely Useful, FREE SVG Editor
Alex Walker
10 Photoshop Plugins to Speed up Your Web Designs
10 Photoshop Plugins to Speed up Your Web Designs
Jerry Cao
Lazy-Loading Images: How NOT to Really Annoy Your Users
Lazy-Loading Images: How NOT to Really Annoy Your Users
Monty Shokeen
Has Sketch App Forced Adobe to Improve Photoshop?
Has Sketch App Forced Adobe to Improve Photoshop?
Daniel Schwarz
10 Guidelines for Better Website Background Videos
10 Guidelines for Better Website Background Videos
Angus Russell
Building Database-free Websites with Statamic CMS
Building Database-free Websites with Statamic CMS
Gareth Redfern
My Current HTML Email Development Workflow
My Current HTML Email Development Workflow
Massimo Cassandro
Indiana Jones and the Lost SVG Map Editor
Indiana Jones and the Lost SVG Map Editor
Alex Walker
The Great Icon Debate: Fonts Vs SVG
The Great Icon Debate: Fonts Vs SVG
Massimo Cassandro
Should You Develop a Desktop or Web App?
Should You Develop a Desktop or Web App?
Laura Elizabeth
A Close-up Look at the CSS mix-blend-mode Property
A Close-up Look at the CSS mix-blend-mode Property
Maria Antonietta Perna
Layout Secret Weapon #1:  The CSS Table Property
Layout Secret Weapon #1: The CSS Table Property
Massimo Cassandro
The Ancient Sumerians, Tablet Computing and HTML Tables
The Ancient Sumerians, Tablet Computing and HTML Tables
Alex Walker
How to Code HTML Email Newsletters
How to Code HTML Email Newsletters
Tim Slavin
The Web Designer’s Guide To Programming
The Web Designer’s Guide To Programming
Richa Jain
Using Forms in Email:  Method or Madness?
Using Forms in Email: Method or Madness?
Massimo Cassandro
Improving Responsive Images with the Picture Element
Improving Responsive Images with the Picture Element
Annarita Tranfici
Showing 64 of 139
Subscribe to our newsletter

Get the freshest news and resources for developers, designers and digital creators in your inbox each week

© 2000 – 2025 SitePoint Pty. Ltd.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.