Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
generator

12 Articles
Direct link to the article Let’s Make a QR Code Generator With a Serverless Function!
digitalocean generator qr code serverless function

Let’s Make a QR Code Generator With a Serverless Function!

QR codes are funny, right? We love them, then hate them, then love them again. Anyways, they’ve lately been popping up again and it got me thinking about how they’re made. There are like a gazillion QR code generators out …

Geoff Graham on Jul 28, 2022
Direct link to the article SVGcode for “Live Tracing” Raster Images
generator illustrator SVG

SVGcode for “Live Tracing” Raster Images

Say you have a bitmap graphic — like a JPG, PNG, or GIF — and you wish it was vector, like SVG. What do you do? You could trace it yourself in some kind of design software. Or tools within …

Chris Coyier on Feb 9, 2022
Direct link to the article What Were the Hottest Front-End Tools in 2021?
components design tools generator icons pattern libraries

What Were the Hottest Front-End Tools in 2021?

Another year has passed and once again I’ve had the privilege of going through the Web Tools Weekly newsletter archives from the past 12 months to hunt down the front-end tools that readers found to be the most interesting during …

Louis Lazaris on Jan 18, 2022
Direct link to the article hhhelpers
generator

hhhelpers

I was just going on about how many awesome little helper sites there are out there, and now I’ve ran across another wonderful little hive of them. Sébastien Noël, under the name fffuel, has created a whole bunch of great …

Chris Coyier on Dec 6, 2021
Direct link to the article So many little design helper sites!
generator

So many little design helper sites!

I had one of those little single-serving designer helper sites bookmarked the other day: getwaves.io. Randomized SVG waves! Lots of cool options! Easy to customize! Easy to copy and paste! Well played, z creative labs. …

Chris Coyier on Sep 28, 2021
Direct link to the article How I Made a Generator for SVG Loaders With Sass and SMIL Options
generator loader Sass SMIL SVG

How I Made a Generator for SVG Loaders With Sass and SMIL Options

While learning Vue.js, I started building free web tools that involved the exploration of SVG, with the goal of learning something about both! Let’s take a look at one of those tools: a generator that makes SVG loaders and …

Mariana Beldi on Aug 26, 2021
Direct link to the article Gray Burst
generator SVG

Gray Burst

I made this neat little gray burst thing. It’s nothing particularly special, especially compared to the amazing creativity on CodePen, but I figured I could document some of the things happening in it for learning reasons.…

Chris Coyier on Nov 3, 2020
Direct link to the article Layoutit Grid: Learning CSS Grid Visually With a Generator
generator grid learning

Layoutit Grid: Learning CSS Grid Visually With a Generator

Layoutit Grid is an interactive open source CSS Grid generator. It lets you draw your designs and see the code as you go. You can interact with the code, add or remove track lines and drag them around to change …

Matias Capeletto on Oct 15, 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 …

Chris Coyier on Aug 19, 2020
  • 1
  • 2
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

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