Search
Lego Horizon Adventures: The Kotaku Review
13.11.2024
I really liked Lego Horizon Adventures, a game that’s exactly what it sounds like. It tells an embellished version of the events of Horizon Zero Dawn, the first game in Guerrilla’s series of post-apocalyptic open-world adventures, with colorful Lego bricks and the slapstick humor you’d expect from...
You can use text-wrap: balance; on icons
24.10.2024
Terence Eden on using text-wrap: balance for more than headings:
But the name is, I think, slightly misleading. It doesn’t only work on text. It will work on any content. For example – I have a row of icons at
…
You can use text-wrap: balance; on icons originally published...
The Proliferation and Problem of the ✨ Sparkles ✨ Icon
3.10.2024
Kate Kaplan hits on something over at Nielsen Norman Group’s blog that’s been bugging me:
The challenge with this icon is sparkle ambiguity: Participants in our recent research study generally agreed that it represented something a little special
…
The Proliferation...
When Icons Fall: P. Diddy, Sam Bankman-Fried, and the Lure of High-Profile Cases for Attorneys
25.9.2024
Crypto Community & Icons Rally Behind Pavel Durov After Arrest
26.8.2024
On August 24th, 2024 Pavel Durov was arrested at Le Bourget Airport in France. Known for his commitment…
Nintendo's Latest DMCA Takedowns Are Over (Checks Notes) Fan-Created Steam Icons
22.11.2022
Stop me if you’ve heard this one before. Nintendo is using its army of lawyers and chests of money to go after people who appear to be some of the biggest fans of its games and franchises. Yeah, you probably have, huh? This time, Nintendo is going after people who create and host custom artwork...
24 Best Instagram Story Highlight Icons for 2023
17.11.2022
Want to improve the look of your Instagram profile and make it more professional? Instagram Story Highlight Icons can help you do this.  Instagram Story Highlight Icons are used...
The post 24 Best Instagram Story Highlight Icons for 2023 appeared first on Onextrapixel
How I Made an Icon System Out of CSS Custom Properties
22.9.2022
SVG is the best format for icons on a website, there is no doubt about that. It allows you to have sharp icons no matter the screen pixel density, you can change the styles of the SVG on hover …
How I Made an Icon System Out of CSS Custom Properties originally published on CSS-Tricks, which...
Improving Icons for UI Elements with Typographic Alignment and Scale
17.5.2022
Utilizing icons in user interface elements is helpful. In addition to element labeling, icons can help reinforce a user element’s intention to users. But I have to say, I notice a bit of icon misalignment while browsing the web. Even …
Improving Icons for UI Elements with Typographic...
80s Icons Madonna, Stallone Carve Out a Slice of the NFT Pie – And Beckham’s Keen, Too
25.3.2022
If you’re aching after the Eighties, the non-fungible tokens (NFTs) world – and some of the biggest celebs from the decade that fashion forgot – would like a word with you. And when they’re done, Nineties throwbacks are next in line.
*Editor’s warning: If cringeworthy 80s-themed puns aren’t...
ICON’s ICX Rockets 70% as Crypto-Friendly Candidate Wins South Korean Presidential Election
10.3.2022
The South Korean crypto project saw an unusual bounce on Thursday morning as Yoon Suk-yeol won the presidential election
7 Fresh Links on Performance For March 2022
2.3.2022
I have a handful of good links to articles about performance that are burning a hole in my bookmarks folder, and wanna drop them here to share.
The new WebPageTest website design
From fonts to SVG: an icon migration strategy
…
7 Fresh Links on Performance For March 2022 originally...
What Were the Hottest Front-End Tools in 2021?
17.1.2022
Another year has passed and once again I’ve had the privilege of going through the Web Tools Weekly newsletter archives from the past 12 months to hunt down the front-end tools that readers found to be the most interesting during …
What Were the Hottest Front-End Tools in 2021?...
ICON’s P-Reps Approves Funding for the KarmaDAO
14.12.2021
ICON’s P-Reps will now accept financing for KarmaDAO, a DeFi 2.0 project backed by protokol7. The goal of KarmaDAO is to “assist protocols in establishing protocol-owned liquidity along with offering advantages to network members — users. OlympusDAO pioneered Protocol Owned Liquidity,...
Which SVG technique performs best for way too many icons?
23.11.2021
Tyler Sticka digs in here in the best possible way: by making a test page and literally measuring performance. Maybe 1,000 icons is a little bit of an edge case, but hey, 250 rows of data with four icons in …
The post Which SVG technique performs best for way too many icons? appeared first...
Icon Glassmorphism Effect in CSS
8.11.2021
I recently came across a cool effect known as glassmorphism in a Dribble shot. My first thought was I could quickly recreate it in a few minutes if I just use some emojis for the icons without wasting time …
The post Icon Glassmorphism Effect in CSS appeared first on CSS-Tricks. You...
Adding Shadows to SVG Icons With CSS and SVG Filters
11.6.2021
Why would we need to apply shadows to SVG?
Shadows are a common design feature that can help elements, like icons, stand out. They could be persistent, or applied in different states (e.g. :hover, :focus, or :active)
…
The post Adding Shadows to SVG Icons With CSS and SVG Filters appeared...
Long Hover
16.3.2021
I had a very embarrassing CSS moment the other day.
I was working on the front-end code of a design that had a narrow sidebar of icons. There isn’t enough room there to show text of what the icons are, …
The post Long Hover appeared first on CSS-Tricks.
You can support CSS-Tricks...
Accessible SVG Icons
28.12.2020
The answer to “What is the most accessible HTML for an SVG icon?” isn’t one-size-fits all, because what an icon needs to do on a website varies. I’m partial to Heather Migliorisi’s research on all this, but I can summarize.…
The post Accessible SVG Icons...
Super Tiny Icons
30.11.2020
A bunch of SVG icons (of popular things) all under 1KB. SVG is awesome for golfing.
I was going to add a CodePen logo but there is already one in there at 375 Bytes. I’ve got one at 208 Bytes, based on a logo update David DeSandro did for us a couple years back.
Direct Link to Article...