6 ms·
Show HN: Minimalistic “Fork Me on GitHub.”
- dannyw 9y agoDesign suggestion: increase the padding of the GitHub logo. It looks quite crowded.
- muzzammildotxyz 9y agoPlease feel free to contribute.
- Tepix 9y agoFYI, the "original" ribbons are at https://github.com/blog/273-github-ribbons https://github.com/blog/273-github-ribbons They use PNG images which are around 8kb. The SVG from this project (which lacks the text) is 1kb.
- TazeTSchnitzel 9y agoOne of the annoying things about images of this kind is their bounding box is twice the size it should be.
- muzzammildotxyz 9y agoThanks, but I knew that already and didn't like it. So I thought an OctoCat would send the same message as "Fork me on Github" :) That's why it does not have any text.
- BenjaminBini 9y agoOn my screen I can see color difference between the Octocat and the background (on your demo website).
- deam 9y agoThat's correct. The svg background-color should be changed to #F9F9F9.
- muzzammildotxyz 9y agoI'll fix that thanks.
- muzzammildotxyz 9y agoPlease feel free to contribute. I'll fix that thanks.
- muzzammildotxyz 9y agohttps://github.com/muhammadmuzzammil1998/OctoCSS/commit/246c90d7bb7fa3f5d6eb0c641d130e3f5346a03b https://github.com/muhammadmuzzammil1998/OctoCSS/commit/246c... Its fixed :) Thank you for noticing that.
- zichy 9y agoHere's another minimalistic approach: <a href="https://github.com/yourname">Fork me on GitHub</a> You can now use the <a> tag anywhere in your code.
- asuzuki 9y agoUnbelievable! It just works. </sarcasm>
- nebabyte 9y agoIt even works with fluid designs. We call it liquid courage
- muzzammildotxyz 9y agoIt is the minimalistic approach. :D
- hashmal 9y ago"minimal*" is a word that is used a lot nowadays, but you sir, really got the gist of it.
- muzzammildotxyz 9y agoThat, sir, is truly <em>THE</em> minimalistic, easy, and with cross-browser compatibility approach I have ever seen. Thanks :)
- chrismorgan 9y agohttp://tholman.com/github-corners/ http://tholman.com/github-corners/ is another, which gives you straight SVG to inline. This one with a couple of minutes of minification and inlining comes to about 1 170 bytes (no gzip); that one after similar time comes to about 985 bytes and more accessible (see its aria-label/aria-hidden) if you remove the fancy animation which is a bonus. (I confess I’m addicted to shaving bytes.)
- bfred_it 9y agoMuch better design too, regardless of size.
- muzzammildotxyz 9y agoYup.
- muzzammildotxyz 9y agoYes it looks good with the animation... If I knew about this one I probably would not have wrote OctoCSS... Thanks anyway... :)
- deleted 9y ago[deleted]