r/webdev - I made an Icon Explorer with instant searching and font packing on Vite!
Strategy

I made an Icon Explorer with instant searching and font pack…


r/webdev - I made an Icon Explorer with instant searching and font packing on Vite!

Icônes

Searching for an icon should be instant – so I made Icônes for that. (and to celebrate the RC release of Vue 3 and Vite! ?)

It contains over 5,000 icons from 30+ popular open-source icon sets, including Material Design Icon, Font Awesome, or even Twemoji, by the power of Iconify.

Github: https://github.com/antfu/icones

App: https://icones.netlify.app

(Electron version is coming btw 😉

It allows you to browse and search for icons, copy them as url or dataurl, or just download as SVGs. Furthermore, you can select icons you like and pack them into icon fonts that can be directly used in your own websites! To archive that, I even made a library called svg-packer.

There are still a lot of things to be done for it, like Dark mode, PWA, download to IndexedDB, and so on. I would love to hear feedback from you and it would be great if you find it useful 🙂

Hope you like it and have a nice Saturday 🙂

r/webdev - I made an Icon Explorer with instant searching and font packing on Vite!
r/webdev - I made an Icon Explorer with instant searching and font packing on Vite!



Source link

r/graphic_design - First Poster I Made Feedback Request
Strategy

First Poster I Made Feedback Request : graphic_design


Hey everyone! I’m new to Reddit and I thought that I could get some feedback on a poster I made. This is the first poster that I’ve made that is actually being used by a local company! I’m really excited, and I would love any and all feedback.

I made this for a theater company. It’s a poster for a showing they’re doing, “The Outsiders” (some of you may know the movie). Some of the set takes place near a Graffiti wall, which is why I chose this type. I also created the brick background to lay the type on. The image is of the whole cast.

The company wanted an edgy poster. The main colors of the casts’ costumes are red and blue, hence the red and blue coloring of the cast which I added. I also chose the bright yellow not only for contrast, but also because there is a fire in the show (originally there was a fire in the poster, but the company liked this version the best)

r/graphic_design - First Poster I Made Feedback Request



Source link

r/webdev - stripe.com-esque menu in CSS Grid
Strategy

stripe.com-esque menu in CSS Grid : webdev


I am trying to recreate some of the functionality of the menu seen on stripe.com/blog

I would like to create some menus like this for both the mobile and desktop version, but let’s start out with the mobile version 🙂

r/webdev - stripe.com-esque menu in CSS Grid

MobileMenu when unfolded

Here is my current CSS Grid nav in a Codepad

I need an area with links like this to show up when clicking the menu icon. How should I do it?



Source link

r/graphic_design - [Advanced] Typeface nerds, I have a request/question regarding french script fonts
Strategy

[Advanced] Typeface nerds, I have a request/question regardi…


I’ve been looking for hours but I can’t find anything that suits the look, so I figured I’d ask the internet. I’m making a science illustration styled book and I want to use a typeface that is regarded as early 19th century french calligraphy/script. I’ve narrowed it down to style defined as ‘Ronde’; however, a lot of the fonts under ‘French Script’ have overwhelming amounts of flourish on the uppercase. [see below]

r/graphic_design - [Advanced] Typeface nerds, I have a request/question regarding french script fonts

‘Ronde’ style

So my question is does anyone know of any ‘french script’ that has more of a low-key rustic vibe.
I’m looking for something that resembles the below. Pretty standard french script lower-case, but the uppercases are more rustic, and modest. I’m really into this persons handwriting, to me it has a intelligence, clarity and functional intent, though he/she may have been just a regular joe.

I have mostly tried using font searchers, to little avail.

Thank you!

tldr; looking for more ‘low-key?’ uppercase on French script typeface.

r/graphic_design - [Advanced] Typeface nerds, I have a request/question regarding french script fonts
r/graphic_design - [Advanced] Typeface nerds, I have a request/question regarding french script fonts

not looking for the ‘Qouy et Gaimard’ type



Source link

r/webdev - Introducing Reactive Resume v2, the free and open source resume builder!
Strategy

Introducing Reactive Resume v2, the free and open source res…


Hey r/webdev!

I’ve been waiting all week for today (Saturday) to be able to post this here. ?

It’s with extreme excitement, happiness and relief that I can now say, introducing… Reactive Resume v2. With nearly 1.7k stars on GitHub, around 100 closed issues and feature requests, I heard you loud and clear and revamped the project from the ground up, and boy, am I excited to hear what you guys think about this!

Without much ado, here’s the link to the all new Reactive Resume:

https://rxresu.me

r/webdev - Introducing Reactive Resume v2, the free and open source resume builder!

For those of you who are not aware of the project, here’s the cliff note: Reactive Resume is a free, open source, ad-free, private app that focuses on making the mundane tasks of creating, updating and sharing your resume a piece of cake.

Here is a subset of features introduced in the all new revamp:

  • Manage multiple resumes with one account, and sync your data across devices

  • Sign in with Google, or sign in anonymously just to test the app

  • Send your resume to others with a unique sharable link

  • Structure sections and change layouts the way you want to

  • Import your existing JSON Resume in one click

  • Everything is still free, and always will be.

Here is the link to the GitHub Repository, if you’d like to go through the code (it’s in React, hence the name): https://github.com/AmruthPillai/Reactive-Resume and if you have an itch to contribute to the project, it would be extremely helpful to translate the app into your own language so people across the world would be able to use it with ease.

Please do take a few minutes to go through the app, and if you loved it, let me know in the comments below on what could be better. Thank you so much for all the support!



Source link