Search
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...
New Mobile Game Trailer Seems Similar To Final Fantasy 14: Shadowbringers
4.10.2021
The latest Doula Continent mobile game, Doula Continent: Soul Master Duel, is popular in China. It’s getting a big PR push, and Jackie Chan even stars in a live-action trailer that claims Soul Master Duel is “exactly the same as the animation.” But you know what also seems similar?Via analyst...
China's New Gaming Restrictions Have Already Been Circumvented
7.9.2021
New regulations aimed at players under 18 went into effect in China starting September 1. These restrictions limit young players to one hour of gaming from Friday to Sunday and include public holidays. Inevitable workarounds have already appeared. Read more
Please, Free Me From The Bad Takes About China’s Gaming Restrictions
1.9.2021
Whenever any kind of news about China hits the internet, I brace myself for oversimplifications by English-language writers and commentators. But in a country with roughly 720 million gamers (roughly twice the U.S. population), the context behind the recent gaming restrictions placed on Chinese...
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...
Video Games Are "Spiritual Opium," Says Chinese Government-Owned Media
3.8.2021
Tencent stock fell as much as 11 percent today after a Chinese economic paper blasted gaming, referring to it as “spiritual opium” and “electronic drugs.”Read more
Ubisoft And Bungie Suing Popular Cheat Seller Ring-1
31.7.2021
Bungie and Ubisoft recently filed a lawsuit against the people who it claims are running Ring-1, a website that makes and sells cheats for various games like Destiny 2, PUBG, and Rainbow Six Siege. Both companies allege multiple offenses including copyright infringement and are seeking potentially...
PS5 And Xbox Series X/S Are Breaking Records, So No Wonder You Can’t Find Them
28.7.2021
Despite the fact that you still can’t get one, Sony has sold 10 million PlayStation 5 units to date. Sony revealed that figure in a press release today, alongside a fascinating wrinkle: The PS5 is apparently outpacing PS4 sales over the same time frame. It’s yet another statistic indicating that...
New Chinese Esports Action Movie Looks A Lot Like PUBG
25.7.2021
A newly announced action film releasing in China this August looks cool as hell and features a game that seems a lot like PUBG with a storyline focused on a down on his luck esports streamer. Read more
Tencent Patent Wants To Let You Pass Down V-Bucks After Death
15.7.2021
Tencent recently obtained a patent relating to digital asset inheritance that might allow games to pass on in-game items and currency when they die. According to video game industry analyst Daniel Ahmad, who first spotted the news on Monday, the Chinese tech giant originally filed for the patent...
Oh Hey It's Yet Another Persona 5 Spin-Off
14.4.2021
Persona games and spin-offs, name a more iconic duo.Read more
The Congolese Mountain of Gold: Surprise Discovery in Africa Shows Metal’s Scarcity Is Hard to Prove
13.3.2021
A myriad of gold bugs like to compliment the yellow precious metal for its ostensible scarcity, as estimates say only 2,500 to 3,000 tons of new gold is produced annually. While new gold discoveries have seemingly slowed, investigative studies also show that in some areas, gold is being smuggled...
Genshin Impact KFC Crossover Events In China Shut Down Over Covid-19 Concerns
12.3.2021
A weekend crossover event between the wildly popular Genshin Impact and Kentucky Fried Chicken had to be shut down at Shanghai and Hangzhou locations after apparently violating China’s ongoing covid-19 prevention measures, the fast food chain announced on Chinese social media site Weibo today.Read...
Live-Action Dynasty Warriors Movie Is Hack-And-Slash Brought To Life
9.3.2021
Koei Tecmo’s popular Dynasty Warriors series is getting a live-action cinematic version. It looks wild.Read more
Debugging CSS
14.12.2020
High five to Ahmad Shadeed for releasing his new book, Debugging CSS. I think that’s a neat angle for a book on CSS. There are a ton of books on the general subject of CSS already, so not that they can’t be fresh takes on that, but this feels equally important and less trodden...
Grid for layout, flexbox for components
26.6.2020
When should we reach for CSS grid and when should we use flexbox? Rachel Andrew wrote about this very conundrum way back in 2016:
Flexbox is essentially for laying out items in a single dimension – in a row OR a column. Grid is for layout of items in two dimensions – rows AND columns.
Ahmad...
CSS Findings From The New Facebook Design
7.4.2020
Ahmad Shadeed digs around the new Facebook’s front-end code.
One that stood out to me:
.element {
inset: 4px 0;
/* Which is equivalent to: top: 4px, bottom: 4px, left: 0, right: 0 */
}
Whaaat? This is the first I’ve heard of the inset property. Ahmad said he saw it working...
CSS Viewport Units
26.3.2020
Deep dive from Ahmad. I like the coverage of vmin and vmax, which I think I don't reach for as often as I should.
I'm thinking that if you are doing something highly directional (e.g. a full bleed trick), then directly using vw is necessary. On the other hand, if you're doing a calculation where...
Same HTML, Different CSS
19.2.2020
Ahmad Shadeed covers the idea of a card component that has a fixed set of semantic HTML with some BEMy classes on it. There is a title, author, image, and tags. Then he redesigns the card into five totally different designs without touching any of the HTML just the CSS.
If this is an ah-ha moment...
Min and Max Width/Height in CSS
24.1.2020
Here's a nice deep dive into min-width / min-height / max-width / max-height from Ahmad Shadeed. I like how Ahmad applies the properties to real-world design situations in addition to explaining how it works. In the very first demo, for example, he shows a button where min-width is used as a method...