Search

Nalezeno "repeat": 95

Gengar Backpack, I Repeat, Gengar Backpack

25.6.2021
Pokémon Center, the official store for Pokémon merch, updated its inventory with a bunch of new stuff today. But let’s be real, we’re here to gush over that Gengar backpack, baby.Read more

Rinse & Repeat, and Never Learn: Another USD 1B Liquidated In One Hour

15.3.2021
Overleveraged and overly optimistic crypto traders once again lost billions amid a selloff in the crypto market. More than USD 1bn in cryptoasset trading positions was liquidated in one hour today, bringing total liquidations to more than USD 2.3bn in the past 24 hours (194,539 positions...

A DRY Approach to Color Themes in CSS

24.2.2021
The other day, Florens Verschelde asked about defining dark mode styles for both a class and a media query, without repeat CSS custom properties declarations. I had run into this issue in the past but hadn’t come up with a … The post A DRY Approach to Color Themes in CSS appeared first...

You want minmax(10px, 1fr) not 1fr

22.1.2021
There are a lot of grids on the web like this: .grid { display: grid; grid-template-columns: repeat(3, 1fr); } My message is that what they really should be is: .grid { display: grid; grid-template-columns: repeat(3, minmax(10px, 1fr)); } Why? In … The post You want minmax(10px, 1fr)...

Accordion Rows in CSS Grid

23.7.2020
I’d bet grid-template-columns is used about 10× more than grid-template-rows, but maybe everyone has just been missing out. Eric Meyer chucks a bunch of row lines onto his main site layout grid like this: grid-template-rows: repeat(7, min-content) 1fr repeat(3, min-content); That way, if...

CSS background-repeat: round

23.6.2020
The CSS spec is full of gems that sneak their way past most of us web designers and developers. Stuff like :focus-within, prefers-reduced-motion, and prefers-color-scheme suddenly make their way into CSS without us really finding out for months or years. One such example is background-repeat:...

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

Will 2019 BTC trend repeat itself on Halving Day?

11.5.2020
Bitcoin, at the time of writing this analysis, was trading below $9k around $8.6k and has drawn a bearish candlestick and retested 10-day long support at $8.1k. With less than 10 hours (according to IST time) left for the 3rd Bitcoin Halving, BTC price has not shown any rebound after a massive...

How They Fit Together: Transform, Translate, Rotate, Scale, and Offset

30.3.2020
Firefox 72 was first out of the gate with "independent transforms." That is, instead of having to combine transforms together, like: .el { transform: rotate(10deg) scale(0.95) translate(10px, 10px); } ...we can do: .el { rotate: 10deg; scale: 0.95; translate: 10px 10px; } That's extremely...

How to Repeat Text as a Background Image in CSS Using element()

26.3.2020
There’s a design trend I’ve seen popping up all over the place. Maybe you’ve seen it too. It’s this sort of thing where text is repeated over and over. A good example is the price comparison website, GoCompare, who used it in a major multi-channel advertising campaign. Nike has used it as well...

Flexible Repeating SVG Masks

22.3.2020
Tyler Gaw reminds us that mask-image can repeat, resize, and move just like background-image does, which is fun to combine and play with. I could see it being a fun option for an <hr, like Sara is doing. CodePen Embed Fallback Direct Link to Article — Permalink… Read article...

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