当前位置: 首页 > 编程日记 > 正文

[WebDev]Web 开发与设计师速查手册大全

Cheat Sheet 一词在中文中并没有很贴切的对译,大概是考试作弊条一类的东西,这要求 Cheat Sheet 必须短小精悍又覆盖广泛,作为 Web 开发与设计师,免不了在工作时查询大量资料,某个 Web 色值,某个 JavaScript 库的核心语法,这类资料如果攒齐了,怕有半间屋子那么多,如果用 Cheet Sheet 也许几十页纸就够了,本文收集了近百份用于 Web 开发与设计的 Cheet Sheet,你会发现他们非常实用。

HTML, XHTML, CSS2

CSS2 Cheat Sheet

css_cheatsheet_v2_pg1_small.jpg css_cheatsheet_v2_pg2_small.jpg

不仅是一份完整的 CSS2 速查手册,还让你了解每个属性该怎么用。预览 |  下载 (PDF)

Gosquared CSS help sheets

设计和结构都很整齐,漂亮。下载(PDF)

CHEAT_SHEETS

addedbytes CSS2 Cheat Sheet

该速查手册只有一页纸,包含 CSS 2.1 全部选择器和属性,还包含一个盒子模型示例。下载(PDF | PNG)

css_v2_plain.png

Core css

将 CSS 的核心知识分成3部分,包含了 CSS 的方方面面。下载 (需免费注册)

core css

core css

CSS Shorthand Cheat Sheet

一些不容易记住的 CSS 元素。下载 (PDF)

CSS2 – Quick Reference Guide – PDF  下载(PDF)

XHTML 1.1 Cheat Sheet

XHTML 1.1 细则中涉及到的所有元素与属性。预览 | 下载

CHEAT_SHEETS

Gosquared html help sheets

设计漂亮,结构精良的 HTML 速查。下载(PDF)

CHEAT_SHEETS

HTML Cheat Sheet

一份 A4 纸大小的单页 HTML 速查表。下载 (PDF | PNG)

CHEAT_SHEETS

HTML5 Canvas Cheat Sheet

HTML5 Canvas 对象的速查手册,直接编译自 WHATWG specs 细则,只是更容易阅读一些。下载 (PDF | PNG)

CHEAT_SHEETS

HTML Character Entities Cheat Sheet

HTML 字符标识速查。下载 ( PDF | PNG)

CHEAT_SHEETS

HTML Character Entities Cheat Sheet

该表包含 HTML 4 字符标识,包括 ISO8859-1 (Latin-1)  中的字符。预览 | 下载CHEAT_SHEETS

HTML Colors Cheat Sheet

该  HTML 颜色表包含 1050 种颜色,按色度区分,每个色度包含25中不同饱和度与亮度。还包含216种 Web 安全色。预览 | 下载(PDF)

CHEAT_SHEETS

RGB Hex Colour Chart

RGB 16进制颜色表。包含216种 Web 安全色。下载 (PNG | PDF)

CHEAT_SHEETS

Scripting 速查手册

JavaScript Cheat Sheet

包含 JavaScript 的 的方法与函数,正则表单时,以及 XMLHttpRequest  对象。下载(PNG | PDF)

CHEAT_SHEETS

JavaScript DOM Cheatsheet

JavaScript DOM 结构速查手册。下载(PDF)

CHEAT_SHEETS

jQuery 1.3 Cheat Sheet

jQuery 1.3 速查表。预览 | 下载(PDF)

CHEAT_SHEETS

jQuery Cheat Sheet 1.2  jQuery 1.2 速查手册 下载(PDF)

CHEAT_SHEETS

mootools 1.2 cheat sheet

另一个 JavaScript 库 MooTools 1.2 速查手册。下载(PDF)

CHEAT_SHEETS

prototype 1.5.0  JavaScript 库 Prototype 1.5 速查手册。下载 (PDF)

CHEAT_SHEETS

Prototype 1.6.0.2 Cheat Sheet

JavaScript 库 Prototype 1.6.0.2 速查手册。下载(PDF)

CHEAT_SHEETS

Addison-Wesley’s JavaScript Reference Card

JavaScript 参考手册。下载(PDF)

CHEAT_SHEETS

jQuery selectors

对 jQuery 开发者来说,该速查手册不可或缺,详细列举了 jQuery 所有选择器。下载 (徐免费注册)

CHEAT_SHEETS

服务器端编程

PHP Cheat Sheet (V2)

单页 PHP 参考手册,包含日期格式,正则表达式以及常用函数。下载 (PDF | PNG)

CHEAT_SHEETS

visibone

该站包含2页基本PHP速查手册,以及8页高级速查手册。非免费。

CHEAT_SHEETS

Php 4 Reference Card  PHP4 参考速查手册。下载(PDF)

CHEAT_SHEETS

PHP Cheat Sheet

PHP 比较操作速查手册。下载

CHEAT_SHEETS

Core C# and .NET Quick Reference  C# 与 .NET 速查参考手册。下载(PDF)

CHEAT_SHEETS

ASP.net  ASP.NET 速查参考手册。下载

CHEAT_SHEETS

MS ASP  古老的 ASP 与 VB Script 速查手册。下载(PNG | PDF)

CHEAT_SHEETS

msnet formatting strings 微软 .NET 字符串格式化速查。下载(PDF)

CHEAT_SHEETS

SQL (Structured Query Language) in one page  SQL 语言速查。直接访问

CHEAT_SHEETS

MySQL Cheat Sheet  MySQL 速查。下载(PNG | PDF)

CHEAT_SHEETS

XML (eXtensible Markup Language) in one page XML 单页速查手册。直接访问

CHEAT_SHEETS

XML Syntax Quick Reference  XML 语法参考。下载(PDF)

CHEAT_SHEETS

SEO 速查手册

The Web Developer’s SEO Cheat Sheet

出自 SEO MOZ 的 SEO 速查手册,包括重要的 SEO HTML 标签,搜索引擎索引的限制,Title 标签语法建议等。下载(PDF)

CHEAT_SHEETS

Color Codes

RGB Hex Colour Chart

这张 RGB 16进制颜色速查表刚好可以打印在整张 A4 纸上,包含216种所谓的 Web 安全色。下载(PNG | PDF )

CHEAT_SHEETS

Color Reference Guide  (配色表,下载 PDF)

CHEAT_SHEETS

Web Safe Color Chart  (Web 安全色,下载 GIF)

CHEAT_SHEETS

HTML Colors Cheat Sheet  (预览 | 下载)
CHEAT_SHEETS

RGB Values for Macbeth Color Checker  (Macbeth 色卡之 RGB 色值,预览)

CHEAT_SHEETS

Dreamweaver

DreamWeaver CS4 Keyboard Shortcuts (PC)

DW PC CS4 版快捷键速查手册,下载(PDF)

CHEAT_SHEETS

Illustrator

Adobe Illustrator CS4 Shortcuts (Mac – PC)

Adobe Illustrator CS4 快捷键速查表。下载(MAC PDF | PC PDF)

CHEAT_SHEETS

Indesign

Adobe InDesign CS4 Keyboard Shortcuts (Mac – PC)

Adobe InDesign CS4 快捷键速查表,下载 (MAC PDF | PC PDF)

css-cheat-sheet

Photoshop

Photoshop CS3 Keyboard Shortcut  (hotoshop CS3 快捷键速查,下载 PDF)

css-cheat-sheet

Photoshop CS4 Shortcut Cheatsheets  (Photoshop CS4 快捷键速查,下载 MAC PDF | PC PDF)

css-cheat-sheet

Brush Tool cheatsheetush Tool cheat sheet for Photoshop (Photoshop 笔刷速查手册,下载 PDF)

css-cheat-sheet

Adobe Photoshop Quick Reference Guide (Photoshop 速查手册,下载 PDF)

css-cheat-sheet

Black & White Cheatsheet For Photoshop  (如何在 Photoshop 中处理黑白图,下载 PSD)

css-cheat-sheet

Photoshop Quick reference card  (Photoshop 快速参考,下载 PDF)

css-cheat-sheet

Photoshop Lasso Tool Cheat Sheet  (Photoshop 套索选择工具速查,下载 PDF)

css-cheat-sheet

Photoshop Toolbox Reference  (Photoshop 工具箱参考手册,全部 Flash 格式教程,直接浏览)

css-cheat-sheet

Keys for using the Layers palette   (层操作快捷键,直接浏览)

css-cheat-sheet

Flash

Flash CS4 Keyboard Shortcuts(PC and Mac)

Flash CS4 快捷键速查,下载 MAC PDF | PC PDF

css-cheat-sheet

ActionScript 3.0 Top Level Cheat Sheet

ActionScript 3.0 高阶速查手册,下载 PDF

css-cheat-sheet

本文来源:http://www.tripwiremagazine.com/tools/design/40-must-have-cheat-sheets-for-effective-web-designers.html
翻译整理:COMSHARP CMS 官方网站

转载于:https://www.cnblogs.com/justinw/archive/2010/06/30/1768660.html

相关文章:

android中的回调

1、引子 android中的回调最经典的就是点击事件设置监听(一般通过switch(v.getId()))这里写个最主要的 btn_rigister.setOnClickListener(new View.OnClickListener() {Overridepublic void onClick(View view) {// TODO log in} }…

nodejs回调函数理解

回调实例 问题:想要得到一秒后 计算出的结果 //错误写法function add(x,y) {console.log(1);setTimeout(function () {console.log(2);var ret x y;return ret;},1000);console.log(3)}console.log(add(10,20))添加一个函数作为参数,将计算出来的结果传…

C# 运算符的优先级

优先级由高到低 --(用作前缀); ; -(一元); () ; ! ; ~ * ; / ; % ; - <<; >> < ; > ; < ; > ; ! & ^ | && || ; * ; / ; % ; ; - ; << ; >> ; & ; ^ ;| --(作后缀);转载于:https://www.cnblogs.com/h…

Service Manager 的系统要求

以下各节包含有关 Service Manager 的硬件和软件要求的信息&#xff0c;并基于以下环境。System Center Service Manager 2010 已经过测试&#xff0c;并且正在使用一个支持 80 到 100 个并发 Service Manager 控制台的 Service Manager 管理服务器&#xff0c;测试根据本指南中…

读Lodash源码——chunk.js

The time is out of joint: O cursed spite, That ever I was born to set it right. --莎士比亚 最艰难的第一步 最近学习遇到了些障碍&#xff0c;浮躁浮躁又浮躁。很难静下心来做一件事&#xff0c;北京的寒风也难以让我冷静下来. 之前一直很想找个源码读读&#xff0c;太懒…

使用相对路径时,./、../、../../,代表的什么?

./ 当前目录。../ 父级目录。/ 根目录。 举个栗子&#xff1a; 页面引入js、css等文件&#xff1a; 1.如果about.jsp页面想引入common.css文件&#xff1a; 以about.jsp为基点寻找 直到 和static文件在同一级&#xff1b; 2.如果引入的外部css、js文件又引入image等时&#x…

asyncawait

简单理解 async async就是将方法变成异步 await 是等待异步方法的执行完成&#xff0c;可以获取异步方法里面的数据&#xff0c;但必须得用在异步方法(async)里面 创建异步方法 定义一个普通方法&#xff0c;返回值是一个字符串 function getData() {return 这是一个数据;}co…

引起路由器重启的“元凶”

文章出处&#xff1a;www.net1980.com在我们的日常维护中&#xff0c;偶然会遇到一些路由器自动重启的故障。那么大家都会自然地猜测到是否设备已经运行一段长时间&#xff0c;设备稳定性开始减低。或者可能有工作人员把电源拨松了&#xff0c;又或者设备负荷过重等原因。那么究…

python csv.reader参数指定

转载于:https://www.cnblogs.com/mahailuo/p/8375997.html

xBIM 实战01 在浏览器中加载IFC模型文件

系列目录 【已更新最新开发文章&#xff0c;点击查看详细】 一、创建Web项目打开VS&#xff0c;新建Web项目&#xff0c;选择 .NET Framework 4.5选择一个空的项目新建完成后&#xff0c;项目结构如下&#xff1a; 二、添加webServer访问文件类型由于WexXplorer 加载的是 .w…

node 判断文件夹是否存在

判断文件夹是否存在 let filePath path.join(__dirname,../)/download_tmp/fs.exists(filePath, function(exists) {if(!exists){fs.mkdir(filePath,function (err) {if(err){console.log(err)}})}});生成excle文件到本地 业务要求&#xff1a;生成excle文件到本地的路径 #安装…

IE9 : DOM Exception: INVALID_CHARACTER_ERR (5)

以下代码在IE8下运行通过&#xff0c;在IE9中出错&#xff1a;document.createElement(<iframe id"yui-history-iframe" src"../../images/defaults/transparent-pixel.gif" style"position:absolute;top:0;left:0;width:1px;height:1px;visibilit…

数字家庭开发者中心

数字家庭开发者中心 http://www.adobe.com/devnet/devices/digital_home.html转载于:https://www.cnblogs.com/kobo/archive/2010/07/06/1772136.html

LeetCode 1021:Remove Outermost Parentheses

C语言 char * removeOuterParentheses(char * S){int len strlen(S);int j 0;int sum 0;for(int i 0; i < len; i){if (S[i] (){sum 1;}else if (S[i] )){sum - 1;}if (S[i] ( && sum > 1){S[j] (;j;}else if (S[i] ) && sum > 0){S[j] );…

Koa实现下载excel

Koa实现下载excel #安装 node-xlsx npm install node-xlsx --save实现思路&#xff1a;将生成的excel文件流返回到前端 routes router.get(/mp/push_excle, async (ctx, next) > {await Push.pushGroupExcel(ctx).then(function(res) {// let path resctx.set(Content-Ty…

使用 雨林木风 Ghost XP SP3 装机版 YN9.9 安装 Win7 (SP1)

下载Win7 SP1一段时间了&#xff0c;一直没来安装&#xff0c;今天来安装&#xff0c;由于没有DVD刻录机&#xff0c;不能做成光盘安装发现还不是那么方便。后面想到用雨林木风PE光盘来安装&#xff0c;一步一步 【下面假设是将Win7 (SP1) 将要安装到 C: 盘中】 首先使用 雨林木…

2010中国大陆×××指南,满足你的欲望!

中国大陆指南&#xff0c;满足你的欲望&#xff01; 川渝--椒麻鸡,怪味鸡,棒棒鸡,口水鸡,罐罐鸡,辣子鸡 广东--太爷鸡,越秀鸡,花雕鸡,板栗焖仔鸡,客家盐局鸡,湛江鸡,清远鸡广西--桂林黄焖鸡,梧州纸包鸡,啤酒鸡,泉水鸡 山东--沂蒙光棍鸡,德州扒鸡 云南--汽锅鸡,柴把鸡 贵州-…

iframe元素內嵌页面如何去掉继承的html及body背景色/背景图片

【1】去掉背景色&#xff1a;添加如左的样式 filter:Chroma(Colorwhite); <iframe name"Conframe" id"Conframe" name"back" style"background:#2397E2filter:Chroma(Colorwhite)"></iframe> 转载于:https://www.cn…

ListView style

步骤一&#xff1a;在使用的ListView的activiey里使用android&#xff1a;theme“style/Theme的名字” 步骤二&#xff1a;创建Themes.xml 在Themes.xml里定义的使用的样式。如&#xff1a; 步骤三&#xff1a;在themes.xml使用了styles.xml定义的listView的属性&#xff0c;创…

数据结构和算法-栈

栈可以分为 顺序栈: 数组实现链式栈: 链表实现空间复杂度 栈的空间复杂度: 有一个n个元素的栈, 在入栈和出栈过程中, 只需要存储一个临时变量存储空间, 所以空间复杂度是O(1) 并不是说栈有n个元素, 空间复杂度就是O(n), 而是指除了原本的空间外, 算法需要的额外空间 栈要满足后…

nodejs 根据坐标 标记图片上的姓名列

1.安装 npm install canvas或者使用cnpm install canvas var { createCanvas, loadImage } require(canvas);function drawImageRemark(imgurl,rects,res) {loadImage(imgurl).then((image) > {console.log(image.width)const canvas createCanvas(image.width, image.h…

以太网控制芯片DM9000在2440裸机上终于能正确接收数据了(源代码工程已经上传)...

以太网控制芯片DM9000在2440裸机上终于能正确接收数据了&#xff08;源代码工程已经上传&#xff09; (411.47 K) 该附件被下载次数 168 弄了几天DM9000了&#xff0c;一直不能正确接收数据&#xff0c;郁闷了几天&#xff0c;现在终于行了&#xff0c;高兴一下。 参考了这篇…

ajax post 参数说明

转载于:https://www.cnblogs.com/LuoEast/p/8395086.html

Struts2 2.5版本新配置filter-class

在web.xml 默认代码&#xff1a; <?xml version"1.0" encoding"UTF-8"?> <web-app xmlns"http://xmlns.jcp.org/xml/ns/javaee"xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http://xmln…

正则表达式收集

允许为纯英文&#xff0c;数字和汉字及其组合 /^[a-z0-9A-Z\u4e00-\u9fa5]$/ 微信账号 /^(?!_;)(?!.*?_$)[a-zA-Z0-9_;-]{4,23}$/ openid由28位数字或下划线组成 /^(?!_)(?!.*?_$)[a-zA-Z0-9_-]{28}$/

小D学blend-----如何创建自定义的Tooltip控件

运行环境&#xff1a;blend 4.0或者blend 3.0 silverlight 3.0&#xff08;其实我相信步骤应该是差不多的&#xff09; 语言&#xff1a;C# Tooltip类:它是表示一个长方形的小弹出窗口&#xff0c;该窗口在用户将指针悬停在一个控件上时显示有关该控件用途的简短说明。<p&g…

保护SNMP协议服务安全的三个步骤

在启用了SNMP协议服务 情况下&#xff0c;我们如何来确保这个协议的安全呢&#xff1f;首先我们要及时更新这个协议的补 丁&#xff0c;之后还要对这个协议的流程进行过滤。那么具体的实施情况请从下文我们来了解一下吧。 保障SNMP的安全如果某些设备确实有必要运行SNMP,则必须…

使用Python命令创建jenkins的job

目的&#xff1a;通过调用jenkins的命令&#xff0c;动态创建jenkins的job 如何使用&#xff0c;使用Python的脚本&#xff0c;更多API可以进入到官网去查看&#xff0c;http://jenkinsapi.readthedocs.io/en/latest/ 使用Python调用jenkinsAPI&#xff0c;首先需要安装包&…

sublime运行错误

这是由于没有保存文档导致说明&#xff1a;[Finished in 19.4s with exit code 1]-表示执行时间[shell_cmd: python3 -u "/Volumes/B/我的工作文档/case/superman_wap/进单/MSjindan.py"]-表示执行的shell命令[dir: /Volumes/B/我的工作文档/case/superman_wap/进单]…

js 使用filter过滤多重数组

过滤如下数据 var comment_list [{"content":"1111","status":1,"sub_comment_list":[{"content":"11111111","status":1,}] }, {"content":"2222","status":1,"…