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

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

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

HTML, XHTML, CSS2

CSS2 Cheat Sheet

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

Gosquared CSS help sheets

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

CHEAT_SHEETS

addedbytes CSS2 Cheat Sheet

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

本文资料来源:http://www.tripwiremagazine.com/tools/cheat-sheets/front-end-web-developers-toolbox.html

相关文章
|
2天前
|
前端开发 JavaScript Java
计算机Java项目|基于Web的足球青训俱乐部管理后台系统的设计与开发
计算机Java项目|基于Web的足球青训俱乐部管理后台系统的设计与开发
|
4天前
|
传感器 小程序 搜索推荐
(源码)java开发的一套(智慧校园系统源码、电子班牌、原生小程序开发)多端展示:web端、saas端、家长端、教师端
通过电子班牌设备和智慧校园数据平台的统一管理,在电子班牌上,班牌展示、学生上课刷卡考勤、考勤状况汇总展示,课表展示,考场管理,请假管理,成绩查询,考试优秀标兵展示、校园通知展示,班级文化各片展示等多种化展示。
27 0
(源码)java开发的一套(智慧校园系统源码、电子班牌、原生小程序开发)多端展示:web端、saas端、家长端、教师端
|
12天前
|
关系型数据库 MySQL PHP
PHP的生命周期:从诞生到现代Web开发
本文将探索PHP的发展历程,从其最初的设计目标到成为现代Web开发的核心语言。我们将深入了解PHP如何适应不断变化的技术环境,并保持其在开发者社区中的受欢迎程度。
|
3天前
|
Dart 前端开发 JavaScript
Flutter for Web:跨平台移动与Web开发的新篇章
Flutter for Web是Google的开源UI工具包Flutter的延伸,用于构建高性能、高保真的跨平台应用,包括Web。它基于Dart语言和Flutter的核心框架,利用Skia渲染引擎通过WebAssembly在Web上运行。开发流程包括安装SDK、创建项目、编写Dart代码和部署。性能优化涉及减少渲染开销、代码压缩等。与传统Web框架相比,Flutter for Web在开发效率和性能上有优势,但兼容性和生态系统尚待完善。
11 0
|
5天前
|
JavaScript 前端开发 UED
在Web开发中,拖放(Drag and Drop)和动画效果是提升用户体验的重要工具
【6月更文挑战第12天】本文介绍了如何使用JavaScript实现拖放功能和基本动画效果。拖放功能通过监听mousedown、mousemove和mouseup事件,计算并更新元素位置实现。动画效果则利用requestAnimationFrame函数创建平滑移动的视觉效果。示例代码包括HTML结构和对应的JavaScript实现。
19 1
|
5天前
|
JSON 前端开发 Java
Go Web 开发 Demo【用户登录、注册、验证】(4)
Go Web 开发 Demo【用户登录、注册、验证】
|
5天前
|
存储 前端开发 中间件
Go Web 开发 Demo【用户登录、注册、验证】(3)
Go Web 开发 Demo【用户登录、注册、验证】
|
5天前
|
Go 数据库
Go Web 开发 Demo【用户登录、注册、验证】(2)
Go Web 开发 Demo【用户登录、注册、验证】
|
5天前
|
前端开发 数据库连接 Go
Go Web 开发 Demo【用户登录、注册、验证】(1)
Go Web 开发 Demo【用户登录、注册、验证】
|
7天前
|
前端开发 测试技术 数据库
Ruby on Rails:快速开发Web应用的秘密
【6月更文挑战第9天】Ruby on Rails,一款基于Ruby的Web开发框架,以其高效、简洁和强大备受青睐。通过“约定优于配置”减少配置工作,内置丰富功能库加速开发,如路由、数据库访问。活跃的社区和海量资源提供支持,MVC架构与RESTful设计确保代码清晰可扩展。高效的数据库迁移和测试工具保证质量。Rails是快速构建Web应用的理想选择,未来将持续影响Web开发领域。

热门文章

最新文章