@thinker I honestly don't know since I never code for email. π maybe this article helps to find an alternative solution? https://css-tricks.com/a-guide-o...
If you submit an issue on Github (https://github.com/mxstbr/sharin...) or ping me via email (contact at my handle dot com) I'm sure we can get this resolved, and maybe even add an email mode!
Really good. I've pretty much used the same thing, but this is way more easier to generate it. What if the SVG's are inline in CSS instead? The html code might be easier to manage. Like this:
background-image: url("data:image/svg+xml;base64,...
Also a Middleman or Jekyll extensions would be cool to make it even easier to implement.
Wow, this is amazing. Probably the best thing about it is that the SVGs are created in-HTML, so as to avoid extra requests and possible referrer-tracking from requesting it from another website. The buttons themselves (and the GUI to create them) are beautiful.
The only thing I'm wondering about is what the 12 HTTP Requests is referring to?
@laef if you were to include those sharing buttons in the standard, recommended way the client would dispatch 12 HTTP requests for getting all the files! Thanks for the praise!
@saijo_george what do you think is missing? π WordPress/Jekyll/Metalsmith/β¦ plugins, templating language mode (i.e. insert URL and text via Liquid tags/PHP/β¦), more networks,β¦ Lot's to do!
Awesome tool! Will definitely be using these on my next projects. One quick question, is there any possible way to add Instagram onto this? Just with Instagram growing so much and having more engaged users, it's very important from a marketing standpoint.
@estraschnov I'll happily work with you on that! We basically leverage Reacts inbuilt renderToString method to render the buttons to a string. Send me a quick email to contact at my handle dot com and let's make it happen!
Clean and light. But I have a suggestion for CSS to look more like the standard social icons from AddThis and ShareThis:
.resp-sharing-button {
border-radius: 3px;
border-width: 1px;
margin: 0.1em;
padding: 0.5em 0.5em;
}
.resp-sharing-button__icon svg {
width: 1.75em;
height: 1.75em;
margin-bottom: -0.3em;
}
Dropbox DocSend