Search
What Would it Take to Prevent CSS Tooltips From Overflowing?
12.1.2022
Say you have an elements with CSS tooltips and you’re going to position those tooltips such that it opens up next to the element on hover (or probably better: when clicked/tapped). Next to it where? Above it? What if the …
What Would it Take to Prevent CSS Tooltips From Overflowing?...
Game Developers GSC Game World and Ubisoft Face Backlash About NFT Inclusion
22.12.2021
GSC Game World and Ubisoft, two game development companies, are dealing with backlash about the inclusion of NFT elements in some of their games. While GSC Game World — developer of the popular Stalker gaming franchise — has abandoned its plans in this regard, Ubisoft is pushing...
Maybe there kinda is background-opacity?
15.12.2021
I was reading Jake’s “Cross-fading any two DOM elements is currently impossible” which is a wonderfully nerdy deep dive into how there is no real way to literally cross-fade elements. Yeah, you can animate both of their opacities, but even …
Galileo Exchange Launches Its Native Token, the “GELT”
12.12.2021
Galileo Exchange is a groundbreaking hybrid of a Crypto exchange, a Blockchain project, and the innovation of accelerated price dynamics. It combines these essential elements to bring trustworthiness, innovation, value and entertainment. Galileo Exchange is Fully Developed, Proprietary &...
Standardizing Focus Styles With CSS Custom Properties
10.12.2021
Take two minutes right now and visit your current project in a browser. Then, using only the Tab key, you should be able to navigate between interactive elements including buttons, links, and form elements.
If you are sighted, you should…
Your First Look At Quantic Dream's Dramatic New Star Wars Game
10.12.2021
We already knew this was coming, but a reveal at the Game Awards tonight makes it official: Quantic Dream, the controversial developers of games like Detroit and Heavy Rain, are working on a game set in the Star Wars universe.Read more
Streaming Optimized Videos From AWS S3 in Minutes
2.12.2021
(This is a sponsored post.)
Videos appeal to humans in a way no other form of the content does. A video includes motion, music, still images, text, speech, and a few other elements, all of which combine to deliver …
The Majority of Game Developers Are Beginning to Include Blockchain in Their Games According to Study
12.11.2021
Most game developers in U.S. and U.K. are now using blockchain elements in their games, according to a study released this week. The study, commissioned by a company named Stratis, reveals that the popularity of blockchain, NFTs, and the new play-to-earn model in the crypto market is making game...
Indonesia’s Islamic Authority Declares Cryptocurrency Haram, Forbidden for Muslims
11.11.2021
Indonesia’s top Islamic body, the country’s authority on Shariah compliance, has reportedly declared cryptocurrency haram, forbidden for Muslims under Islamic law. The Indonesian Ulema Council explained that crypto has elements of uncertainty, wagering, and harm. Cryptocurrency...
Fixing the Drift in Shape Rotations
4.11.2021
Steve Ruiz calls this post an “extra-obscure edition of design tool micro-UX,” but I find it fascinating! If you select a bunch of elements in a design tool, then rotate then, then later select those same elements and try to …
The post Fixing the Drift in Shape Rotations 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...
Scroll Shadows With JavaScript
6.10.2021
Scroll shadows are when you can see a little inset shadow on elements if (and only if) you can scroll in that direction. It’s just good UX. You can actually pull it off in CSS, which I think is …
The post Scroll Shadows With JavaScript appeared first on CSS-Tricks. You can support...
Animation Techniques for Adding and Removing Items From a Stack
4.10.2021
Animating elements with CSS can either be quite easy or quite difficult depending on what you are trying to do. Changing the background color of a button when you hover over it? Easy. Animating the position and size of an …
The post Animation Techniques for Adding and Removing Items From...
Cryptocurrencies Have ‘No Intrinsic Value’ Says South African Hedge Fund Guru
4.10.2021
Jean-Pierre Verster, the founder of a South African hedge fund Protea Capital Management, has said he does not believe there is “intrinsic value” in cryptocurrencies. He insists that cryptocurrencies have “elements of a Ponzi scheme” and for that reason, he has...
Playing Genshin Impact's Last Update As Its Villain Was Eye-Opening
22.9.2021
I’ve been building up my Raiden Shogun character so that I could use her to clear Genshin Impact’s latest chapter. She’s the main antagonist of the game’s Inazuma region, so I thought it would be interesting to attack and dethrone god using god herself. Read more
7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS
21.9.2021
CSS ::before and ::after pseudo-elements allow you to insert “content” before and after any non-replaced element (e.g. they work on a <div> but not an <input>). This effectively allows you to show something on a web page that might …
The post 7 Practical Uses...
On the `dl`
15.9.2021
Blogging about HTML elements¹? *chefs kiss*
Here’s Ben Myers on the (aptly described) “underrated” Definition List (<dl>) element in HTML:
You might have also seen lists of name–value pairs to describe lodging amenities, or to list
…
The post On the `dl` appeared...
Firefox’s `bolder` Default is a Problem for Variable Fonts
7.9.2021
Variable fonts make it easy to create a large set of font styles from a single font file. Unfortunately, the default rendering of the <b> and <strong> elements in browsers today is not very compatible with the wide range of …
The post Firefox’s `bolder` Default is a Problem...
Supercharging Built-In Elements With Web Components “is” Easier Than You Think
3.9.2021
We’ve already discussed how creating web components is easier than you think, but there’s another aspect of the specification that we haven’t discussed yet and it’s a way to customize (nay, supercharge) a built-in element. It’s similar to …
The post Supercharging Built-In Elements With...
CSS Pseudo Commas
30.8.2021
A bonafide CSS trick if there ever was one! @ShadowShahriar created a CodePen demo that uses pseudo-elements to place commas between list items that are displayed inline, and the result is a natural-looking complete sentence with proper punctuation.
CodePen Embed…
The post CSS Pseudo Commas...