Skip to content

Instantly share code, notes, and snippets.

@colt365
colt365 / css_resources.md
Last active January 17, 2018 19:20 — forked from jookyboi/javascript_resources.md
resources

Libraries

  • 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
  • Compass - Open source CSS Authoring Framework.
  • Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
  • Font Awesome - The iconic font designed for Bootstrap.
  • Zurb Foundation - Framework for writing responsive web sites.
  • SASS - CSS extension language which allows variables, mixins and rules nesting.
  • Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

@colt365
colt365 / 0_reuse_code.js
Last active September 7, 2015 07:23
GistBox skills
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@colt365
colt365 / gist-tips.md
Last active September 7, 2015 07:24
Gist tips

Reproduced from http://www.labnol.org/internet/github-gist-tutorial/28499/

What You Can Do With Gists on Github?

Github is the popular website among software developers for sharing code. The site hosts over 12 million open-source projects — including games, books and even fonts — making Github the largest code repository on the Internet.

Github offers another useful service called Gist that developers often use to dump their code snippets but Gists aren’t just for geeks and coders — they offer something for everybody. If you have ever heard of web apps like Pastebin or Pastie, Gist are similar but more polished, they are free of advertising and loaded with more features.

Gist – They aren’t just for Geeks!

// ==UserScript==
// @name Bilibili 收藏夹备份
// @namespace https://gist.github.com/colt365/
// @description 将 Bilibili 收藏夹备份为 JSON
// @match https://space.bilibili.com/*
// @version 1.0.1.20230714
// @grant none
// ==/UserScript==
let box, favData, run = false;
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document regexp('https?://addons\\.mozilla\\.org/(?![-A-Za-z]+/(firefox|thunderbird)/compatibility/reporter/.+).*') {
.header-bg {
background-color: #414547;
}
.addon-details .header-bg, .home .header-bg {