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

Articles Tagged
design

37 Articles
{
,

}
Image
Direct link to the article Designing for Long-Form Articles
design design principles editorial typography

Designing for Long-Form Articles

Designing a beautiful “article” is wrought with tons of considerations. Unlike, say, a homepage, a long-form article is less about designing an interface than it is designing text in a way that creates a relaxed and comfortable reading experience.

That’s …

Image
Daniel Schwarz on Aug 10, 2022
Image
Direct link to the article Add a CSS Lens Flare to Photos for a Bright Touch
design gradients

Add a CSS Lens Flare to Photos for a Bright Touch

I’m a big fan of movies by J.J. Abrams. I enjoy their tight plots, quippy dialog, and of course: anamorphic lens flares. Filmmakers like Abrams use lens flare to add a dash of ‘homemade’ realism to their movies, …

Image
Shimin Zhang on Apr 12, 2022
Image
Direct link to the article Cut through the noise with immediate visual feedback
design feedback

Cut through the noise with immediate visual feedback

MarkUp is the leading visual commenting platform for images, PDFs, and live websites. It’s the perfect companion in your creative process to make your life easier. Manage and organize all web, PDF, and image projects in one location and easily …

❥ Sponsored
Image
Direct link to the article Line length revisited: following the research
copywriting design typography

Line length revisited: following the research

Mary Dyson produces nitty gritty research on the long-accepted notion that shorter line lengths are more legible than longer ones. The study finds that shorter lines do not necessarily lead to faster reading. If you’re looking for a definitive answer …

Image
Geoff Graham on Nov 16, 2021
Image
Direct link to the article Developers and Designers Work on a Single Source of Truth With UXPin
components design pattern libraries uxpin

Developers and Designers Work on a Single Source of Truth With UXPin

There is a conversation that has been percolating for as long as I’ve been in the web design and development industry. It’s centered around the conflict between design tools and development tools. The final product of web design is often …

❥ Sponsored
Image
Direct link to the article gridless.design
design grid

gridless.design

Donnie D’Amato built a whole site around the thesis that “digital designers still expect to use the grid while experienced layout engineers have moved beyond it.” The idea isn’t that we should never literally use display: grid; but rather that …

Image
Chris Coyier on Aug 6, 2021
Image
Direct link to the article A Step-By-Step Process for Turning Designs Into Code
design project management

A Step-By-Step Process for Turning Designs Into Code

Turning website design files into a combination of HTML, CSS and JavaScript is the bread and butter of many front-end web development jobs, but there’s a part of this work that doesn’t neatly fit in to tutorials on any specific …

Image
Mark Noonan on Jul 21, 2021
Image
Direct link to the article The Nine States of Design
design

The Nine States of Design

Here’s a really good ol’ post from way back in 2015 all about the nine states of design and how we should think all the edge cases whenever we’re building interfaces. Vince Speelman writes:…

Image
Robin Rendle on Jul 20, 2021
Image
Direct link to the article Painting With the Web
design

Painting With the Web

Matthias Ott, comparing how painter Gerhard Richter paints (do stuff, step back, take a look) to what can be the website building process and what can wreck it:

[…] this reminds me of designing and building for the Web: The

…
Image
Chris Coyier on Dec 1, 2020
  • 1
  • 2
  • 3
  • ...
  • 5
  • Older Image

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
Advertisement