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

Articles Tagged
art

8 Articles
{
,

}
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 20, 2020
Direct link to the article Diana Smith’s Pure CSS Artwork “Lace”
art

Diana Smith’s Pure CSS Artwork “Lace”

Direct Link

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
Shared by Chris Coyier 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

Direct Link

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

Avatar of Chris Coyier
Shared by 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
art pixel rwd

Resolution Independent Pixel Illustrations

Direct Link

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
Shared by Robin Rendle on Mar 18, 2016
Our Learning Partner
Frontend Masters logo
Frontend Masters

Need front-end development training?

Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, and beyond with Node.js and Full Stack.

CSS-Tricks is created by Chris and a team of swell people.

Keep up to date on web dev

with our hand-crafted weekly newsletter

Tech
  • WordPress (CMS)
  • Jetpack (Search, Backup)
  • WooCommerce (eCommerce)
  • Local (Development)
Hosting
  • Flywheel
Family
  • CodePen
  • ShopTalk Show
Minisites
  • The Power of Serverless
  • Upcoming Conferences
  • Coding Fonts
Contact
  • Email
  • Sponsorship Info
  • Guest Writing
Buy
  • Posters & Swag
  • Membership
Follow
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • GitHub
  • iTunes
  • RSS
Back to Top