Search

Nalezeno "parent": 283

Holy Albatross with Widths

24.7.2020
Heydon’s Holy Albatross is a technique to have a row of elements break into a column of elements at a specific width. A specified parent width, not a screen width like a media query would have. So, like a container query (ya know, those things that don’t exist yet that we...

Position Vertical Scrollbars on Opposite Side with CSS

23.7.2020
Fair warning: I can’t say I recommend this in general because it breaks a very strong expectation of where scrollbars are, which are useful for a lots of folks, not to mention, a core accessibility feature for many. But it is a fascinating CSS trick and the web is a big place with...

South African Exchange Valr Raises $3.4 Million in a Series A Funding Round

22.7.2020
A South Africa based cryptocurrency exchange, Valr has just raised $3.4 million in a Series A funding round led by 100x Group, the parent company to Bitmex. The funding round, in which 4Di Capital also participated, however, does not change Valr’s controlling shareholder structure. In...

Irregular-shaped Links with Subgrid

16.7.2020
Michelle Barker covers a situation where you need offset rectangles part of a clickable area. The tricky part is having just the rectangles be clickable. That rules out using some parent element and making the whole larger encompassing rectangle clickable, which is a common (but equally tricky)...

BitMEX's Parent Goes '100x,' Doubles Down On Exchange's Growth

15.7.2020
Arthur Hayes. Source: a video screenshot, Youtube, CfC st. Moritz HDR Global Trading, the operator of major crypto derivatives platform BitMEX, is creating a new holding company structure, branded 100x, "to pursue a broader vision to reshape the modern digital financial system,"...

When a Line Doesn’t Break

2.7.2020
We expect a line to break when the text on that line reaches the parent box boundaries. We see this every time we create a paragraph, just like this one. When the parent box doesn’t have enough room for the next word in a line, it breaks it and moves down to the next line and repeats that...

Just another +1 for subgrid

19.6.2020
I’d say 85% of my grid usage is in one of these two categories… I just need some pretty basic (probably equal width) columns that ends up being something like like grid-template-columns: repeat(3, minmax(0, 1fr)); to be safe. Actually doing some real layout where five minutes in...

Learn Z-Index Using a Visualization Tool

12.6.2020
There are some neat interactive demos in here from Thiru Manikandan. There are a couple of very tricky things with z-index that never fail to confuse. In addition to things like requiring positioning and source order, the trickiest are the stacking contexts and parent/child relationships. z-index...

On fixed elements and backgrounds

3.6.2020
After just playing with apsect-ratio and being pleasantly surprised at how intuitive it is, here’s an example of CSS acting unintuitively: If you have a fixed element on your page, which means it doesn’t move when you scroll, you might realise that it no longer acts fixed if you apply a...

Chromium lands Flexbox gap

9.5.2020
I mentioned this the other day via Michelle Barker’s coverage, but here I’ll link to the official announcement. The main thing is that we’ll be getting gap with flexbox, which means: .flex-parent { display: flex; gap: 1rem; } .flex-child { flex: 1; } That’s excellent...

Bitfinex ‘Copycat’ Lawsuit Withdrawn and Then Refiled in New District

12.1.2020
Ifinex Inc, parent firm of Bitfinex, finds its ongoing legal troubles further complicated as a November lawsuit has been withdrawn by the plaintiff and refiled in a new district. The company, whose close affiliations with both the Bitfinex crypto exchange and stablecoin Tether have continually...

Is “is” Useful?

3.1.2020
God I'm funny. Anytime we have fairly repetitive selectors that have a common parent, it's probably a place we can use the :is() pseudo-selector. Holger Bartel demonstrates like this: section section h1, section article h1, section aside h1, section nav h1, article section h1, article article...

A Use Case for a Parent Selector

31.12.2019
Having a "parent selector" in CSS is mentioned regularly as something CSS could really use. I feel like I've had that thought plenty of times myself, but then when I ask my brain for a use case, I find it hard to think of one. Well, I just had one so I thought I'd document it here. A classic...

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