Search

Nalezeno "Properties": 319

Prevent a page from scrolling while a dialog is open


Bramus: Chrome 144 features a small change to overscroll-behavior: it now also works on non-scrollable scroll containers. While this change might seem trivial, it fixes an issue developers have been dealing with for ages: prevent a page from … Prevent a page from scrolling while a dialog...

On Inheriting and Sharing Property Values


There are many ways to share properties, but what would it look like to inherit and use any parent property value on a child? On Inheriting and Sharing Property Values originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

The Range Syntax Has Come to Container Style Queries and if()


Being able to use the range syntax with container style queries — which we can do starting with Chrome 142 — means that we can compare literal numeric values as well as numeric values tokenized by custom properties or the attr() function. The Range Syntax Has Come to Container Style Queries...

We Completely Missed width/height: stretch


The TL;DR is that stretch does the same thing as declaring 100%, but ignores padding when looking at the available space. We Completely Missed width/height: stretch originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

What Can We Actually Do With corner-shape?


When I first started messing around with code, rounded corners required five background images or an image sprite likely created in Photoshop, so when border-radius came onto the scene, I remember everybody thinking that it was the best thing ever. … What Can We Actually Do With...

What’re Your Top 4 CSS Properties?


Everyone has a different opinion which is great because it demonstrates the messy, non-linear craft that is thinking like a front-end developer. What’re Your Top 4 CSS Properties? originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

RAK Properties Lets Buyers Use Crypto for UAE Beachfront Homes


RAK Properties, Ras Al Khaimah’s leading publicly listed real estate developer in the United Arab Emirates, announced a partnership with Hubpay to let international buyers purchase units in its Mina beachfront community using major digital assets such as USDT, BTC and ETH, with payments instantly...

CSS Elevator: A Pure CSS State Machine With Floor Navigation


In this article, author Chris Sabourin walk through how modern CSS features can build a fully functional, interactive elevator that knows where it is, where it’s headed, and how long it’ll take to get there. No JavaScript required. CSS Elevator: A Pure CSS State Machine With Floor Navigation...

3D Layered Text: Interactivity and Dynamicism


In this third and final chapter, we’re stepping into interactivity by adding JavaScript, starting with a simple :hover effect, and ending with a fully responsive bulging text that follows your mouse in real time. 3D Layered Text: Interactivity and Dynamicism originally published on CSS-Tricks...

Getting Creative With Quotes


How do you design block quotes and pull quotes to reflect a brand’s visual identity and help tell its story? Here’s how I do it by styling the HTML blockquote element using borders, decorative quote marks, custom shapes, and a few unexpected properties. Getting Creative With Quotes originally...

Setting Line Length in CSS (and Fitting Text to a Container)


The many ways to juggle line length when working with text... including two proposed properties that could make it easier in the future. Setting Line Length in CSS (and Fitting Text to a Container) originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get...

The Gap Strikes Back: Now Stylable


Styling the space between layout items — the gap — has typically required some clever workarounds. But a new CSS feature changes all that with just a few simple CSS properties that make it easy, yet also flexible, to display styled separators between your layout items. The Gap Strikes Back:...

What We Know (So Far) About CSS Reading Order


The reading-flow and reading-order proposed CSS properties are designed to specify the source order of HTML elements in the DOM tree, or in simpler terms, how accessibility tools deduce the order of elements. You’d use them to make the focus order of focusable elements match the visual order,...

Support Logical Shorthands in CSS


There’s a bit of a blind spot when working with CSS logical properties concerning shorthands. Support Logical Shorthands in CSS originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

Maybe don’t use custom properties in shorthand properties


This easily qualifies as a "gotcha" in CSS and is a good reminder that the cascade doesn't know everything all at the same time. If a custom property is invalid, the cascade won't ignore it, and it gets evaluated, which invalidates the declaration. Maybe don’t use custom properties...

Positioning Text Around Elements With CSS Offset


When it comes to positioning elements on a page, including text, there are many ways to go about it in CSS — the literal position property with corresponding inset-* properties, translate, margin, anchor() (limited browser support at the moment), and so forth. The offset property is another...

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