11个实用的CSS学习工具[转载收藏]
2014-09-30 11:08
495 查看
1. 盒子模型的幻灯片
通过3D转换效果产生的互动的幻灯片。按向左或向右箭头键切换,全屏观看会有更好的效果。2. CSS Diner
通过一个简单的小游戏让你学习CSS selector,输入正确的selector来完成每一关。你也可以通过菜单来选关。3. CSS Selectors 交互
这是一个简单可视化CSS选择器。选择左边菜单中的选择器,选择的条目就会出现在右边。4. 前端Web开发考查
CSS 属性有大小写之分吗?5. The Magic of CSS
这里有6个章节的CSS教程,更深入的教程会慢慢开放。6. Enjoy CSS
一个学习CSS的圣地,它专注于CSS。7. CSS Guidelines
Harry Roberts 已经更新了他的开放资源。之前只是GitHub上的一个库,现在已经有了自己的域名,并且优化并更新了很多资源。8. CSS Triggers…
Chrome开发者Paul Lewis创造了一个页面解析参考,当给定的CSS属性变更时它会发挥自己的作用。例如,一些属性将触发重绘和合成,但不会引发布局。我们可以很容易地通过CSS Triggers来发现这些变化。9. mdo贡献的代码指南
Bootstrap’s的Mark Otto 整理了他自己风格的HTML和CSS指南,这些建议包括属性的顺序,顺序的HTML属性选择器等等。10. Flexplorer
这是一个简单的应用,用来来摆弄各种flexbox特性并查看出现在页面上的实时的完整代码。它有一个很酷的特性,你还可以通过它来编辑页面上的文本框,允许您看到这些变化是如何影响其它内容的。11. CSS Selectors: Targeting HTML Like a Pro
Russ Weakley的新课程,是SitePoint的姐妹网站,这里有超过20个视频介绍的CSS的Selector元素。这不仅仅是一个简约的插件,而且作业是一个真正的CSS专家。所以如果你刚刚开始用CSS和还没掌握选择器,这可能是一个不错的选择。总结
不管你的CSS水平如何,我可以保证这些东西肯定能帮到你,如果你手上有正在进行的相关项目,或是其它不错的资源可以拿出来和大家一起分享。via:gbtags
相关文章推荐
- 11个实用的CSS学习工具
- 11个实用的CSS学习工具
- 11个实用的CSS学习工具
- 11个学习CSS实用工具和资源
- 11个实用的CSS学习工具
- (转载收藏)值得网页设计师&前端收藏的40个实用工具
- 20个超实用的工具学习网站,还不收藏?
- 建模工具Rose的学习(转载:http://www.cnblogs.com/s021368/archive/2008/08/15/1268510.html)
- 转载:转载:转载:10项最佳在线免费学习工具
- 转载一个SAP下载工具的代码,仅用于学习(来源于:http://www.dalestech.com/)
- 转载 Web开发实用浏览器(工具)插件
- 转载:PB工具Catalog视图与Feature管理(摘录) 收藏
- AnyFo - CSS 九阳神功——实用的开发笔记收藏
- 转载一个SAP下载工具代码,仅供学习
- CSS学习笔记之CSS Hack(转载)
- CSS学习笔记之绘制表格斜线(转载)
- 如何:扩展 STSADM 实用工具【转载】
- 转载一个SAP下载工具的代码,仅用于学习(来源于:http://www.dalestech.com/)
- Html中的DIV+CSS的布局学习(转载)
- bintuils 学习 转载网络 收藏 学习