Comments on: CSS Length Units https://css-tricks.com/css-length-units/ Tips, Tricks, and Techniques on using Cascading Style Sheets. Tue, 30 Jul 2024 21:53:47 +0000 hourly 1 https://wordpress.org/?v=6.6.1 By: L. Cornelius https://css-tricks.com/css-length-units/#comment-1857094 Tue, 30 Jul 2024 21:53:47 +0000 https://css-tricks.com/?p=375815#comment-1857094 One correction about the pixel unit. The specification has defined it for many years now as specifically 1/96th of an inch, or “one pixel on a 96 DPI display”. It is not (any longer) one physical pixel of your display.

Cf: https://www.w3.org/TR/css-values-3/#absolute-lengths

]]> By: Webelight Solutions https://css-tricks.com/css-length-units/#comment-1848276 Wed, 17 Jul 2024 03:55:50 +0000 https://css-tricks.com/?p=375815#comment-1848276 This is an incredibly insightful guide on the various types of lengths CSS uses! Understanding the nuances of CSS measurements is crucial for web developers aiming to create responsive and visually appealing designs. Your detailed explanations and practical examples make this complex topic accessible to both beginners and seasoned developers.

]]> By: Geoff Graham https://css-tricks.com/css-length-units/#comment-1825451 Tue, 11 Jun 2024 21:23:15 +0000 https://css-tricks.com/?p=375815#comment-1825451 In reply to Matthew Pava.

Ha! Classic Geoff typo — thanks for the heads-up.

]]> By: Geoff Graham https://css-tricks.com/css-length-units/#comment-1825450 Tue, 11 Jun 2024 21:21:29 +0000 https://css-tricks.com/?p=375815#comment-1825450 In reply to Matthew Pava.

That’s right! There’s also nothing wrong with it, either. Personally, I always include it because I’m often moving styles around the file and what’s “last” one day won’t always be in the future.

]]> By: Matthew Pava https://css-tricks.com/css-length-units/#comment-1825449 Tue, 11 Jun 2024 16:22:59 +0000 https://css-tricks.com/?p=375815#comment-1825449 I know many CSS is written with a semicolon at the end of every statement. However, CSS properties are a semicolon-delimited list, so the last semicolon is not necessary.

]]> By: Matthew Pava https://css-tricks.com/css-length-units/#comment-1825448 Tue, 11 Jun 2024 16:20:16 +0000 https://css-tricks.com/?p=375815#comment-1825448 I think there’s a typo in the hue section. On the keyframe property, you set huw instead of hue unless I am misunderstanding something.

]]> By: Geoff Graham https://css-tricks.com/css-length-units/#comment-1824146 Thu, 06 Jun 2024 21:18:23 +0000 https://css-tricks.com/?p=375815#comment-1824146 In reply to Will.

Hey hey, thanks for popping by! What part of that plugin do you like best? Is it how the scrolling stops nicely at each section? If so, you may wanna check out CSS scroll snapping as a way to do something similar without JavaScript. https://css-tricks.com/practical-css-scroll-snapping/

]]> By: Will https://css-tricks.com/css-length-units/#comment-1824145 Thu, 06 Jun 2024 21:04:14 +0000 https://css-tricks.com/?p=375815#comment-1824145 Really great post, I am completely new into css and html and I struggle with even simplest examples.

I am working on my private website just for fun and while researching for inspirations, I discovered this scrolling based animation which I really like!
https://mateuszpodeszwa.gumroad.com/l/sectionsliderjs

But, as I said I am new to CSS and I don’t really know how to recreate this myself. Can someone help me to do it please.

]]> By: Miraj Koradiya https://css-tricks.com/css-length-units/#comment-1824141 Thu, 06 Jun 2024 11:33:15 +0000 https://css-tricks.com/?p=375815#comment-1824141 Great post! It’s fascinating how CSS properties utilize various numerical values, from whole numbers and decimals to percentages, each influenced by their unit to define dimensions, time, angles, and more.

The CSS Values and Units Module Level 4 specification introduces many new units, enhancing the flexibility and precision of web design.

Looking forward to seeing these new units in action!

]]>