#icons (30 links)
- It’s hard to justify Tahoe icons tonsky.me
I hope this article would be helpful in avoiding common mistakes in icon design, which Apple managed to collect all in one OS release. I love computers, I love interfaces, I love visual communication. It makes me sad seeing perfectly good knowledge already accessible 30 years ago being completely ignored or thrown away today.
A rant, but a completely justified one.
- Super Crispy SVG Icons - by Alex Duncan - persevering persevering.substack.com
- Phosphor Icons phosphoricons.com
- Icon University blog.streamlinehq.com
- Wise Design - The making of an icon wise.design
Now, you may be asking yourself, why didn’t they use Figma, or Sketch, or Photoshop (lol), as their single source of truth? As much as we love Figma, we know that design tools come and go, but our icons are forever, so Github made the most logical sense. And given that it’s where our code lives, it kept things simple too.
Good "don't keep your assets in your flavour-of-the-month design tool" evidence.
- Soundcloud Icon Buttons a11ywins.tumblr.com
- Introducing Grunticon 2! Style & Animate your SVGs | Filament Group, Inc., Boston, MA filamentgroup.com
<blockquote>Version 2 of Grunticon makes it easy to embed SVG markup into your page so you can apply CSS and JavaScript to the actual SVG markup.</blockquote>
Icon fonts have a few nasty problems that icon font makers rarely make you aware of. Here’s a few of these problems...
- sethlilly/Font-Awesome-Symbols-for-Sketch github.com
- Bulletproof Accessible Icon Fonts | Filament Group, Inc., Boston, MA filamentgroup.com
- Font-Embedding Icons somerandomdude.com
Not entirely convinced. See related HN discussion.
- phonydev.com » Apple touch icon phonydev.com
Apple touch home icon info, including instructions on removing the shiny-shiny.
The iPhone apparently uses a link tag in the page’s header to locate a suitable image and then falls back on its own creation powers if that fails.
The iPhone apparently uses a link tag in the page’s header to locate a suitable image and then falls back on its own creation powers if that fails.
- fabric of folly - a weblog by Dan Taylor fabricoffolly.blogspot.com
Despite often being deprioritised (or forgotten about altogether) by web developers, the lowly favicon (a contraction of favourite icon) is becoming an increasingly important aspect of brand identity on the web.
- Showing Hyperlink Cues with CSS (Ask the CSS Guy) askthecssguy.com
...in IE7, Firefox, and Safari.
- Microformats Icons -- The brilliant work of Wolfgang Bartelme factorycity.net
Make your own microformat icons and add them to the wiki with Wolfgang's excellent Icon DevKit. Contains both Photoshop and Illustrator vector content.
- Accessible Heading Icons : Tutorial : Paul Michael Smith paulmichaelsmith.com
- particletree · Preview Your Links with Unobtrusive JavaScript particletree.com
"Inspired by the TargetAlert Firefox extension that "provides visual cues for the destinations of hyperlinks" and Christian Heilmann’s Image previews with DOM JavaScript, we wrote a simple set of unobtrusive JavaScript functions to find links on a page
- urlgreyhot : Mini Icons urlgreyhot.com
- Bullet Madness ★ free bullets project at Stylegala stylegala.com