dirtymarkup.com

VN:F [1.9.22_1171]
Rating: 6.0/10 (1 vote cast)

Clean up dirty code (HTML, JS, CSS) online

DeGraeve.com

VN:F [1.9.22_1171]
Rating: 7.0/10 (1 vote cast)

The Projects of Steven DeGraeve
DeGraeve.com

dabblet.com

VN:F [1.9.22_1171]
Rating: 7.0/10 (1 vote cast)

dabblet is an interactive playground for quickly testing snippets of CSS and HTML code.

csszengarden.com

VN:F [1.9.22_1171]
Rating: 7.5/10 (2 votes cast)

A zen guide to CSS via a single form HTML page.

CSSplay.co.uk

VN:F [1.9.22_1171]
Rating: 7.0/10 (1 vote cast)

Experiments with cascading style sheets – Doing it with Style

CSSplay - Responsive horizontal stacked slideshow v2

17 February 2021 @ 12:00 am

A responsive autorun horizontal full screen stacked slideshow using CSS variables.

CSSplay - Responsive full screen mp4 video

14 February 2021 @ 12:00 am

A responsive full screen mp4 video with autoplay, muted, no controls and loop.

CSSplay - Responsive transparent 'wait' spinner

13 February 2021 @ 12:00 am

A responsive transparent 'wait' spinner using system variables so that it can be easily resized.

CSSplay - Responsive horizontal stacked slideshow

12 February 2021 @ 12:00 am

A responsive autorun horizontal full screen stacked slideshow.

CSSplay - Responsive flex box gallery

12 October 2019 @ 12:00 am

A simple responsive gallery using flex box.

CSSplay - CSS circular menu with circular sub menus

11 July 2017 @ 12:00 am

An update to a previous circular menu (July 2011) using the latest CSS techniques.

CSSplay - Responsive autorun slideshow using HTML5 <picture>.

26 April 2017 @ 12:00 am

Using html5 to use four diferent images depending on browser window size. Suitable for all modern browsers.

CSSplay - CSS only multi-level tree menu with slide action, version 5

24 April 2017 @ 12:00 am

A fifth CSS only responsive multi-level tree menu with slide action suitable for all the latest browsers and OS.

CSSplay - CSS only multi-level menu with slide action, version 4

13 March 2017 @ 12:00 am

A fourth CSS only responsive multi-level menu with slide action suitable for all the latest browsers and OS.

CSSplay - Mi Thumb jQuery plugin.

1 March 2017 @ 12:00 am

A jQuery plugin slideshow with many user parameters and customization v1.0.0

cssgradient.io

VN:F [1.9.22_1171]
Rating: 6.0/10 (1 vote cast)

CSS gradient tool.

cssdrive.com

VN:F [1.9.22_1171]
Rating: 7.5/10 (2 votes cast)

Web design gallery with handy tips and guide lines.

How to Setup your Desk as a Programmer

5 April 2021 @ 7:12 pm

As a programmer, your desk is the platform to everything you do. Every line of code you write, CSS you minify or updates you push out is done right there. See how to set up your desk for maximum productivity.

The Ultimate Guide to Office Color Psychology

20 January 2020 @ 10:08 pm

Skillful use of colors in the office can boost your productivity, health, and even happiness. Learn all about color psychology in this article.

3D Web Design- The New Frontier for Web Design

17 March 2019 @ 9:35 am

This post explores the emerging popularity of 3D for creating highly interactive web sites.

Best Developer Frontend Courses

8 November 2018 @ 1:49 am

See the best, most relevant frontend courses online to take to succeed as a frontend developer in 2019 and beyond.

Flex Cards Accordion script

29 August 2018 @ 9:21 pm

jQuery script that uses CSS flexbox to create cards that when clicked on expands to show copious amount of information in a compact, manageable manner.

8 Hand and Wrist Exercises for Computer Users

17 August 2018 @ 7:56 pm

Good exercises for web designers and programmers, which are at higher risk of developing carpal tunnel or RSI injuries.

Ken Burns Image Slideshow

12 July 2018 @ 10:02 pm

This image slideshow adds an awesome Ken Burns effect that brings each image to life during transition

Smooth Scrolling HTML Bookmarks using JavaScript

18 April 2018 @ 12:07 am

See how to use native JavaScript to create smooth scrolling HTML bookmark links inside the page, and for those that need legacy browser support, using jQuery instead.

How to Add a CSS and JavaScript Sticky Menu to Your Site

22 March 2018 @ 10:34 pm

See the two ways to add a sticky horizontal menu to your site, plus 7 beautiful examples of this pattern out in the wild.

Best WordPress Theme Clubs for Unlimited Sites

15 March 2018 @ 10:37 pm

Review and comparison of the best Wordpress theme clubs for unlimited domains.

css3generator.com

VN:F [1.9.22_1171]
Rating: 7.0/10 (1 vote cast)

generate css / css3 for your style sheets

css.maxdesign.com.au

VN:F [1.9.22_1171]
Rating: 6.0/10 (1 vote cast)

CSS resources and tutorials for web designers and web developers

css-tricks.com

VN:F [1.9.22_1171]
Rating: 8.0/10 (1 vote cast)

css blog with helpful tips and tricks

Thank You (2025 Edition)

23 December 2025 @ 3:52 pm

This is the best job I've had in my life and it's only possible because you keep showing up each day to read, learn, share, and discuss all-things-front-end (and a little CSS, of course) with us. Thank You (2025 Edition) originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

text-decoration-inset is Like Padding for Text Decorations

22 December 2025 @ 2:39 pm

The text-decoration-inset property solves a problem that we’ve had since the beginning of the web, which is that text decorations such as underlines extend beyond the first and last characters, resulting in vertical misalignment. text-decoration-inset is Like Padding for Text Decorations originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Masonry Layout is Now grid-lanes

19 December 2025 @ 4:08 pm

It's settled! A new CSS display property keyword called grid-lanes will trigger a masonry layout mode. Masonry Layout is Now grid-lanes originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Search CSS-Tricks Raycast Extension

18 December 2025 @ 3:34 pm

Jelte Lagendijk built a Raycast extension for searching CSS-Tricks articles where you simply type and a get a solid set of real-time results. Search CSS-Tricks Raycast Extension originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Responsive List of Avatars Using Modern CSS (Part 2)

17 December 2025 @ 3:21 pm

In this article, we follow up the work we did to create responsive rows of circular images in a previous article by arranging the images around a circle with a clean hover effect. Responsive List of Avatars Using Modern CSS (Part 2) originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

What’s !important #1: Advent Calendars, CSS Wrapped, Web Platform Updates, and More

16 December 2025 @ 5:03 pm

The best CSS news from around the web from the last two weeks. In this edition: advent calendars, CSS Wrapped 2025, and the latest Web Platform Updates. What’s !important #1: Advent Calendars, CSS Wrapped, Web Platform Updates, and More originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Toon Title Text Generator

15 December 2025 @ 5:55 pm

Andy Clarke with a brand-new resource. It generates the sort of fun typography that Andy commonly uses in his own work that's geared towards cartoon headings. Toon Title Text Generator originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Responsive List of Avatars Using Modern CSS (Part 1)

15 December 2025 @ 4:19 pm

A list of rounded images that slightly overlap each other is a classic web design pattern. The main idea is not complex, but the new thing is the responsive part. that dynamically adjusts the overlap between the images so they fit inside the container. Responsive List of Avatars Using Modern CSS (Part 1) originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

What Else Could Container Queries… Query?

12 December 2025 @ 2:38 pm

How far can we really go with container queries? There are dozens of media queries now, so what if there were dozens of container queries as well? What could we use them for? What Else Could Container Queries… Query? originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Creating Scroll-Based Animations in Full view()

10 December 2025 @ 3:04 pm

It’s not that hard to do! Preethi shows you how it's really the same old animation you’re used to writing in CSS, only applied on a view timeline instead of a normal timeline. Creating Scroll-Based Animations in Full view() originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.