设计师就业衔接班！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版仍就延续之前的写作风格和特色，按技术主题分类，以实...
散文的笔风，不过大概能理解笔者的意思~ 那个优惠劵的例子，前者是已经到手的实惠，后者是失而复得的确幸，我也觉得后者会更happy一些。毕竟人是厌恶损失的动物，失去了才知道珍惜。前者就是常规营销手段，后者在选择好场景时机后，是推动体验、拉高情绪的利器。
有些思考的点，感觉在产品经理梳理需求的阶段就已经涉及到了，设计角色只是作为更多只能作为提提建议的一方，更多的时候还是执行设计稿，很多公司或者pm也不会把这种权利下放给设计师。 不过拓宽了思路，学习了。
前端：你随便打开一个平台看看，这种效果不可能实现的。。。 设计师：可以实现的，我的设计是有依据的。。。 前端：反正不可能。
细细看完了 文字都透露着平静和力量 讲的点都非常精准 受教了
首先文章写的很好，不过商品布局我更推荐瀑布流，因为此时用户在首页没有明确目的是逛的心态，而不同的衣服款式也不同所以此时购买者更在意图片，所以重点突出图片成了决策因素，当用户搜索后有明确目的更适合F浏览模式，因为此时的商品图片都一样，此时价格呀，店铺，购买量等等就成了点击决策因素，此时此文字因素为重～～～～哈哈，个人的拙见·～
散文的笔风，不过大概能理解笔者的意思~ 那个优惠劵的例子，前者是已经到手的实惠，后者是失而复得的确幸，我也觉得后者会更happy一些。毕竟人是厌恶损失的动物，失去了才知道珍惜。前者就是常规营销手段，后者在选择好场景时机后，是推动体验、拉高情绪的利器。