Opentype.js VS Social Share Preview

With an SVG we can define our image as code, which is pretty neat. But SVG is not able to wrap texts. We can use opentype.js to calculate the width of our texts and to wrap it manually. Finally we have to convert the SVG to a PNG, because the most of social media platforms do not support SVG. This approach could work, but requires a lot of code and it is very complicated. - Source: dev.to / over 1 year ago

The repo is public so you can take a look if you're curious. I used opentype.js to convert the font into SVG in real-time. It was a PITA. Source: about 2 years ago

Few minor accessibility issues. https://wave.webaim.org/report#/https://propbox.co/ Bunch of front-end security issues. Some of these are trivial, but also... Why not just knock them out? https://securityheaders.com/?q=https%3A%2F%2Fpropbox.co%2F&followRedirects=on The Privacy page is a nightmare, as others have pointed out. Why do this? Won't work with screen readers, won't let users copy text... it's bad.... - Source: Hacker News / 11 months ago

You can check things before you share using this: Https://socialsharepreview.com. Source: about 1 year ago

Eleventy is great. It’s a static site generator written in JavaScript, for “Fast Builds and even Faster Web Sites.” It’s 10 to 20 times faster than the alternatives, like Gatsby or Next.js. You get all of your content statically rendered and ready to be CDN-delivered. You needn’t worry about server-side rendering to get those pretty social share unfurls. And, if you have a large data set, that’s great — Eleventy... - Source: dev.to / about 1 year ago

Now we can test the results with socialsharepreview. - Source: dev.to / over 1 year ago

For testing our changes on localhost we are going to use this Extension. - Source: dev.to / over 1 year ago