css-in-readme-like-wat
shields
css-in-readme-like-wat | shields | |
---|---|---|
3 | 137 | |
5,124 | 24,157 | |
- | 1.0% | |
2.5 | 9.8 | |
4 months ago | 5 days ago | |
JavaScript | ||
- | Creative Commons Zero v1.0 Universal |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
css-in-readme-like-wat
- CSS-in-readme-like-wat: Style your readme using CSS with this simple trick
-
When SVG almost got network support for raw sockets
SVG is crazy. Have you ever seen an animated SVG in a GitHub readme? Check it out: https://github.com/sindresorhus/css-in-readme-like-wat
- Show HN: Supershields.io β smart, Lua-powered SVG status badges
shields
-
GitHub Makeover: Create a Profile README That Stands Out and Connects! π¨βπ»
π‘οΈ GitHub Badges: Add eye-catching badges to highlight skills and achievements.
-
Deploying Mancala with Minikube β A beginners guide
Shields IO
-
Level Up Your GitHub Profile: A Complete Guide to Stand Out and Shine
Icons: Add icons for tools and programming languages using services like Shields.io.
-
Shields is 10 years old (2023)
Shields opened my eye to a fascinating new potential shape of project.
Sometimes a project depends on hundreds of even thousands of custom integrations. Think about a something like TripIt - it works by accepting forwarded emails from different travel reservation sites, but that means somebody has to write hundreds of custom email parsers for those sites and then update them on a continuous basis.
This is prohibitively expensive and frustrating and difficult to do.
... and then Shields came along and did exactly that by making it open source and using open source development processes to maintain those integrations with the help of hundreds of collaborators: https://github.com/badges/shields/tree/master/services
I've been keeping an eye out for similar shapes of project ever since I noticed this. It feels like there's a lot of potential here.
-
WTF is a GitHub Profile README.md
If you want to make it look a bit fancier you could add some nicely styled badges! There are generators for static and dynamic badges like https://badgen.net/, https://shields.io/, and https://forthebadge.com/. You can make your own too, a badge is just a markdown-rendered image.
-
GitHub profile of the day: Juan Camilo SΓ‘nchez Urrego
He has many Shields badges
-
Personalizando o README do seu projeto
Veja no site shields.io. Segue as que eu mais uso:
- Finally! Colorize ChatGPT Output with AImarkdown Script
-
oImprove your README.md profile with these amazing badges π
It's only possible because of Shields Project, Simple Icons & beloved all Contributors. We do respect & love our all contributors.
-
README or I'll devour you: How to write a good README
Badges are a great visual, and there are all kinds of badges. You just have to go to https://shields.io/, copy the code of the desired badge, and add it to your repo. You can use a badge to demonstrate the project's license, for example:
What are some alternatives?
elegant-cli - β¨ Build SEO-friendly websites, super fast full-stack web applications, and much more with Elegant. π Built with Next.js, TipTap, Tailwind CSS, and more.
markdown-here - Google Chrome, Firefox, and Thunderbird extension that lets you write email in Markdown and render it before sending.
lightspark - An open source flash player implementation
simple-icons - SVG icons for popular brands
shumway - Shumway is a Flash VM and runtime written in JavaScript
github-readme-stats - :zap: Dynamically generated stats for your github readmes
gopher-lua - GopherLua: VM and compiler for Lua in Go
mpv-image-viewer - Configuration, scripts and tips for using mpv as an image viewer
MSPaintIDE - Programming in MS Paint
markdown-badges - Badges for your personal developer branding, profile, and projects.
d2 - D2 is a modern diagram scripting language that turns text to diagrams.
react-pdf - π Create PDF files using React