Search

Nalezeno "pre": 851

Use CSS Clamp to create a more flexible wrapper utility


I like Andy’s idea here: .wrapper { width: clamp(16rem, 90vw, 70rem); margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; } Normally I’d just set a max-width there, but as Andy says: This becomes a slight issue in mid-sized viewports, such...

Some Of Our Favorite (Pre-Pandemic) Cosplay From 2020


While the majority of the year was a complete write-off, for obvious reasons, we did actually squeeze a few big cosplay shows into the early, pre-pandemic months of 2020. So rather than look back on nine months of almost nothing happening on this website, let’s look at the three months something...

How to Favicon in 2021


I always appreciate someone looking into and re-evaluating the best practices of something that literally every website needs and has a complex set of requirements. Andrey Sitnik has done that here with favicons. The final suggestion: <link rel="icon" href="/favicon.ico" … The post...

Nested Media Queries


We don’t have “regular” nesting in CSS. Maybe this becomes a thing someday, or something like it. That would be cool, although that pre-spec doesn’t mention anything about media queries. I’d hope we get that right out of the gate … The post Nested Media Queries...

Animating a CSS Gradient Border


This little trick for gradient borders is super useful: .border-gradient { border: 5px solid; border-image-slice: 1; border-image-source: linear-gradient(to left, #743ad5, #d53a9d); } Here’s some basic demos from our article on the subject. Sephanie Eckles was sharing around the idea...

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


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

Pre-Register Now on Aladdin Exchange to Receive 100 TNC Coins


PRESS RELEASE. UAE-based crypto exchange Aladdin opens its platform for pre-registered users. This digital asset exchange is the newest one in the cryptocurrency market. As part of its pre-launching event, the Aladdin Exchange team invites everyone to pre-register and refer people to join...

Dynamic, Conditional Imports


With ES Modules, you can natively import other JavaScript. Like confetti, duh: import confetti from 'https://cdn.skypack.dev/canvas-confetti'; confetti(); That import statement is just gonna run. There is a pattern to do it conditionally though. It’s like this: (async () … The post...

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