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 accent-color
4.10.2021
For better or worse, form fields have been somewhat difficult to style with CSS. Form control display is dependent upon device, operating system, and browser, so you can imagine the difficulty in making styling easy. We have slowly been given some controls over form control display, as evidenced...
Protect Yourself With the Sim Encriptados, Travel to More Than 200 Countries, and Communicate With Security
24.9.2021
PRESS RELEASE. When people talk about technology, the first thoughts are cell phones, applications, or equipment; but you rarely recall Sim Cards. Those small cards people often despise, thinking that they are only chips that you use to call or have data. Contrary to this, Sim Cards store much more...
Cutouts
16.8.2021
Ahmad Shadeed dug into shape “cutouts” the other day. Imagine a shape with another smaller shape carved out of it. In his typical comprehensive way, Ahmad laid out the situation well—looking at tricky situations that complicate things.
The first thing …
The post Cutouts appeared...
Fed Governor Lael Brainard Can’t Imagine Future Without Digital Dollar
31.7.2021
Pointing to a number of reasons why a digital version of the U.S. dollar should be created, Federal Reserve Governor Lael Brainard insisted that not having one wouldn’t lead to a sustainable future. The central bank official believes a digital dollar will have both international and domestic...
Baanx BXX Token: 100% Increase on Its Debut
16.7.2021
PRESS RELEASE. BXX listed on the MEXC Global exchange, and jumped from $0.15 at listing, to $0.50, before settling down to the mid. $0.30s- a more then 100% increase over the course of its first few hours of trading. Pools are also now available on Uniswap 2.0 in both USDT and ETH. Imagine a world...
Can I :has()
4.6.2021
I just joked that we’re basically getting everything we want in CSS super fast (mostly referring to container queries, my gosh, can you imagine they are actually coming?). Now we might actually get parent selectors?! As in .parent:has(.child) { …
The post Can I :has() appeared first...
Digital Yuan Architect: 'Imagine a CBDC on Ethereum or Diem'
31.5.2021
Source: Adobe/H_Ko
One of the chief architects of the Chinese digital yuan has discussed a possibility that the central bank digital currencies (CBDCs) could operate on networks such as Ethereum (ETH) or the yet-to-be-released Facebook-masterminded blockchain platform Diem (formerly Libra) as part...
Rethinking Postgres in a Post-Server World
27.5.2021
Serverless architectures have brought engineering teams a great number of benefits. We get simpler deployments, automatic and infinite scale, better concurrency, and a stateless API surface. It’s hard to imagine going back to the world of managed services, broken local …
The post Rethinking...
Imagine Bitcoin as a Reserve Asset. What Then?
15.5.2021
Governments have finally sat up and taken notice of crypto. For years they derided, criticized, and even banned cryptocurrencies, but now they’re rushing to get in on the act, with numerous central banks planning to roll out their own digital currencies in the coming months and years.
As for real...
VSS Imagine: Nová kosmická loď od Virgin Galactic je neuvěřitelně lesklá
31.3.2021
Společnost Virgin Galactic se pochlubila kosmickou lodí nové generace. Ta dostala název VSS Imagine a z hlediska designu navazuje na SpaceShipTwo.
Na VSS Imagine je pravděpodobně nejzajímavější neuvěřitelně lesklý nátěr. Právě ten ji výrazně odlišuje od výše zmíněné SpaceShipTwo i jiných zařízení
Insert Cursor at Any Position at Command Line
11.3.2021
As much as I enjoy writing lengthy pieces of JavaScript APIs, techniques, and other tech brilliance, I very much enjoy providing people quick tips to make their daily dev lives better. This is one such post. Oftentimes I’m working with long command line directives, and as you can imagine,...
How to Create a Shrinking Header on Scroll Without JavaScript
16.2.2021
Imagine a header of a website that is nice and thick, with plenty of padding on top and bottom of the content. As you scroll down, it shrinks up on itself, reducing some of that padding, making more screen real …
The post How to Create a Shrinking Header on Scroll Without JavaScript appeared...
Beautiful accessibility with Floating Focus
15.2.2021
Imagine if your :focus styles animated from element to element as you tab through a site. Like the focus ring up and flew across the page to the next element. The spirit of it is similar to smooth scrolling: it’s …
The post Beautiful accessibility with Floating Focus appeared first...
How to Add Commas Between a List of Items Dynamically with CSS
12.1.2021
Imagine you have a list of items. Say, fruit: Banana, Apple, Orange, Pear, Nectarine
We could put those commas (,) in the HTML, but let’s look at how we could do that in CSS instead, giving us an extra level …
The post How to Add Commas Between a List of Items Dynamically with CSS appeared...
The worst things on the internet in 2020
24.12.2020
Look, even without COVID, 2020 was going to be garbage. It was an election year, for fuck’s sake, so a glut of unhinged political punditry was destined to clog up our social media feeds and needle our glazed eyeballs. In keeping with tradition, it all turned out to be even worse than we could have...
How to Make an Area Chart With CSS
2.12.2020
You might know a few ways to create charts with pure CSS. Some of them are covered here on CSS-Tricks, and many others can be found on CodePen, but I haven’t seen many examples of “area charts” (imagine a line chart with the bottom area filled in), particularly any in HTML and CSS alone. In this...
Prototypes, publishing, pitching, oh my!
18.11.2020
Please imagine George Takei saying this
Anima 4.0: Go Straight From Design to React in the Design Handoff
27.10.2020
Imagine this scenario: You get an email from the design team. It contains a link to a high-fidelity prototype of a React app they want you to build. You click the link and get ready to inspect the work only to find… the components have already been built.
Huh?
It might sound like a dream...
Imagine Regulators Shutting Tether Down - What Happens to Bitcoin?
18.10.2020
Bitcoin (BTC), as a cryptoasset, is tethered to tether (USDT) tightly. Ever since becoming tradable in 2015, USDT has come to occupy an increasingly important part of the bitcoin and wider cryptocurrency ecosystem.
Now, USDT is the third-biggest token by market capitalization, and by virtue...