刘卿 Johnqing

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

常用的 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 -->

###移动技术

根据mobileTech项目整理而成，原文地址。

####webapp实践的总结

It’s not a web app. It’s an app you install from the web.

当前 WEB APP 开发的最佳实践

Openshift —— 强大的免费nodejs空间！（含免费二级域名）

简介

网址：https://www.openshift.com/

redhat 旗下站点，提供多种语言的免费云空间。

创建属于你的Nodejs站点

如何创建

免费注册用户

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

	# Change YOUR_TOKEN to your prerender token
	# Change example.com (server_name) to your website url
	# Change /path/to/your/root to the correct value

	server {
	listen 80;
	server_name example.com;

	root /path/to/your/root;
	index index.html;

	function getCommonParent(el1,el2){

	var parents1 = [];
	var el = el1;
	while(el) {
	parents1.unshift(el);
	el = el.parentNode;
	}

	var parents2 = [];

	import sublime, sublime_plugin, os, re

	class FileNameComplete(sublime_plugin.EventListener):

	def on_query_completions(self, view, prefix, locations):
	completions = []
	sel = view.sel()[0].a

	if "string" in view.syntax_name(sel):
	pass