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.
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.
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!
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;
}
@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!
@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!
Replies
MyNFT.fyi
Country OS
MyNFT.fyi
Swat.io
Makerpad
GraphCDN
Perimeter
background-image: url("data:image/svg+xml;base64,...
Also a Middleman or Jekyll extensions would be cool to make it even easier to implement.GraphCDN
GraphCDN
dinely
GraphCDN
GraphCDN
Diky
GraphCDN
New Room for Google Meet
FindALostPet
GraphCDN
FindALostPet
Freightos
Monese
Notion
GraphCDN
Prox
GraphCDN
GraphCDN
tl;dr Marketing
GraphCDN
tl;dr Marketing
GraphCDN
Dropbox DocSend
GraphCDN