高云墨智 nuysoft

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

http://stackoverflow.com/questions/1178024/can-a-url-contain-a-semi-colon http://www.flickr.com/photos/ecoland/tags/wildatlas%3Ahiking%3Df266/ http://www.quora.com/Is-it-safe-to-use-a-colon-in-the-path-of-a-URL

; 可以用来做 & 的替代
path 中的 : 会被转义
在 HTTP 协议中，冒号已经被用来作为协议的分割符，在参数串里面，尽量不要去占用协议本身具备语义的符号

e.g:

常用的 HTML 头部标签

详细介绍参见原文：yisibl/blog#1

<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 -->
<html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
<head>
    <meta charset='utf-8'> <!-- 声明文档使用的字符编码 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 优先使用 IE 最新版本和 Chrome -->

Most active GitHub users (git.io/top)

The list would not be updated for now. Don't write comments.

The count of contributions (summary of Pull Requests, opened issues and commits) to public repos at GitHub.com from Wed, 21 Sep 2022 till Thu, 21 Sep 2023.

Because of GitHub search limitations, only 1000 first users according to amount of followers are included. If you are not in the list you don't have enough followers. See raw data and source code. Algorithm in pseudocode:

githubUsers

	#!/usr/bin/perl

	# This script is made to show graphs with git commit time made on workweek vs weekend
	#
	# The desription of this script and results of its usage is avaliable at:
	# https://ivan.bessarabov.com/blog/famous-programmers-work-time-part-2-workweek-vs-weekend
	#
	# usage:
	#
	# git log --author="Sebastian Riedel" --format="%H %ai" \| perl script.pl

	/**
	* A way to override RequireJS' loader so as to use request combiners
	* like - https://github.com/rgrove/combohandler
	*
	* If you have multiple dependencies, say [a, b, c], requirejs fires
	* three requests. This modification will allow you to combine these
	* files and make a single request to `combo?a.js&b.js&c.js`
	* On server-side, you can use a combohandler to serve concatinated
	* files.
	*/


	# How to create a favicon with multiple image sizes and keep alpha transparency

	- export your images in the desired sizes (16x16, 32x32 ... max 256x256) as PNGs + alpha
	- install ImageMagick

	Run this command (replacing the .png files for your own images):

	convert favicon-16.png favicon-32.png favicon-64.png -colors 256 -alpha background favicon.ico

	var cv = document.getElementById('cv');
	var c = cv.getContext('2d');
	var txtDiv = document.getElementById('txt');
	var fileBtn = document.getElementById("up-button");
	var img = new Image();
	img.src = 'a.jpg';
	img.onload = init; // 图片加载完开始转换
	fileBtn.onchange = getImg;

	// 根据灰度生成相应字符

	/global document /
	/**
	* define document.querySelector & document.querySelectorAll for IE7
	*
	* A not very fast but small hack. The approach is taken from
	* http://weblogs.asp.net/bleroy/archive/2009/08/31/queryselectorall-on-old-ie-versions-something-that-doesn-t-work.aspx
	*
	*/
	(function () {
	var

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	Version 2, December 2004

	Copyright (C) 2011 subzey <[email protected]>

	Everyone is permitted to copy and distribute verbatim or modified
	copies of this license document, and changing it is allowed as long
	as the name is changed.

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE

高云 墨智 nuysoft

CSS Layout Debugger

常用的 HTML 头部标签

Most active GitHub users (git.io/top)

高云墨智 nuysoft