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

Getting Creative With shape-outside

6 October 2025 @ 3:45 pm

There are so many creative opportunities for using shape-outside that I’m surprised I see it used so rarely. So, how can you use it to add personality to a design? Here’s how I do it. Getting Creative With shape-outside originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Same Idea, Different Paint Brush

1 October 2025 @ 1:02 pm

Naturally, everything looks like code when I'm staring at a blank canvas. That's whether the canvas is paper, a screen, some Figma artboard, or what have you. Same Idea, Different Paint Brush originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Touring New CSS Features in Safari 26

29 September 2025 @ 2:31 pm

Safari 26 adds:75 new features, 3 deprecations, and 171 other improvements. Here's all the CSS goodness you'll want to know about. Touring New CSS Features in Safari 26 originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Recreating Gmail’s Google Gemini Animation

26 September 2025 @ 2:45 pm

John Rhea challenged himself to recreate the fancy button using the new CSS shape() function sprinkled with animation to get things pretty close. Recreating Gmail’s Google Gemini Animation originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

CSS Typed Arithmetic

24 September 2025 @ 12:49 pm

Starting in Chrome 140, we'll be able to calculate numeric values with mixed data types. Sounds small, but Amit demonstrates how big a deal this is, calling it Computational CSS. CSS Typed Arithmetic originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

On inclusive personas and inclusive user research

19 September 2025 @ 1:58 pm

A set of notes taken from Eric Bailey's article about the use of inclusive personas and user research. On inclusive personas and inclusive user research originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Is it Time to Un-Sass?

17 September 2025 @ 2:02 pm

Many of the Sass features we've grown to love have made their way into native CSS in some shape or form. So, should we still use Sass? This is how developer Jeff Bridgforth is thinking about it. Is it Time to Un-Sass? originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

The “Most Hated” CSS Feature: cos() and sin()

15 September 2025 @ 2:31 pm

I want to look at practical uses for CSS trigonometric functions. And we'll start with what may be the most popular functions of the "worst" feature: sin() and cos(). The “Most Hated” CSS Feature: cos() and sin() originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

What Can We Actually Do With corner-shape?

12 September 2025 @ 2:20 pm

When I first started messing around with code, rounded corners required five background images or an image sprite likely created in Photoshop, so when border-radius came onto the scene, I remember everybody thinking that it was the best thing ever. … What Can We Actually Do With corner-shape? originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

Compiling Multiple CSS Files into One

11 September 2025 @ 3:16 pm

Stu Robson outlines two ways to compile multiple CSS files when you aren't relying on Sass for it. Compiling Multiple CSS Files into One originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.