mdo/github-buttons

Stars
2,858
Rank 15,882 (Top 0.4 %)
Language
JavaScript
License
Apache License 2.0
Created about 13 years ago
Updated 2 months ago

mdo/github-buttons

mdo

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Showcase the success of any GitHub repo or user with these simple, static buttons with dynamic counts.

GitHub Buttons

Showcase your GitHub (repo's) success with these static buttons featuring links to your GitHub repo or profile page and up-to-date watch, fork, sponsor, and follower counts.

To get started, checkout https://ghbtns.com/!

Bug tracker

Have a bug? Please create an issue here on GitHub at https://github.com/mdo/github-buttons/issues.

Development

Clone the project and install dependencies before getting started. GitHub Buttons require Node.js, Ruby, and Bundler for local development.

npm i
bundle i

The GitHub buttons source code is split across three files in src/—the HTML, CSS, and JS. We use inline-source-cli and html-minifer to include it all in the compiled docs/github-btn.html file. To build this file:

npm run build

The https://ghbtns.com/ site is built with Jekyll. After installing the dependencies, you can run a local server:

bundle exec jekyll serve

Open http://127.0.0.1:4000 to browse locally.

See also

ntkme/github-buttons

Twitter account

Keep up to date on announcements and more by following Mark on Twitter, @mdo.

Author

Mark Otto

Copyright and license

Copyright 2014-2022 Mark Otto. Released under the Apache 2.0 License.

code-guide

Standards for developing consistent, flexible, and sustainable HTML and CSS.

wtf-forms

Friendlier HTML form controls with a little CSS magic.

preboot

A collection of LESS mixins and variables for writing better CSS.

wtf-html-css

Common reasons your HTML and CSS may be fucked.

config

Personal checklist for setting up a new Mac's dev environment.

css-perf

**Archived.** Derping around with measuring CSS performance.

jekyll-snippets

Library of commonly used snippets for Jekyll sites.

github-wide

Userstyle for making all of GitHub completely fluid.

table-grid

Simple CSS grid system using `display: table;`.

ocean-terminal

An OS X Terminal.app profile based on the base16 Ocean theme.

mdoml

An experiment in creating custom HTML elements based on today’s most common interface elements.

sublime-snippets

Custom snippets for Sublime Text 2

twitter-userstyle

Bring the aesthetic of Twitter for iOS to the new Twitter.com.

jekyll-example

Example Jekyll site with basic defaults and Sass enabled.

bsu

Bootstrap University is a hands-on code lab specially designed to familiarize you with building on the Web with Bootstrap by quickly taking you through building an example page with the latest beta version of Bootstrap 3.

bootstrap-css-grid-layout

Attempting to rebuild Bootstrap's grid in CSS Grid Layout.

css-output

Comparing the differences in compiled CSS when using different Sass/Less methods to build reusable components.

mdo-df-css

Custom user style that overhauls the default CSS for daringfireball.net to increase readability.

minecraft

Links, resource packs, and more for my Minecraft setup.

dotfiles

userstyles

Customizations and enhancements for sites and app I love most.