Search

Nalezeno "QR code": 1641

CSS Grid Can Do Auto Height Transitions


Bonafide CSS trick alert! Nelson Menezes figured out a new way (that only works in Firefox for now) that is awfully clever. Perhaps you know that CSS cannot animate to auto dimensions, which is super unfortunate. Animating from … The post CSS Grid Can Do Auto Height Transitions appeared...

Favicons: How to Make Sure Browsers Only Download the SVG Version


Šime Vidas DM’d me the other day about this thread from subzey on Twitter. My HTML for favicons was like this: <!-- Warning! Typo! --<link rel="icon" href="/favicon.ico" size="any"<link rel="icon" href="/favicon.svg" type="image/svg+xml" The attribute size is a typo there...

enterkeyhint


I only just recently learned the enterkeyhint attribute on form inputs was a thing! It seems like kind of a big deal to me, as crafting HTML form markup is a decent slice of a front-end developer’s life, and this … The post enterkeyhint appeared first on CSS-Tricks. You can support...

CSS-ing Candy Ghost Buttons


Recently, while looking for some ideas on what to code as I have zero artistic sense so the only thing I can do is find pretty things that other people have come up with and remake them with clean and … The post CSS-ing Candy Ghost Buttons appeared first on CSS-Tricks. You can support...

Sticky Definition Lists


I ran across this 30 seconds of code website the other day, and they have a CSS section which is really good! The first example snippet I looked at was this “floating section headers” example, reminding me yet again how … The post Sticky Definition Lists appeared first...

How to Implement and Style the Dialog Element


A look from Christian Kozalla on the <dialog> HTML element and using it to create a nice-looking and accessible modal. CodePen Embed Fallback I’m attracted to the <dialog> element as it’s one of those “you get a lot for free” … The post How...

Mariah Carey Offers Free Bitcoin Bonus to Encourage Fans to Invest in Crypto


Mariah Carey has encouraged her fans to invest in cryptocurrencies. To help them get started, she is offering $20 in free bitcoin via her partnered cryptocurrency exchange. “A portion of your trade will go toward Black Girls Code, a non-profit helping to increase the number of women of color...

@supports selector()


I didn’t realize the support for @supports determining selector support was so good! I usually think of @supports as a way to test for property: value pair support. But with the selector() function, we can test for selector support … The post @supports selector() appeared first...

Expandable Sections Within a CSS Grid


I love CSS Grid. I love how, with just a few lines of code, we can achieve fully responsive grid layouts, often without any media queries at all. I’m quite comfortable wrangling CSS Grid to produce interesting layouts, while keeping … The post Expandable Sections Within a CSS Grid appeared...

Less Absolute Positioning With Modern CSS


Ahmad Shadeed blogs the sentiment that we might not need to lean on position: absolute as much as we might have in the past. For one thing: stacking elements. For example, if you have a stack of elements that should … The post Less Absolute Positioning With Modern CSS appeared first...

Moscow Not Planning to Ban Russians From Buying Crypto Abroad


Russia is not going to follow China’s course and does not plan to ban its citizens from purchasing cryptocurrency on foreign exchanges, a high-ranking government official has indicated. Russians will not be able to pay with digital coins in their own country but are free to use crypto...

Writing Your Own Code Rules


There comes a time on a project when it’s worth investing in tooling to protect the codebase. I’m not sure how to articulate when, but it’s somewhere after the project has proven to be something long-term and rough edges … The post Writing Your Own Code Rules appeared first...

Developer Decisions For Building Flexible Components


Blog posts that get into the whole “how to think like a front-end developer” vibe are my favorite. Michelle Barker nails that in this post, and does it without sharing a line of code! We simply can no longer … The post Developer Decisions For Building Flexible Components...

Websites We Like: MD Nichrome


Here’s a beautiful website: it’s a type specimen for Mass-Driver’s ever-so-lovely type family MD Nichrome. There’s a ton of nifty animations and graphics explaining all the features inside… If you’re wondering how those animations work, they’re actually styled...

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