Web的流行素

Web的流行素

Transcript

1. Web流行素 Blog：http://www.w3cplus.com Q Q: 81059347
2. Web流行素 • Web的演变 • CSS3的使用 • CSS预处理器 • 前端框架 • Responsive设计 • 视差滚动 • 单一网页 • 全屏背景 • Metro时代 • 移动端
3. ——Web的演变
4. ——CSS3的使用 border-radius box-shadow text-shadow gradient Media Queries Rgba & opacity Text-overflow Word-wrap @font-face Box-sizing Background transform transition animation http://www.w3cplus.com/resources/css3-tutorial-and-case flexbox
5. ——CSS3的使用 Border-images Border-colors Multi columns Calc() http://www.w3cplus.com/resources/css3-tutorial-and-case
6. ——CSS预处理器 http://lesscss.org/ http://www.lesscss.net/
7. ——CSS预处理器 http://sass-lang.com
8. ——前端框架 http://twitter.github.com/bootstrap http://www.w3cplus.com/source/the-best-bootStrap-resources.html
9. ——Responsive设计
10. ——Responsive设计 http://www.w3cplus.com/css3/10-basic-tips-about-responsive-design.html http://www.w3cplus.com/css3/responsive-web-design.html
11. ——视差滚动 http://www.nike.com/us/en_us/lp/better-world/ http://www.ianlunn.co.uk/plugins/jquery-parallax/
12. ——视差滚动 层 带来 觉 验 http://www.w3cplus.com/source/10-best-Parallax-Scrolling-plugin.html
13. ——单一网页 内 转 http://designhash.com/awesome-single-page-website-designs http://unfold.no/
14. ——全屏背景 来阐释 张图 语 http://ringvemedia.com/
15. ——Metro时代 • 软 计语 • 计 • 组 • 钮 • 区 • 标 项 • 简约 轻 觉
16. ——移动端 • 计 • 为 现 • 应 开
17. ——其他流行素 • • 计 • 结 • 图 计 • 频
18. 问与 谢谢（^_^）