Search found 798 matches

by Arty
Sat Mar 16, 2019 7:53 am
Forum: [3.x] Style Development
Topic: ICONS - How to handle SVG explained
Replies: 30
Views: 25334

Re: ICONS - How to handle SVG explained

There is no error. When you are using node terminal thingie, it logs result of code you've typed. For example if you type c = 2+2 it will log "4". Its like echo(eval('code'))
by Arty
Fri Mar 15, 2019 12:27 pm
Forum: [3.x] Style Development
Topic: ICONS - How to handle SVG explained
Replies: 30
Views: 25334

Re: ICONS - How to handle SVG explained

** poke ** Sorry to bother you but's related to this argument somehow, I am following your suggestion (posted somewhere) to use a GUI like this https://jakearchibald.github.io/svgomg/ .. since we have hundreds of SVGs to clean up a bit (more than what I already did with a Windows' tool like SVG cle...
by Arty
Thu Mar 14, 2019 7:11 pm
Forum: [3.x] Style Development
Topic: ICONS - How to handle SVG explained
Replies: 30
Views: 25334

Re: ICONS - How to handle SVG explained

Yes, its included dynamically and no, you don't need to write anything like $(.iconify). Script parses icons on page load and watches DOM for mutations, so it works with dynamically generated content such as AJAX stuff phpBB uses. It does not have any dependencies (except for couple of polyfills for...
by Arty
Thu Mar 14, 2019 9:02 am
Forum: [3.x] Style Development
Topic: ICONS - How to handle SVG explained
Replies: 30
Views: 25334

Re: ICONS - How to handle SVG explained

Thanks. I've been working a lot on it. Also released React component and plug-in for Sketch :) Its possible to load icons like that: https://api.iconify.design/fa-home.svg However I suggest not to to do it. There are several issues with loading external SVG (this applies to any external SVG, not jus...
by Arty
Tue Dec 04, 2018 10:35 pm
Forum: [3.x] Style Development
Topic: ICONS - How to handle SVG explained
Replies: 30
Views: 25334

Re: ICONS - How to handle SVG explained

Is it cacheable? Though if I have a page with 100 + icons that has to go through this every load I’m wondering the cost? Sorry, didn't check area51 for a while. Project has been re-written recently (again), this time its final version and already stable release candidate is available :) Also rename...
by Arty
Wed Jan 31, 2018 8:16 pm
Forum: [3.x] Style Development
Topic: ICONS - How to handle SVG explained
Replies: 30
Views: 25334

Re: ICONS - How to handle SVG explained

SVG framework has been improved a lot in last few months.

Check it out: https://simplesvg.com/ :)
Website has icon finder to browse all available icons and documentation, though documentation section is not complete yet.

Many bugs have been fixed, many improvements to code.
by Arty
Wed May 10, 2017 7:27 am
Forum: [3.x] Tickets Discussion
Topic: Support for Emojis
Replies: 66
Views: 71727

Re: Support for Emojis

If anyone still considers making extension for emojis, EmojiOne is no longer a good choice. It has gone evil. No more free emojis from Emoji One. EmojiOne version 3.0 changed license. Now the only thing you get for free are PNG images. PNG images are bigger than vector images and don't scale, making...
by Arty
Fri Apr 14, 2017 9:56 pm
Forum: [3.x] Style Development
Topic: ICONS - How to handle SVG explained
Replies: 30
Views: 25334

Re: ICONS - How to handle SVG explained

hmm slight issue with the dropdown arrows... It is caused by this in buttons.css .caret i { vertical-align: top; } Adding .caret svg to it won't do much because <svg> element has vertical-align in style, so to customize vertical alignment of such icons you need to add !important: .caret i, .caret s...
by Arty
Fri Apr 14, 2017 5:23 pm
Forum: [3.x] Style Development
Topic: ICONS - How to handle SVG explained
Replies: 30
Views: 25334

Re: ICONS - How to handle SVG explained

I've improved script a lot since last post: - Images imported from fonts are now cropped by up to same amount that is displayed below baseline, so images no longer have extra spacing. Images that go below baseline will not have part of them cut out. - Component for searching icons is available: http...
by Arty
Thu Mar 30, 2017 2:04 am
Forum: [3.x] Style Development
Topic: ICONS - How to handle SVG explained
Replies: 30
Views: 25334

Re: ICONS - How to handle SVG explained

Of course. When using FA it happens very often that icon needs custom alignment. Same will be with SVG. That is why framework doesn't assume anything and shows icons as is... with exception of colors and width/height values. It is a minor issue of old icons that are designed to be handled as fonts. ...