Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
art

9 Articles
{
,

}
Direct link to the article Mondrian Art in CSS From 5 Code Artists
art

Mondrian Art in CSS From 5 Code Artists

Mondrian is famous for paintings with big thick black lines forming a grid, where each cell is white, red, yellow, or blue. This aesthetic pairs well with the notoriously rectangular web, and that hasn’t gone unnoticed over the years with …

Avatar of Chris Coyier
Chris Coyier on Jan 14, 2022
Direct link to the article Very Extremely Practical CSS Art
art

Very Extremely Practical CSS Art

I’ve always enjoyed the CSS art people create, but I’ve never ventured into it much myself. I’m familiar with many of the tricks involved, but still find it surprising every time: the way people are able to make such fluid …

Avatar of Miriam Suzanne
Miriam Suzanne on Dec 8, 2020
Direct link to the article Let’s Make Generative Art We Can Export to SVG and PNG
art generator randomize

Let’s Make Generative Art We Can Export to SVG and PNG

Let’s say you’re a designer. Cool. You’ve been hired to do some design work for a conference. All kinds of stuff. Website. Printed schedules. Big posters for the rooms. Preroll slides. You name it.

So you come up with an …

Avatar of Chris Coyier
Chris Coyier on Aug 19, 2020
Direct link to the article Advice for Complex CSS Illustrations
art css shapes

Advice for Complex CSS Illustrations

If you were to ask me what question I hear most about front-end development, I’d say it’s“How do I get better at CSS?”. That question usually comes up after sharing a CSS illustration I have made. It’s something I …

Avatar of Jhey Tompkins
Jhey Tompkins on Jun 17, 2020 (Updated on Jun 20, 2020)
Direct link to the article Diana Smith’s Pure CSS Artwork “Lace”
art

Diana Smith’s Pure CSS Artwork “Lace”

Diana is at it again with her absolutely unbelievable CSS paintings. This latest one is called Lace. Past paintings are Francine, Vignes, and Zigario.

Update December 2019: Ooooo and now purecss-pink.…

Avatar of Chris Coyier
Chris Coyier on Nov 8, 2019 (Updated on Dec 4, 2019)
Direct link to the article Diana Smith’s Top 5 CSS Properties She Uses to Produce CSS Art
art line drawing

Diana Smith’s Top 5 CSS Properties She Uses to Produce CSS Art

Have you seen Diana Smith’s CSS drawings? Stunning. These far transcend the CSS drawings that sort of crudely replicate a flat SVG scene, like I might attempt. We were lucky enough for her to post some of her CSS drawing …

Avatar of Chris Coyier
Chris Coyier on Feb 20, 2019
Direct link to the article Awesome Demos from 2018
art codepen

Awesome Demos from 2018

This is an outstanding list of creative and artistic browser demos from this past year from Mary Lou at Codrops.…

Avatar of Chris Coyier
Chris Coyier on Jan 1, 2019
Direct link to the article Solving Life’s Problems with CSS
art job titles

Solving Life’s Problems with CSS

Or: When all you have is a CSS hammer, the world looks like a CSS nail.

Whenever I hear a perfectly nice comment like, “Yeah, representing the tech field!” in response to my pure-CSS art, I get a sharp …

Avatar of Diana Smith
Diana Smith on May 28, 2018
Direct link to the article Resolution Independent Pixel Illustrations
art pixel rwd

Resolution Independent Pixel Illustrations

Marcus Blättermann has made a series of beautiful illustrations that adapt to the size of the browser window (and your cursor position). Make sure to check these illustrations out on a big screen to get the full effect.…

Avatar of Robin Rendle
Robin Rendle on Mar 18, 2016

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top