Search
CSS “decorations”
22.11.2021
A reader wrote to me the other day asking about this bit of CSS they came across in Wikipedia’s Common.css:
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
}
What’s that @noflip business? That’s...
Coding Font Game
19.11.2021
A tournament bracket UI where you pick your favorite between two coding fonts and your choices are whittled down all the way to a final winner. A clever way to suss out your own taste and arrive at a choice.…
The post Coding Font Game appeared first on CSS-Tricks. You can support CSS-Tricks...
Girls Who Code Ends Relationship With Activision Blizzard Following Latest Revelations
19.11.2021
Nonprofit organization Girls Who Code, which specializes in teaching computer science to young women and other marginalized groups, will no longer affiliate itself with Activision Blizzard, after the multibillion-dollar corporation came under fire yet again in a scathing new round...
The Many Faces of VS Code in the Browser
18.11.2021
VS Code is built from web technologies (HTML, CSS, and JavaScript), but dare I say today it’s mostly used a local app that’s installed on your machine. That’s starting to shift, though, as there has been an absolute explosion of …
The post The Many Faces of VS Code in...
Russia’s Prosecutor General Wants Cryptocurrency Recognized as Property Under Criminal Law
18.11.2021
The Prosecutor General’s Office of Russia has proposed to define cryptocurrency as property in the country’s Criminal Code. Decentralized digital money has already been qualified as such in the provisions of several other laws although various aspects of cryptocurrencies remain...
Lawmakers push back on crypto provisions in Infrastructure Bill
18.11.2021
The latest proposal from a group of House Democrats seeks to change how updates to the tax code affect crypto entities “who do not engage in brokerage services.”
What do you get for using a search input type?
18.11.2021
Like this: <input type="search">
You get an extra-round-y appearance in Safari, which at one time matched the macOS look for search inputs, but not really anymore. I don’t hate the look, except…
Safari totally ignores the font-size you set on
…
The post What do you...
Cherry-Picking Commits in Git
17.11.2021
In part 5 of this series, we looked at rebasing and merging. Although there are a couple of differences between git merge and git rebase, both commands have the same goal: they integrate changes from one branch into another.
The post Cherry-Picking Commits in Git appeared first on CSS-Tricks....
The Gap (Design Engineering)
17.11.2021
Egor Kloos describes a situation where a (purely visual) designer asks for some changes to a component. There is a misunderstanding where the (code monkey) developer implements the change exactly as requested—but really what was required was both a bug …
The post The Gap (Design Engineering)...
A Clever Sticky Footer Technique
17.11.2021
Upon hearing “sticky footer” these days, I would think most people imagine a position: sticky situation where a footer element appears fixed on the screen while in the scrolling context of some parent element.
That’s not quite what I’m talking …
The post A Clever...
Remastered GTA Trilogy Contains Controversial 'Hot Coffee' Sex Code And Supposedly Cut Songs
13.11.2021
Grand Theft Auto: The Trilogy - Definitive Edition has suffered a pretty bad launch since releasing on November 11. On PC, players have been unable to play the game for over 24 hours due to Rockstar Launcher issues. All versions of the game are filled with bugs, visual glitches, horrible weather...
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...