您好,游客注册登录繁體
首页 >> css3 >> CSS3相关学习资源酷站(网站)大全|webAPP前端学习资料

CSS3相关学习资源酷站(网站)大全|webAPP前端学习资料

Tyna 2015-05-15 0
浏览次数1356

 
在学习cSS3和HTML5路上,少不了一大堆有用的学习资源站点。添加到我们收藏夹里面也是一份宝贵的资源。下面是25学堂的小编为大家整理收集一些有用的CSS3学习资源酷站大全。
 
移动互联网营销.jpg (500×330)
 
第一部分:CSS相关学习酷站:
 
1、I Like Your Color输入URL然后它会抓出其中的颜色并用16进制表示。
 
2、使用CSS和一个图片创建出一个翻转按钮的样式。
 
3、
 
4、Ruthsarian Layouts6个CSS页面布局模板,包括颜色、标题等。
 
5、Bluerobot Layout Reservoir2栏和3栏的CSS布局框架
 
6、Glish CSS Layout techniques2、3、 4栏的CSS布局框架
 
7、The Layout-o-matic输入页宽、栏数和padding,它会自动生成CSS和HTML的布局框架。
 
8、上提供的那些布局模板
 
9、各种免费的完整页面模板
 
10、Web Builders’ Toolkit更多的模版资源
 
11、
一个CSS菜单生成器:轻松创建采用li并兼容各种浏览器的导航菜单。


 
12、HTML5开发资源和开发教程
 

 
css3ps.jpg (569×405)
 
第二部分:CSS3优化整理资源
 
CSS Formatter and Optimiser能让你选择你的CSS更易读还是更小。
 
CSS Compressor使用这个工具可以压缩你的CSS使之提高载入速度和节约带宽。
 
多种途径来清理并压缩你的CSS,牺牲了可读性来获得相当程度的优化和尺寸的减少。
 
CSS Compressor

CSSTidyCSSTidy 是一个开源的CSS解释器和优化工具
CSS Tweak ~ Web Based CSS Tweaker!CSS Tweak 会优化你的CSS以减少文件大小和下载时间。
 

Format CSS Online自动格式化你的CSS使之便于阅读和编辑
 
CSS Optimizer 优化并减少CSS的文件尺寸
 
Online CSS Optimiser/Optimizer这个工具用于优化CSS代码。
 
Tabifier使HTML和CSS代码变漂亮。
 
有一个CSS参考手册,你还可以在上面测试你的CSS代码
 
CSS hack浏览器兼容一览表 (就是w3cn.org 上的那个)
 
 

25学堂的前端工程师跟大家分享2个知识点:
 
一定要会用谷歌浏览器或者是火狐浏览器的 查看元素 属性功能。 通过该功能,我们可以很清楚的分析出目前所;浏览器的网页或者是移动网页的相关代码技能。也是一种不错的学习方式。
 
CSS3TransitionandAnimation-4.jpg (550×299)
 
第三部分: 相关好用的移动端的jQuery插件
 
 1. Fly-out menu
 
飞出的菜单,一个非常优秀的使用加大字体的方式展示重点内容的插件。
 
2. Grid portfolio一个非常优雅的使用快速预览内容的方式来展现项目的插件。建议:和其它改变大小的元素一起使用,这样用户可以看到他们重新安排。
 
3.  滑出风格的上下文提示使用平滑动画的扩展工具提示,能够提示更多地内容。提示:使用图片显示几个产品,或者用来高亮介绍你的作品集。
 
 4. Quicksand – 排序和过滤这个插件是一个非常不错的动画排序和过滤排序插件,我们曾经使用它开发过很酷的html5应用。你肯定会喜欢。
 
有点老,不过很酷的插件。添加简单和吸引人的方式来变化网站或者一部分。
 
互动的地图,提供扩展使用。包括世界地图,美国,欧洲和德国地图。
 
7. Shuffle letters effect非常不错的一个文字动画特效,这里查看原文翻译。
 
8. Mosaiqy – 图片随机插件帮助你在一个网格中显示图片,并且使用Rubik‘s cube方式来随机展示。
 
9. Sponsor wall flip虽然我们称之为Sponsor wall flip, 其实它还有其它的用处。 展示logo并且能够让你反面展示一定得介绍内容。
 
10. 多彩的jQuery时钟添加了一个多彩时尚的时钟到你的设计中,也可以用作一个新网站上线的倒计时。
 
学习来源:http://www.25xt.com/html5css3/8304.html
 

全部评论:0

需要登录才能发表评论!

需要 登录 才能发表评论

<