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

What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More

27 February 2026 @ 4:30 pm

Despite what’s been a sleepy couple of weeks for new Web Platform Features, we have an issue of What’s !important that’s prrrretty jam-packed. The web community had a lot to say, it seems, so fasten your seatbelts! What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Yet Another Way to Center an (Absolute) Element

27 February 2026 @ 2:40 pm

TL;DR: We can center absolute-positioned elements in three lines of CSS. And it works on all browsers! Yet Another Way to Center an (Absolute) Element originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

An Exploit … in CSS?!

25 February 2026 @ 9:31 pm

Read an explanation of the recent CVE-2026-2441 vulnerability that was labeled a "CSS exploit" that "allowed a remote attacker to execute arbitrary code inside a sandbox via a crafted HTML page." An Exploit … in CSS?! originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

A Complete Guide to Bookmarklets

25 February 2026 @ 2:50 pm

Browsers don't just let you bookmark web pages. You can also bookmark JavaScript, allowing you to do so much more than merely save pages. A Complete Guide to Bookmarklets originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Loading Smarter: SVG vs. Raster Loaders in Modern Web Design

23 February 2026 @ 2:18 pm

Let’s get nuanced in this article and discuss the capabilities of both SVG and raster imaged so that you can make informed decisions in your own work. Loading Smarter: SVG vs. Raster Loaders in Modern Web Design originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Potentially Coming to a Browser :near() You

20 February 2026 @ 3:36 pm

Danny has several ideas for how we could use :near(), a proposed pseudo-class that detects when the pointer is near an element. Potentially Coming to a Browser :near() You originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Distinguishing “Components” and “Utilities” in Tailwind

18 February 2026 @ 4:21 pm

The distinction between "components" and "utilities" seems clear at first glance, but gets a little blurred when working with them in Tailwind. Distinguishing “Components” and “Utilities” in Tailwind originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Spiral Scrollytelling in CSS With sibling-index()

17 February 2026 @ 3:17 pm

Lee accepts a challenge: arranging text in a spiral that animates as a vortex on scroll... all in CSS. Spiral Scrollytelling in CSS With sibling-index() originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Interop 2026

17 February 2026 @ 2:17 pm

Interop 2026 is officially a thing and there's plenty of new (and even old) CSS features that we can look forward to being cross-browser compatible and consistent! Interop 2026 originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

What’s !important #5: Lazy-loading iframes, Repeating corner-shape Backgrounds, and More

13 February 2026 @ 3:19 pm

This issue of What’s !important is dedicated to our friends in the UK, who are currently experiencing a very miserable 43-day rain streak. Presenting: the five most interesting things to read about CSS from the last couple of weeks. Plus, the latest features from Chrome 145, and anything else you might’ve missed. TL;DR: lots of content, but also lots of rain. What’s !important #5: Lazy-loading iframes, Repeating corner-shape Backgrounds, and More originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.