Search

Nalezeno "Properties": 298

Square Enix to Bring Dungeon Siege IP to The Sandbox

3.3.2022
Square Enix, the Japanese game publishing and developing company, has announced a new deal with The Sandbox to allow one of its IPs to be featured in the metaverse-based platform. The company will bring elements of Dungeon Siege — one of its oldest intellectual properties — to...

When to Avoid the text-decoration Shorthand Property

25.2.2022
In my recent article about CSS underline bugs in Chrome, I discussed text-decoration-thickness and text-underline-offset, two relatively new and widely-supported CSS properties that give us more control over the styling of underlines. Let me demonstrate the usefulness of … When to Avoid...

My white whale: A use case for will-change

24.2.2022
 Nic Chan: […] the will-change property landed in major browsers in August 2015, and I’ve been on the lookout for when to use it ever since. It might seem self-evident to apply it to commonly animated properties such … My white whale: A use case for will-change...

Multi-Value CSS Properties With Optional Custom Property Values

11.2.2022
Imagine you have an element with a multi-value CSS property, such as transform: optional custom property values: .el { transform: translate(100px) scale(1.5) skew(5deg); } Now imagine you don’t always want all the transform values to be applied, so some … Multi-Value CSS Properties With...

The CSS from-font Value Explained in 4 Demos

21.1.2022
I was doing my Advent of UI Components, and I stumbled upon the from-font value for the text-decoration-thickness CSS property. I was curious about it, so I did a little research and I think what I found (and learned) … The CSS from-font Value Explained in 4 Demos originally published...

How to Make a Pure CSS 3D Package Toggle

12.1.2022
You know how you can get cardboard boxes that come totally flat? You fold ‘em up and tape ‘em to make them into a useful box. Then when it’s time to recycle them, you cut them back apart to flatten … How to Make a Pure CSS 3D Package Toggle originally published on CSS-Tricks. You should...

Don’t Fight the Cascade, Control It!

10.1.2022
If you’re disciplined and make use of the inheritance that the CSS cascade provides, you’ll end up writing less CSS. But because our styles often comes from all kinds of sources — and can be a pain to structure and … Don’t Fight the Cascade, Control It! originally published...

CSS Underlines Are Too Thin and Too Low in Chrome

4.1.2022
I’ve encountered two bugs in Chrome while testing the new CSS text-decoration-thickness and text-underline-offset properties, and I want to share them with you here in this article. But first, let’s acknowledge one thing: Default underlines are inconsistent Let’s add a … CSS Underlines...

Faulty logic

14.12.2021
Ain’t this the truth: It’s like when you’re learning a new language. At some point your brain goes from translating from your mother tongue into the other language, and instead starts thinking in that other language. I don’t speak …

Shadow Palette Generator

13.12.2021
Josh’s Shadow Palette Generator is a fantastic tool. The premise is that box-shadow pretty much always looks better when there are multiple layered shadows that are a bit tinted. It reminds me of how gradients almost always look better when …

Standardizing Focus Styles With CSS Custom Properties

10.12.2021
Take two minutes right now and visit your current project in a browser. Then, using only the Tab key, you should be able to navigate between interactive elements including buttons, links, and form elements. If you are sighted, you should…

Open Props (and Custom Properties as a System)

6.12.2021
Perhaps the most basic and obvious use of CSS custom properties is design tokens. Colors, fonts, spacings, timings, and other atomic bits of design that you can pull from as you design a site. If you pretty much only pull …

When is it “Right” to Reach for contain and will-change in CSS?

26.11.2021
I’ve got some blind spots in CSS-related performance things. One example is the will-change property. It’s a good name. You’re telling the browser some particular property (or the scroll-position or content) uh, will, change: .el { will-change: opacity; … The post When...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace