Search
Other Looks at the Conditional Border Radius Trick
13.11.2021
Remember when Ahmad Shadeed wrote about that border-radius “toggle” he found in Facebook’s CSS? It was interesting! I covered it. A few weeks after that surge of linkage, a couple of articles came out digging into it a little deeper. …
The post Other Looks at...
Semantic menu context
11.11.2021
Scott digs into the history of the <menu> element. He traced it as far back as HTML 2 (!) in a 1994 changelog. The vibe then, it seems, was to mark up a list. I would suspect the intention …
The post Semantic menu context appeared first on CSS-Tricks. You can support CSS-Tricks...
Quickly Get Alerted to Front-End Errors and Performance Issues
11.11.2021
(This is a sponsored post.)
Measuring things is great. They say what you only fix what you measure. Raygun is great at measuring websites. Measuring performance, measuring errors and crashes, measuring code problems.
You know what’s even better than …
The post Quickly Get Alerted...
Mass Effect DLC With Lost Source Code Returns To Legendary Edition Via Mod
9.11.2021
Back in February it was announced that Mass Effect Legendary Edition wasn’t going to be including everything in the trilogy, because the source code for a single piece of old DLC—Pinnacle Station, which we reviewed back in 2009—had been lost.Read more
CSS Grid Can Do Auto Height Transitions
8.11.2021
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...
Congress Passes $1.2 Trillion Infrastructure Bill — Crypto Advocates Criticize Amended Broker Definition, Tax Code 6050I
7.11.2021
Congress has passed the Biden administration’s bill aimed at improving infrastructure, fighting climate change, and bolstering social services. The $1.2 trillion infrastructure bill, which also expands the definition of a broker, awaits U.S. president Joe Biden’s signature after...
Favicons: How to Make Sure Browsers Only Download the SVG Version
5.11.2021
Š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...
FBI Public Service Announcement Warns of ‘Increased’ Crypto ATM, QR Code Fraud
5.11.2021
The Federal Bureau of Investigation (FBI), America’s domestic intelligence and security service, has published a public service announcement concerning fraudulent schemes associated with cryptocurrency ATMs and QR codes. The FBI’s warning, published on November 4, highlights...
enterkeyhint
5.11.2021
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...
Proxying Third-Party JavaScript as First-Party JavaScript (and the Potential Effect on Analytics)
2.11.2021
First, check out how incredibly easy it is to write a Cloudflare Worker to proxy another URL:
addEventListener("fetch", (event) ={
event.respondWith(
fetch("https://css-tricks.com")
);
});
It doesn’t have any error handling or anything, but hey, it works:
Now imagine how …
The...
CSS-ing Candy Ghost Buttons
1.11.2021
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
28.10.2021
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
27.10.2021
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...
Populární textový editor pro vývojáře Visual Studio Code nyní spustíte i z webového prohlížeče
25.10.2021
Populární multiplatformní a bezplatný textový editor kódu pro vývojáře Visual Studio Code je nově k dispozici i jako webová stránka. Stačí přejít na adresu vscode.dev a celý editor se načte přímo ve webovém prohlížeči i bez potřeby instalace klasického programu.
Ve webovém editoru můžete otevírat
Mariah Carey Offers Free Bitcoin Bonus to Encourage Fans to Invest in Crypto
24.10.2021
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...
What if… you could use Visual Studio Code as the editor of in-browser Developer Tools?
22.10.2021
It’s not uncommon for my front-end workflow to go something like this:
Work on thing.
See that thing in an automatically refreshed browser.
See something wrong with that thing.
Inspect and correct the thing in DevTools.
Apply the correct code
…
The post What if… you could use Visual...
@supports selector()
19.10.2021
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
15.10.2021
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
13.10.2021
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
13.10.2021
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...