Search

Nalezeno "parent": 218

What’s Missing from CSS?

21.11.2020
The survey results from the State of CSS aren’t out yet, but they made this landing page that randomly shows you what one person wrote to answer that question. Just clicking the reload button a bunch, I get the sense that the top answers are: Container Queries Parent...

grid-auto-flow : CSS Grid :: flex-direction : Flexbox

19.11.2020
When setting a parent element to display: flex, its child elements align left-to-right like this: CodePen Embed Fallback Now, one of the neat things we can do with flexbox is change the direction so that child elements are stacked vertically on top of each other in a column. We can do that with...

Understanding flex-grow, flex-shrink, and flex-basis

11.11.2020
When you apply a CSS property to an element, there’s lots of things going on under the hood. For example, let’s say we have some HTML like this: <div class="parent"<div class="child"Child</div<div class="child"Child</div<div class="child"Child</div</div And...

ztext.js

22.9.2020
Super cool project from Bennett Feely! It makes any web type into 3D lettering with a mouseover effect that moves the 3D objects in space. It’s reminiscent of Zdog, but for type. It works its magic by stacking a bunch of copies of the glyphs on top of each other that are offset by some...

Practical Use Cases for JavaScript’s closest() Method

12.8.2020
Have you ever had the problem of finding the parent of a DOM node in JavaScript, but aren’t sure how many levels you have to traverse up to get to it? Let’s look at this HTML for instance: <div data-id="123"<buttonClick me</button</div That’s pretty straightforward, right? Say...

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,"...

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