linkding

LiftKit: The UI Framework for Perfectionists by Chainlift.io

#css #figma #ui | LiftKit by Chainlift is an open-source design system based on the golden ratio available for React/Next.js, Webflow, and Figma.

4 months ago | View Shared by victor

Defensive CSS

#css #defensive #design #frontend #layout #overflow #ui | <blockquote>Practical CSS and design tips that helps in building future-proof user interfaces.</blockquote>

3 years ago | View Shared by victor

Understanding Layout Algorithms

#algorithms #articles #css #flexbox #grid #layout #ui | <blockquote>As front-end developers, we often learn CSS by focusing on individual properties. Instead, we should focus on how the language uses those properties to calculate layouts. In this blog post, we'll pop the hood on CSS and see how the language is structured, and how to learn it effectively.</blockquote>

3 years ago | View Shared by victor

Designing Beautiful Shadows in CSS

#css #design #shadows #ui | <blockquote>When I look around the web, most of the shadows I see are fuzzy grey boxes. It doesn't have to be this way, though! CSS gives us the tools to create rich, lush, lifelike shadows. In this tutorial, I'll show you how.</blockquote>

4 years ago | View Shared by victor

Home | The Component Gallery

#collection #components #css #design #designsystems #gallery #reference #ui | <blockquote>The Component Gallery is a collection of components from the best Design Systems.</blockquote>

4 years ago | View Shared by victor

Smoother & sharper shadows with layered box-shadows | Tobias Ahlin

#css #effect #shadow #ui #web | <blockquote>With a simple CSS trick, we can get fine-tuned control over how shadows are rendered, and create richer and more realistic 3D effects</blockquote>

6 years ago | View Shared by victor