New fontello design #484

Open
puzrin opened this Issue Mar 17, 2016 · 9 comments

Projects

None yet

7 participants

@puzrin
Member
puzrin commented Mar 17, 2016

New design by @99fella.


Icons select:

select-icons1

Preview / Customize names:

customize-names

Customize codes (+ ligatures):

customize-codes

customize-codes 1

Collections (library):

select-icons

Demo template:

fontello-dp1


Leave comments if noticed some bugs of missed things.

@puzrin puzrin added the Brainstorm label Mar 17, 2016
@goodinmech

What about a fluid layout for a demo page?

@puzrin
Member
puzrin commented May 26, 2016

Published all sources in separate repo https://github.com/fontello/fontello-design.

@paul2moro

Also, the ability to make the icons bigger/smaller would be a plus.

Also, allowing for multiple config files to be uploaded, to be able to work on multiple font sets without mixing them up.

@paul2moro

also I don't think the new blue theme brings too much in terms of UX. I would've kept it light grey / dark grey + colour where it actually matters (on the buttons).

@taophp
taophp commented Jun 17, 2016

The ligature stuff is really cool for accessibility. Did you planned to go on line with this version soon ?

@JohnEcks
JohnEcks commented Aug 7, 2016

Not sure if this is possible, but I would love the ability to reposition uploaded svgs that don't center properly. This happens sometimes when uploading large svgs with non-square content, even if the artboard is square. It would also be useful to reposition any icons, as sometimes they may be off by a pixel or two compared to others and need tweaks in CSS compared to the rest in our set.

Would also love the ability to scale/resize icons and/or uploaded svg for consistency—individually, for selection, or globally for anything in our set.

Could extend this further from manual tweaks to a "unify" command for size, position or both. Sometimes resizing/repositioning of specific icons with CSS is needed to maintain consistency using font-size or vertical-align, so it would be great to do this while setting up the font so we have less code to bother with later.

It would be nice to preview your icon set in multiple ways too, such as if used alone, small and large scales, with box-shadow, etc, or preview with specific fonts using :before and :after and applying some CSS rules for color, font-size, maybe even transform and such. Could pull fonts in from Google to see how things line up for headings, buttons, anchors, and such.

The more I think of it, this sounds like a new feature set/section. Would probably be time-consuming to make, but I use fontello a lot and this would speed up my workflow, so figured I'd share my ideas.

thanks

@gangoolie

Hi,

Thanks for getting back to me.

I'll confess: I didn't understand half of the terms in your message!

Good luck with the project.

Jordan Rolph

On 7 Aug 2016, at 23:19, John notifications@github.com wrote:

Not sure if this is possible, but I would love the ability to reposition uploaded svgs that don't center properly. This happens sometimes when uploading large svgs with non-square content, even if the artboard is square. It would also be useful to reposition any icons, as sometimes they may be off by a pixel or two compared to others and need tweaks in CSS compared to the rest in our set.

Would also love the ability to scale/resize icons and/or uploaded svg for consistency—individually, for selection, or globally for anything in our set.

Could extend this further from manual tweaks to a "unify" command for size, position or both. Sometimes resizing/repositioning of specific icons with CSS is needed to maintain consistency using font-size or vertical-align, so it would be great to do this while setting up the font so we have less code to bother with later.

It would be nice to preview your icon set in multiple ways too, such as if used alone, small and large scales, with box-shadow, etc, or preview with specific fonts using :before and :after and applying some CSS rules for color, font-size, maybe even transform and such. Could pull fonts in from Google to see how things line up for headings, buttons, anchors, and such.

The more I think of it, this sounds like a new feature set/section. Would probably be time-consuming to make, but I use fontello a lot and this would speed up my workflow, so figured I'd share my ideas.

thanks


You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub, or mute the thread.

@JohnEcks

:)

I'll try and mock something up when I have time to illustrate what I meant.

@zilly
zilly commented Sep 8, 2016 edited

Looking good. How about a bigger searchbox in the upper left?

Its easy to miss a small box with a fast mouse/cursor. (Needs more precision to click on it)

I also agree with paul2moro about the colors.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment