25个有用的HTML5/CSS3的工具和资源,提示表

HTML5是一个标准的结构和呈现的网页内容和合并功能,如视频播放和拖和下降,此前一直依赖第三方浏览器插件,如Adobe Flash和微软Silverlight。如果你正在跟踪最近的新闻,许多新的网站选择HTML5标准,并带来了许多新的功能。今天,我们已经聚集了一些HTML5工具,提示表和资源,帮助设计师了解HTML5和CSS3的名单。

 

推荐文章:

 

CSS3 Selectors Test

CSS3选择器测试自动测试您的浏览器与大量CSS3选择器的兼容性。如果它是不兼容的,它会告诉你,你甚至可以检查每个CSS选择的结果,给你一个例子,一起进行测试的解释。

001

 

HTML5 Security Cheatsheet

如果您正在寻找一种方式来学习的HTML5的cheatsheet包含您想了解和学习关于HTML5的所有细节。

002

 

CSS3 Please!

请CSS3的是一个跨浏览器对CSS3规则发生器。使用CSS3请,您可以编辑这个CSS文件中带下划线的值,但不用担心,确定相应的值相匹配,这是所有自动地为你完成。只要你愿意,你可以此页的全部或部分复制,并粘贴到自己的样式表。

003

 

HTML5 Gallery

HTML5的画廊展示网站使用HTML5的标记,所以,我们可以看到人们如何解释的规范和他们是如何实现它。HTML5的画廊的另一个主要目的是帮助人们了解HTML5,以及它是如何应使用,以及如何实现它。

004

 

HTML5 CheatSheet

你需要知道的一切关于HTML5功能和其他信息,是目前在本表包括目前支持的所有的标签,他们的描述,它们的属性,他们在支持HTML 4。

005

 

CSS3 Generator

CSS3的发电机是一个很好的工具,它可以帮助你创建和自定义多个CSS3的效果。只是滚动下拉菜单,选择创建或定制你想要的效果。CSS3的发电机将完成剩下的工作。

006

 

CSS3 Transforms

CSS3的变换是另一个在线CSS3的工具,它可以帮助你旋转,缩放,倾斜,否则转换HTML元素的CSS
3。一旦你打开该网站,你可以自定义2D变换和动画,根据自己的需要,然后测试它。

007

 

Web Browser CSS Support

此文件是一个网页浏览器的标准支持文档的部分。它包括在主流浏览器对CSS的支持的详细信息。

008

 

IE Print Protector

IE浏览器打印Protector是一块让您打印HTML5的页面在Internet Explorer的JavaScript。IE打印保护IE浏览器屏幕上和打印正确,渲染HTML5元素。它还包含的信息显示HTML5的支持对Internet Explorer的早期版本的内容。

009

 

HTML5 Revision Tracker

HTML5的修订跟踪可以帮助您比较两个HTML5的网站,并找出差异。

010

 

HTML5 Visual Cheat Sheet

HTML5的cheatsheet文件是一个优秀的网页设计师和开发,其中包含所有的HTML标签和其相关的属性的HTML版本4.01和/或5支持列表。

011

 

Power of HTML5 and CSS3

HTML5和CSS3的权力,是一个很好的文章,其中包含一切您需要知道的关于HTML5和CSS3。你甚至可以找到,而不是使用旧标准的HTML5和CSS3的优势。

012

 

HTML5 Canvas Cheat Sheet

HTML5的画布的小抄包含几乎所有的开发人员和网页设计师可以使用HTML5的画布元素。

013

 

HTML5 Pocket Book

HTML5的袖珍书包含所有基本的HTML5编码和元素的需要,作为一个设计师。

014

 

CSS3 Gradient Generator

CSS3的梯度生成器创建基于CSS的梯度电源作为展示以及为开发人员和设计工具生成CSS中的梯度。CSS的梯度产生的图像结果,这意味着一个CSS渐变的结果,可以在任何地方使用,可用于图像,是一个背景图片,面具,边境,或列表项子弹。

015

 

Border Radius

边界半径是一个很好的工具,它可以帮助你创建圆角边框的矩形使用CSS3和HTML5。只需键入HTML5/CSS3编码,它会给你预览的变化。

016

 

Modernizr

Modernizr的是一个小而简单的JavaScript库,它可以帮助你把新兴的网络技术的优势(对CSS3,HTML 5),同时仍保持控制较旧的浏览器可能不支持这些新技术的精细程度。Modernizr的让你的目标样式表中的特定浏览器的功能。

017

 

CSS Template Layout Module

此模块包含CSS和它是什么能够了解你需要的一切。根据抽象的,“CSS是一个简单的声明性语言,用于创建指定渲染HTML和其他结构化文档的样式表。”

018

 

CSS3 Previews

CSS3的预览包含新特性和功能,对CSS3提供如边框,背景,文字特效等一些样品展示

019

 

CSS3 Generate (2)

这个简单的CSS发生器帮助您了解由WebKit介绍CSS3的能力。该示范工程基于WebKit的浏览器,如Safari,移动Safari和铬。

020

 

Font Dragr

字体Dragr是一个优秀的HTML5驱动的Web应用程序,使用户能够测试自定义字体。该实用程序允许您拖动和拖放到网页预览字体会看起来如何在多个浏览器,如安装的字体。

021

 

CSS3 Cheatsheet

CSS3的小抄包含的所有属性,选择的类型,并在当前的CSS 3 W3C规范允许值的完整列表。

022

 

CSS3 Color Names

CSS由不同颜色的约147名。这个列表包含了所有的色彩名称和十六进制和整数的值。

023

 

Web Designer’s Browser Support Checklist

网页设计师的浏览器支持的检查清单中包含了所有最新的CSS3和HTML5功能的浏览器存在兼容性。

024

 

Sizzle

一个开源的JavaScript CSS选择器引擎设计是很容易下降到一台主机库。

025

 

原文:http://smashinghub.com/25-useful-html5css3-tools-cheat-sheets-and-resources.htm