Full stack open source dev from Estonia, author of Iconify.
https://t.co/oFXbgmfdZH
https://t.co/Un17xvezn7iconify.design Tallinn, EstoniaJoined July 2009
@zeddotdev Thanks!
I know you'll fix them because last time I tried Zed maybe a month or two ago, I've noticed few more bugs that are now fixed.
Very good progress! Thanks for creating a really good editor!
Spent last 2 full days coding in Zed... and I'm not planning to go back to VSCode.
Zed is very impressive!
There are minor annoyances and quirks, mostly related to syntax highlight and code autocomplete, but it is significantly faster and works perfectly in large monorepos.
Added support for Astro to Iconify Unplugin: github.com/iconify/iconif…
However, it is not recommended because icons are generated by splitting SVG to SVG + CSS, which is not supported by Safari.
Use islands with Vue, Svelte or React components instead, which have Safari fallback.
I'm experiencing a huge issue with VSCode for last 2 days: import suggestions no longer work in any project.
Nothing new installed recently. Disabled all extensions, VSCode is still broken.
Anyone experiencing the same issue?
New feature on Iconify icon sets website: select multiple icons, generate bundles in various formats.
It can export multiple icons as bundles, SVG and CSS sprites, components for several frameworks, raw data.
You can load and save selected icons.
Website: icon-sets.iconify.design
Demo:
About a week ago I got rid of infinite scroll for icons on Iconify website.
Didn't realise how bad it affected SEO until I looked at search performance emails.
Last month: 192k impressions, 4.43k clicks
2 years ago: 2.07m impressions, 106k clicks.
Infinite scroll was such a bad idea!
After implementing it I did see a drop in stats, so did everything I could to fix it, but it was just unfixable. Then gave up and decided to rewrite it later when I'll have free time. Took way too long to do it. Website basically dropped off the search index.
Good news is, just a week after releasing new website search index is very quickly improving: number of indexed pages, impressions and clicks are all going up very fast.
Don't make the same mistake. Don't implement fancy features that might break SEO. Good old pagination is much better.
New Iconify icon sets website no longer has infinite scrolling for icons.
However, now it has more settings for icons list:
- Layout: large icons with names, medium or small without names.
- Size of icons.
- Number of icons per page.
- viewBox outline.
icon-sets.iconify.design
Demo:
I've rebuilt Iconify icon sets website. Same UI, new UX! Check it out at icon-sets.iconify.design
Changes:
- Got rid of infinite scroll
- No more overlapping elements
- New code generator
- Select multiple icons, generate bundles and sprites
I'll write articles about each major change later... update is huge and will take a while to write tutorials for all new features.
It is a full rewrite, but with same UI framework so it looks similar to old website.
Fun fact: NPM has limit on how many packages you can publish consequently!
Ran a script to update packages for over 200 icon sets for 4 frameworks (adding new feature that required rebuilding all packages), so 800+ packages.
NPM started timing out after about 500 packages. Had to wait for about an hour before I could publish again.
There are many excellent icons with multiple colors, but hardcoded palette makes them hard to use.
Now, when using Iconify icon packages, you can customise colors, opacity and stroke-width of icons using CSS variables!
See documentation: iconify.design/docs/usage/svg…
This applies to the following pre-made icon set packages:
- @ iconify-vue/* packages for Vue
- @ iconify-svelte/* packages for Svelte
- @ iconify-react/* packages for React
- @ iconify-solid/* packages for SolidJS
A while ago I've implemented infinite scroll for icons list on Iconify icon sets website.
That was a huge mistake.
UX got a lot worse.
I tried fixing it, but it is unfixable. So I'm reverting back to good old pagination.
Long article with details: cyberalien.dev/articles/infin…
A new version of Iconify components for SolidJS has been published.
This fixes server side rendering and generation, so now components work as expected on server and in browser.
Docs: iconify.design/docs/usage/svg…
In addition to pre-made SVG+CSS components for Vue, Svelte and React, now there are components for SolidJS!
Very easy to use. Almost 300k open source icons!
SVG+CSS minifies SVG by moving all props to CSS, way better than SVG sprites!
Docs: iconify.design/docs/usage/svg…
Components work with latest SolidJS and should work with upcoming SolidJS 2.0.
New versions of Iconify Tools and Iconify for Tailwind have been published.
These are security updates for SVGO.
As far as I can see, chances of exploit are close to 0 (must use untrusted SVG) and it is harmless (it will just freeze or crash), it is still worth updating.
Information about Next.js above is incorrect.
It works with Next.js, but not when using Webpack. I was using Webpack in tests, so it failed. It works correctly when using Turbopack.
Iconify now offers pre-made SVG+CSS components for React.
Usage:
1. Install one of "@ iconify-react/" packages
2. Import icon from that package.
SVG+CSS minifies SVG by moving all props to CSS, much better than SVG sprites!
Documentation: iconify.design/docs/usage/svg…
Icons work in all browsers, including Safari.
Important: these components are for React, not Next. See documentation. If you are using Next, consider migrating to Vinext.
23 Followers 71 FollowingBuilding a portfolio of 25+ mobile apps. Also working on https://t.co/tGkIHKmNwS - Your convenient Swiss Army knife API provider.
1K Followers 7K Following☀️ठाकुर श्रीमंत गणेश गोसाईराव विक्रमादित्य देवगण प्रताप सिंह त्यागी👑💸⚔🔱🦅🦖🪯🕉️☯️कुँवरसा श्रीगौड़त्यागीलालारोड़ कश्यप पंजाबी भूदेवरावसाहब धीमान तिवारी राणा
420K Followers 125 FollowingThe official Chrome Devs X account from Google. We want to help you build beautiful, accessible, fast, & secure websites that work for everyone, everywhere.
25K Followers 488 Following🅱 Founding Engineer & UX Lead @boltdotnew/@stackblitz
💡 Bolt tutorials & tips
Heavily divergent thinker (but will eventually get back to the point)
44K Followers 44 FollowingBuilt for you to design, code, test, refine a better web for everybody.
Follow us for announcements, tips, sneak peeks, and more!
146K Followers 137 Followingdesigning interfaces. engineering experiences.
many can build it. few can explain it.
@shopify brand design studio
💎 playbook waitlist → https://t.co/DtDQ0KB5hQ
3K Followers 65 Following🎨 Soothing pastel theme for the high-spirited! This community-driven pastel theme aims to be the middle ground between low and high-contrast themes!
909 Followers 16 Following📈 Free and open-source HTML Dashboard Theme
👻 5800+ free and open source icons
📮80 responsive email templates
💃 65+ SVG illustrations for your next startup
104K Followers 229 FollowingNuxt is a progressive web framework to build performant and production-grade web apps and websites with Vue. https://t.co/hBNE0dql4W
12K Followers 266 FollowingSenior Creator at @syntaxfm / @getsentry
Host of Coding Garden on Twitch and YouTube
Co-organizer of @DenverScript
https://t.co/PC8Ym4N6Fm
3K Followers 1 FollowingA book to learn a logic-driven approach to design intuitive, accessible, and beautiful interfaces using quick and practical guidelines.