SVG Font Icon Web Component

  Рет қаралды 4,314

Before Semicolon

Before Semicolon

Күн бұрын

Пікірлер: 21
@eladriladri
@eladriladri Жыл бұрын
I've been looking for this for WEEKS and the algorithm finally gave it to me, thank you for making this video.
@robertmoore7158
@robertmoore7158 2 жыл бұрын
I definitely like your style - and your topics are right along with some of the issues I've had with my sites - so you are helping me out immensely! If you haven't noticed, it's a watch BFS Saturday at my house!! Thanks again for all the helpful ideas!
@BeforeSemicolon
@BeforeSemicolon 2 жыл бұрын
Thank you. I Appreciate the feedback
@dkby
@dkby 2 жыл бұрын
Very interesting, thanks for sharing
@BeforeSemicolon
@BeforeSemicolon 2 жыл бұрын
Thanks. Anytime😊
@derickmanning3599
@derickmanning3599 2 жыл бұрын
Nice! I was just looking at old bookmarks about this very subject and saw you had recently posted this. Thanks! BTW looks like you have a typo in your link for SVG-To-Font.
@BeforeSemicolon
@BeforeSemicolon 2 жыл бұрын
Thanks for the feedback. Glad you enjoyed it. Ill fix it in source code
@sadrixacademy4167
@sadrixacademy4167 2 жыл бұрын
bro you made my day😍
@BeforeSemicolon
@BeforeSemicolon 2 жыл бұрын
Glad to know. Anything else let me know.
@dailymeow3283
@dailymeow3283 2 жыл бұрын
The svgo package is awesome, i would use it for fontawesome icons, they are always large, or if i draw an svg with inkscape ,,, boxicons are light n small in size when you get em as svg code no extra code or meta data ..
@BeforeSemicolon
@BeforeSemicolon 2 жыл бұрын
Definitely one to keep
@lambo-ca
@lambo-ca 2 жыл бұрын
Any plans on making a mega-menu any time soon?
@BeforeSemicolon
@BeforeSemicolon 2 жыл бұрын
What is a mega-menu?
@JuicyBenji
@JuicyBenji 2 жыл бұрын
Hi there, do you know how to use plugins for SVGO? I'm having an issue where my svg's have colliding id's and have found an npm package that should solve it. But I have no idea how to make it work with the config file. I don't know how to enable or disable default plugins in SVGO, it seems they've moved away from using --enable={pluginName} structure. SVGO has terrible documentation on this part and I'm desperately searching for help everywhere...
@BeforeSemicolon
@BeforeSemicolon 2 жыл бұрын
Hi. I have never used plugins to be honest. I just tweak configurations and that does the job for me. Their doc is pretty clear on them tho: github.com/svg/svgo.
@chandramohanj4619
@chandramohanj4619 Жыл бұрын
my svg files are not displayed after conversion
@BeforeSemicolon
@BeforeSemicolon Жыл бұрын
Hi there, did you make sure the SVG only contain paths and not shapes?
@vigneshprabha4240
@vigneshprabha4240 Жыл бұрын
Hi Bro this is super cool, but post using this style i am seeing some wierd Chinese letters popping some in the place of icons randomly but on hard refresh this is getting clear, so It's like every time that Chinese letter pops i need to hard refresh the screen.. any idea/suggestion on this?
@BeforeSemicolon
@BeforeSemicolon Жыл бұрын
Hi, can you share: - screen recording - setup code - browser info - your default browser language
@rbaile28
@rbaile28 2 жыл бұрын
Would definitely be interested in a similar implementation with color svg's, do you have any resources?
@BeforeSemicolon
@BeforeSemicolon 2 жыл бұрын
What do you mean by color SVG?
How to create a Web Component using Vanilla JS
17:45
A shot of code
Рет қаралды 68 М.
Build an icon component library for React with SVGR and Rollup
21:23
Mykhaylo Ryechkin
Рет қаралды 19 М.
1% vs 100% #beatbox #tiktok
01:10
BeatboxJCOP
Рет қаралды 67 МЛН
Quando A Diferença De Altura É Muito Grande 😲😂
00:12
Mari Maria
Рет қаралды 45 МЛН
How to treat Acne💉
00:31
ISSEI / いっせい
Рет қаралды 108 МЛН
How to Make a Custom Icon Font with SVG Graphics
8:38
Michelle Schneider
Рет қаралды 15 М.
The Dome Paradox: A Loophole in Newton's Laws
22:59
Up and Atom
Рет қаралды 711 М.
Intro to Web Components - Full Walkthrough
33:31
Before Semicolon
Рет қаралды 25 М.
Custom Audio Player with Web Component and Web Audio API
30:13
Before Semicolon
Рет қаралды 31 М.
Front End Center - Why Inline SVG is Best SVG
16:15
Front End Center
Рет қаралды 137 М.
Web Component Properties and Attributes
16:14
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 8 М.
JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue
12:35
1% vs 100% #beatbox #tiktok
01:10
BeatboxJCOP
Рет қаралды 67 МЛН