linkding

#adjustment #css #font #layout #shift #tool #typography #web_design

3 years ago | View Shared by victor

#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

What does 100% mean in CSS?

#css #layout #percent #percentage | <blockquote>One of the CSS units I use most is the wonderful % — so handy for positioning elements on the page.Unfortunately, the rules aren’t exactly straightforward. One question I’m always asking myself is: Percent of what?</blockquote>

5 years ago | View Shared by victor

Building a hexagonal grid using CSS grid - ninjarockstar.dev

#css #grid #hexagonal #layout

5 years ago | View Shared by victor

Solved by Flexbox — Cleaner, hack-free CSS

#css #design #frontend #layout #reference

6 years ago | View Shared by victor

Relearn CSS layout: Every Layout

#css #layout #resources

6 years ago | View Shared by victor

Using CSS Grid the right way | hey it's violet

#best_practices #css #grid #layout #tutorial | <blockquote>CSS Grid is fun to use but hard to learn. Here are three tips to help you understand and leverage the Grid spec.</blockquote>

6 years ago | View Shared by victor

Rhythm in Web Typography | Better Web Type

#css #layout #legibility #reference #typography #web | <blockquote>Horizontal rhythm mostly impacts the legibility, while vertical rhythm impacts the readability of the text and establishes a sense of visual hierarchy.</blockquote>

7 years ago | View Shared by victor