47个帮你迅速提高的CSS3工具和技巧.docxVIP

47个帮你迅速提高的CSS3工具和技巧/tag.php?name=%C7%B0%B6%CB%C9%E8%BC%C6前端设计, /tag.php?name=CSS3CSS3, /tag.php?name=HTML5HTML5, /tag.php?name=JavaScriptJavaScriptCSS3和HTML5一直最近最火的前端开发技术，本文将笔者测试过的20个CSS3给力工具和27个CSS3给力教程完整发布，希望这些工具和技巧能够助力您的CSS3开发，重要的是您可以马上使用这些技巧和工具或者收藏起来供以后使用。另外，前端开发的相关技术都是相关联的，有些技巧不仅仅是基于CSS，还使用了HTML5，JavaScript或JavaScript库。20个给力CSS3给力工具大放送320 and up E2 v0 C3 [ g( h- S7 C该工具可以阻止移动设备通过微型屏幕风格表下载桌面资产。用不同的窗口大小来使用这个页面，在不同设备上可以看到其运行情况。5 G4 M1 v( p) I0 F. G. s8 O Ahttp://stuffandnonsense.co.uk/projects/320andup/* c. Y$ A4 B3 F/ g生成器该生成器由Eric Hoffman 设计，由Peter Funk编码。http://www.css3.me/CSS 模式生成器( C$ H. L# R3 ~- kPatternify 是一个简单的模式生成器，不仅可以让用户在线创建自己的模式，还可以用64位码输出。因此你根本不需要图像文件。只需将代码包含到CSS中就可以了。工具由Sacha Greif创建。0 A2 ?( X! h# m/页面校准工具Griddle9 t3 M: K: ^7 r6 tV G l# D w- W4 \ XGriddle可以通过简洁明了的方式帮助你校准页面布局。而且没有复杂的表格框架。只需在URL后输入http://griddle.it/1140px方格：在移动设备上流畅运行4 M0 e! h2 e X$ Q+ }% f9 ^3 Z, {1140方格最适合1280显示器。在比较小的显示器上，它会更流畅，也更适应浏览器的宽度。/@font-face FOUT在2011为@font-face FOUT做了更新。好消息：Firefox 4 没有FOUT，IE9具备而且FOUT-b-GONE可以助你解决这一问题。/en/WebINK/fout-b-gone/% x0 Y5 h% I. {. F9 E# gCSS3 Github按钮“CSS3按钮”是一个简单架构，可用于创建GitHub风格的按钮链接。1 S# I6 M3 {$ N3 x8 B! n! ] _2 Jhttp://css3buttons.michaelhenriksen.dk/0 ?8 A1 [1 \( Z; J E% jCSS3 Facebook 按钮# m* R# K# b, N- n Z0 p/lab/css3-facebook-buttons/Minimee在互联网领域，速度就是一切。这意味着当我们面对CSS和JavaScript文件的时候，文件大小是一个重要的要素。Minimee可以自动将最小化以及并对文件进行组合，帮助你化繁为简。/software/minimeeLive.js2 M. X$ j. W( L) C L# i/ i无论你是用HTML，CSS还是JavaScript, Live.js可以让你看到的页面始终是最新版本。/5 f; T* p3 q( k6 d x/ CBootstrap.less S9 q8 Z6 @: m Z f/ g: zBootstrap是一个混合数据包，可用来衔接LESS，CSS预处理程序使web开发工作更迅速更简便。! r S3 ` J+ G6 d/bootstrap/Animatable：为Webkit浏览器创建CSS3动画和广告Animatable 是为Webkit浏览器创建CSS3动画和广告的简单方法。它可运行于任何平台或设备，包括安卓，黑莓，iOS和WebOS。/Ceaser ：CSS动画改善工具, b% v7 S1 c, w: i# s/ceaser/3 a/ L8 C A R# \% J ~ z8 lShower ]6 j0 C! e0 d* Y( ]- A这款工具没有什么保证或说明; s X2 g+ \+ m5 A- S/shower/#Cover M0 y* y) i# S- D3 ZCSS Pivot u+ C$ S7 _2 J这款工具可以让用户为网页增添CSS风格，还可以通过一个链接共享成果。, v; J* S `! V J) A5 a+ p/. t: e( Y$ `, |9 \, ]3 S