Skip to main content
CSS is fun and cool and I like it.

Articles Tagged units

It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
5 Articles
{
,

}
Article

Turning a Fixed-Size Object into a Responsive Element

Avatar of Philip Kiely
Author
Philip Kiely
3 Comments
Join Conversation

I was in a situation recently where I wanted to show an iPhone on a website. I wanted users to be able to interact with an application demo on this “mock” phone, so it had to be rendered in CSS, not an image. I found a great library called marvelapp/devices.css. The library implemented the device I needed with pure CSS, and they looked great, but there was a problem: the devices it offered were not responsive (i.e. they couldn’t … Read article “Turning a Fixed-Size Object into a Responsive Element”

Article

`lh` and `rlh` units

Avatar of Chris Coyier
Author
Chris Coyier
5 Comments
Join Conversation

There’s some new units I was totally unaware of from the Level 4 spec for CSS values! The lh unit is “equal to the computed value of line-height” and rlh is the same only of the root element (probably the <html> element) rather than the current element.

Why would that be useful? Šime Vidas’ has a strong point:… Read article “`lh` and `rlh` units”

Link

Designing An Aspect Ratio Unit For CSS

Avatar of Geoff Graham
Shared by
Geoff Graham

Rachel Andrew says that the CSS Working Group designed an aspect ratio unit at a recent meeting. The idea is to find an elegant solution to those times when we want the height of an element to be calculated in response to the width of the element, or vice versa.… Read article “Designing An Aspect Ratio Unit For CSS”

Our Notes   /   Read at www.smashingmagazine.com
Link

Gradians and Turns: the quiet heroes of CSS angles

Avatar of Geoff Graham
Shared by
Geoff Graham

I love coming across little overlooked CSS gems, like the gradien (grad) and turn (turn) units that Ken Bellows uncovers in his post explaining them. I don’t know, maybe y’all are already aware of them, but they’re certainly new to me.

They’re additional options for dealing with angles, where degrees (deg) and radians (rad) are more commonly known. I’m partial to degrees anytime I’m working with rotations. But now that I know … Read article “Gradians and Turns: the quiet heroes of CSS angles”

Our Notes   /   Read at dev.to