hosshams

Nice collection. I’m building a free OG image generator at https://tinapps.com/design/og-image and will use this as inspiration for adding more templates.

Yes, I use opentype.js for this purpose.

This is a very good idea. Thanks for sharing it. I'll definitely implement it for the next version.

For font-picker, we have enough horizontal space. I might add another sidebar where you can preview and search font-families. I'll redesign the UI for the next version.

That's right. I'll populate the dropdown with all fonts that coming from Google Fonts API. I'll add this to my todo list.

Yeah, I tried a few combinations of dominant-baseline and text-anchor attributes, but couldn't find a combination that works for all emojis. I need to find SVG set of emojis to fix this problem instead of using them as a simple text. I'll look into this in the next version.

Sorry about that. Will update the tool in a few days to include a font-size selector.

Font-weight and italic is also in the list ;)

Thanks for reporting these issues.

Emojis are using the native emoji list from your machine. I should check the emoji-picker documentation to see why this happening. I'll see if I can find an emoji picker that returns SVG. That would solve this issue definitely.

Regards sizing, yeah, the text size is fixed at 80px. I'll add a control to change the font-size in upcoming updates.

Glad you like it so far. Will try to improve the tool soon.

I might create a list like Google Font where you can preview all fonts for your Startup initials or search for a specific one. This should be a better UI than the current one I guess.

Yeah, the dropdown is not very well accessible. I'll use another autosuggestion component or improve this one for the next update.

This is on my todo list. Will add this one soon (maybe next weekend)

Exactly. Sorry about that, should have included this one before sharing it here. I have font-size support for version 2.0, but I might be able to update the tool during the weekend to add font-size and a couple more minor issues.

Thanks for reporting this issue. Currently, the font-size is fixed to 80px. I'll add an option to change the font-size in version 2.0.

As you discovered, you can use any Google Fonts. I have custom font on my todo list. Stay tuned for version 2.0

Put it right onto my todo list. Thanks for the suggestion.

Hi,

You can check the browser supports on https://caniuse.com/link-icon-svg

You can download the PNG version to create favicon for older browsers, but it's something we'll cover in the next version. There would be a "Download All" option with all required PNG sizes, and a sample html file with higher priority for the SVG version. So modern browsers would use the SVG version, and old browsers uses the PNG files.

Hi,

I use https://opentype.js.org/ to convert a font to path.

As you can see in https://caniuse.com/link-icon-svg all modern browsers support SVG favicon right now (88% of users globally). You can also download the PNG version to support wider audience. In the next version, I'll include support to download PNG version for all required sizes, with a sample html page and manifest.json file.

Also, support for dark mode is in my todo list.

There's a good article on this here https://medium.com/swlh/are-you-using-svg-favicons-yet-a-gui...

This is actually a very good suggestion! Will save tons of time. Personally, to decide what font I'd like to use, I open Google Fonts, enter my letter (e.g. F), and then scroll down the list of fonts to pick my desire one.

I like you suggestion very much, I'll add this to my suggestion list and would implement this one for version 2.0.

Thank you.

Sorry about that. Sometimes, it's down for a minute or two. Not sure why this happens; shared hosting.

Hey everyone,

Today, I'm launching http://bareproduct.com as the second product of my challenge to launch 12 startups in 12 months. I developed it over the last couple weeks and populated it with some data to be ready for launch day.

Bare Product is a place for brave makers to share numbers behind their products, and a source for curious people to follow a journey of success or failure. Of course you can find those numbers scattered around the web, but it wouldn't be nicer to have a single source for such information?

Do you have a website and you are open enough to share some private numbers? Go ahead and submit some of your interesting numbers. Also, You can generate few visitors regularly.

So, what do you guys think? Will be a place you like to share and follow numbers?

Thanks for your feedback. I really appreciate it.

1) You're right. I usually search in Dribbble instead of Google. Actually, I have a plan to make it bigger by supporting inner pages if I see potential in this area. So users can submit any page on the website such as pricing page, about, contact, login, register, etc.

2) Oh no, I create screenshots manually. Later, I'd take a look into https://html2canvas.hertzen.com/ to see if I can implement it for the submit page. To change the screenshot, simply browse and select another image. It'll override the previous selected image.

3) That's right. That's the criteria I needed it for myself. I'm developer of TheSaaS template which is a block-by-block template (http://thetheme.io/thesaas/block/). I need to find new blocks for new updates and this criteria would help me a lot in future searches for inspirations. Adding this criteria to the homepage is in my todo list. Actually, I need to implement a better filter and search mechanism.

I do. I want to share the link on HN tomorrow. You can see the post here: https://medium.com/@hos.shams/im-going-to-launch-12-startups...

Hey HN,

This is the first product I'm launching as part of my 12 startups in 12 months challenge. It sounds like yet another listing website, but I needed a fast and simple start point to make sure I'm really starting the 12in12 journey.

Landub – https://landub.com – is a landing page hub for designers, marketers, and startup owners. A source of inspiration to view latest landing page designs and find your next landing page template.

Hope you find it useful and nice feedbacks are very welcome :D