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

Articles Tagged
design

37 Articles
{
,

}
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 …

Avatar of Daniel Schwarz
Daniel Schwarz on Aug 10, 2022
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, …

Avatar of Shimin Zhang
Shimin Zhang on Apr 12, 2022
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
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 …

Avatar of Geoff Graham
Geoff Graham on Nov 16, 2021
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
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 …

Avatar of Chris Coyier
Chris Coyier on Aug 6, 2021
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 …

Avatar of Mark Noonan
Mark Noonan on Jul 21, 2021
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:…

Avatar of Robin Rendle
Robin Rendle on Jul 20, 2021
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

…
Avatar of Chris Coyier
Chris Coyier on Dec 1, 2020
Direct link to the article Anima 4.0: Go Straight From Design to React in the Design Handoff
anima design react

Anima 4.0: Go Straight From Design to React in the Design Handoff

Imagine this scenario: You get an email from the design team. It contains a link to a high-fidelity prototype of a React app they want you to build. You click the link and get ready to inspect the work only …

❥ Sponsored (Written by Geoff Graham)
Direct link to the article Spotting a Trend
design trend

Spotting a Trend

There are tons of smokin’ hot websites out there, with an equal or greater number of talented designers and developers who make them. The web is awesome like that and encourages that sort of creativity.

Even so, it amazes me …

Avatar of Geoff Graham
Geoff Graham on Jul 30, 2020 (Updated on Jul 31, 2020)
  • 1
  • 2
  • 3
  • ...
  • 4
  • Older

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