Search
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...
Writing Your Own Code Rules
8.10.2021
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
7.10.2021
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
7.10.2021
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...
The Options for Password Revealing Inputs
6.10.2021
In HTML, there is a very clear input type for dealing with passwords:
<input type="password"
If you use that, you get the obfuscated bullet-points when you type into it, like:
••••••••
That’s the web trying to help with security. If …
The post The Options for Password Revealing...
Report: Twitch Is Hacked And Its Source Code Is In The Wild
6.10.2021
According to a report by VGC, an anonymous hacker has posted a 125GB torrent link containing, well, all of Twitch, including its source code and commit history going back to the start. The leak also contains streamers’ incomes since 2019, and information that suggests the Amazon-owned streaming...
Conditional Border Radius In CSS
5.10.2021
Ahmad Shadeed documents a bonafide CSS trick from the Facebook CSS codebase. The idea is that when an element is the full width of the viewport, it doesn’t have any border-radius. But otherwise, it has 8px of border-radius. …
The post Conditional Border Radius In CSS appeared first...
ct.css — Performance Hints via Injected Stylesheet Alone
5.10.2021
This is some bonafide CSS trickery from Harry that gives you some generic performance advice based on what it sees in your <head> element.
First, it’s possible to make a <style> block visible like any other element by changing the …
The post ct.css — Performance Hints...
Labor Union Suggests $18M Activision Blizzard Settlement Akin To Pennies
30.9.2021
Following news that Activision Blizzard plans to settle the U.S. Equal Employment Opportunity Commission’s (EEOC) complaint for just $18 million, workers at a labor union say it doesn’t do enough to curb “corporate bad actors.”Read more
Front-End Dev Shortcuts in iOS 15
29.9.2021
I was pretty stoked when Chris shared a way to “View Source” on mobile. Sure, it’s not the same as a built-in feature but it allows iOS users like myself a way to peek at a site’s code the …
The post Front-End Dev Shortcuts in iOS 15 appeared first on CSS-Tricks....