设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
现在的网站和App的设计中越来越重视用户体验，而优秀的动效则能使你的应用更具交互性，从而吸引更多用户的使用。我一般会在网站中加入一些简单而一致的动效，我所用的技术则是用SASS+bourbon来生成出那些基于CSS3的动画效果来。
今天介绍的HTML5 UP! 提供大量的HTML5 模版，而且这些模版都支持响应式网页设计，有了它我们就不用从无到有、从头到尾来打造一个网站，而是直接就现有的样版去做修改或调整，让建网站难度降低许多，也减少花费的时间和开支。来收！
编者按：今天来一组酷炫的HTML5 – CSS3 优秀网站，无论是网站主题（反战、捍卫人权、肯德基老爷爷的美好晚年等）还是动效视觉，都非常值得体验。周末休息下，来点轻松的吧The Generations Relay2014年是华沙起义70周年，华沙博物馆邀请了在那场战斗有代表性的12个组织参加这个“薪火相传”的活动，组织里的年轻人庄严宣誓，他们将承担起建造一个自由、爱、诚实、谦虚、友善、保护弱者、有责任感的世界这个任务。
今天的资源是完全免费的 WebApp，这些 WebApp 能够为模板，渐变，甚至浏览器属性的前缀生成 CSS3 代码。如果你是前端开发者，这些资源可以帮助你节省很多时间，并可以为以后的项目提供可复用的源码。
是时候为网页设计师的来一组便捷的辅助工具了。日新月异的网页技术革新催生了大量的设计与开发工具，HTML5/CSS3几乎成了设网页设计师的必修课，而强大的JS也为网页提供了更多的可能性。
编者按：HTML 5横空出世后，一直以炫目华丽的视觉特效震撼眼球，很多惊人的创意现在都可以轻松实现，今天我们搜集了21个独树一帜的HTML 5+ CSS 3 网站，亮出你的膝盖，接招吧 >>>H5 人气好文：《网页设计的优秀助攻！20款不容错过的HTML5工具》《5媚娘传奇！
编者按：坊间传闻，有本CSS的高手炼成秘籍在江湖失传已久，书中所载，多为最新的惊人技术与实例示范，是为集大成者，一旦学成，代码效率猛增，功力提升数倍，今日偶获，不敢怠慢，赶紧发到优设，望人人受益。说人话：好东西呀快来看呀！
这里是我们收集的一些很有用的CSS 3悬停效果教程合集。HTML 5和CSS 3拓展了网页设计的可能性，它们引入了很多新属性来让你的网站变得丰富而饱满。
编者按：CSS3和HTML5一样是网页设计的大势所趋，本篇文章来自腾讯内部饭卡充值改版项目的CSS3动画经验总结。虽然大家访问不到腾讯内部的饭卡站点，不过可以由此小窥一下有趣的动画示例哟。
现在大多数浏览器支持CSS 3 技术，因此许多大胆且富有创意的设计师开始学习运用它，有一大票童鞋已经在CSS 3 的路上高歌猛进，以下就是它们的作品，每一个都酷炫难挡，根本停不下来！酷炫合集：《超赞！
很荣幸从事网页设计业，新技术、新技巧越来越多，我们的工作越来越轻松，甚至不用设计软件，利用网上的一些工具都能完成设计。当然，若想更轻松的工作，就必须跟进新趋势、新方法，本文介绍了网页设计中一些新式设计方法。
Codepen是一个非常了不起的网站，优设哥在设计师网址导航上也大力推荐过，得到了很多同学的喜爱，也是全球web前端开发人员的圣地！我搜索了一些时下最好最流行的codepen（仅限于HTML和CSS）。
设计师千万不要总觉得CSS3还离我们特别遥远，其实如果你有兴趣的话，完全可以学习了解一些简单的CSS3技术。你知道的，国内的行情就是如此：所有的公司都会希望你在前端技术上懂的越多越好。
内容简介卡斯特罗、希斯洛普编著的《HTML5与CSS3基础教程（第7版）》是讲解HTML和CSS入门知识的经典畅销书，如今已经更新到第7版，介绍时下相当热门的HTML5和CSS3。虽然HTML5和CSS3还没有成为W3C的推荐标准，但主流浏览器已经能够很好地支持它们的大部分特性。
图书描述出版日期: 2013年1月1日《HTML5与CSS3设计模式》是一部全面讲述用HTML5和CSS3设计网页的教程。书中含350个即时可用的模式 （HTML5和CSS3代码片段），直接复制粘贴即可使用，更可以组合起来构建出无穷的解决方案。
@榮榮-小黑_丫 这些特效真的非常赞，本人已经体验并打包喽，大家也可以各取所需，按需下载。以下为17个网页CSS样式原件.zip 微盘下载地址→ http://t.cn/zTvTIdM1. Putting CSS Clip to Work : Expanding Overlay Effect教程地址 2. Flipping Circle Slideshow教程地址 3. 有创意的CSS加载动画教程地址 4.丰富多彩的CSS3动画导航菜单教...
Open Web新功能探索 – CSS3 Animations入门author:7yue注：编写CSS3 Animation的工具，Adobe Dreamweaver CS6和Adobe Edge Code（免费），可以通过注册Adobe Creative Cloud会员获取：http://t.cn/zY3vKy9CSS3已经成为当今Open Web技术环境下的开发者必然选择的一门技术，这些年从CSS2.1一路走来升级到全新版本...
2013年一、二月份最好的网站模版热腾腾出炉啦——用HTML5、CSS3、JQuery创作的才华横溢、大受欢迎的作品。这儿有各种类型的模板—HTML5，单页HTML5模板，完全使用JS的模板，WORDPRESS主题，交互式模板，Bootstrap, Moto CMS, JS Animated, Joomla, Drupal, HTML Plus JS animated主题和Magento模板等。
日常工作中会遇到很多的专题，在没有flash的支持下，如何让你的页面更生动呢？ CSS3不是新事物，CSS3动画也逐渐受到大家的关注，在机甲&洛克合作不删档放号专题中首次尝试了CSS3的简单动画制作。
书 名《CSS设计指南（第3版）》系列书名图灵程序设计丛书印刷方式黑白原书书名 Stylin’ with CSS: A Designer’s Guide (3rd Edition) 原书书号978-0321858474原书国家美国原书出版社New Riders原书页数320李松峰：“我以七年翻译它三个版本的经验负责地告诉你：这是学习CSS绝对不容错过的经典。”第3版仍就延续之前的写作风格和特色，按技术主题分类，以实...
很棒啊，我是室内设计转行过来的，如果被问到为什么转行该怎么回答呢？我是自学的ui。作品集做了一整套的从0到1的设计。
之前图标那期我看了，受益良多，没想到要打造一个系列了，感谢大佬
很好的思考过程，以前是设备与设备的沟通，移动IM时代情境下变成了人与人的交流，设备状态则变成了人的状态。
超级好文 ，很棒
更倾向第三个方案，前两个看多了有些视觉疲劳，而且，pass掉第三个的理由是要做差异化，这个有点牵强。为了不同而不同，新拟物风格到后期拓展的时候，有很大的局限性！
很棒啊，我是室内设计转行过来的，如果被问到为什么转行该怎么回答呢？我是自学的ui。作品集做了一整套的从0到1的设计。