这次的网站推荐合集绝对是长期搜集的成果，其中许多网站素质拔群，虽然并不是那么常见，但是内容大多值得网页设计师仔细收藏。如果你不想错过任何一个优质的网站，不妨一个一个点开仔细查看，也许会惊喜不断呢。上半部分戳这里：《这100个网站和博客，值得每个网页设计师收藏(上)》 51. Logofi Logofi 是一个以LOGO为主题的图库，搜集了来自世界各地最好的LOGO设计作品。 52. Onextrapixel 这是一个旨在分享免费的设计素材、教程和实用的互联网资源的分享社区。 53. A List Apart A L…
咖啡 这个免费的HTML模板主要适用于触屏移动。汉堡菜单，大而明显,适应各种设备。最适合咖啡馆、餐馆以及画廊网站。 演示 | 下载 Build-Up 适合金融和投资网站。 简练干净。 演示 | 下载 Eventrum 这个模板明亮、欢快。主要适合节日气氛；大胆视觉效果、手写字体以及大量留白布局,使文本更具可读性。 演示 | 下载 BLISS 结合软,柔和的颜色设计，视觉效果很棒。 基于网格化设计，可以在页面上呈现大量的数据。 演示 | 下载 Sonja Rode 这是一个现成的HTML5的，适合摄影师和摄像师组合网…
在网站的欢迎页面加入HTML5视频越来越受欢迎,因为它们可以创造一个有趣的视界环境，来吸引游客的注意力。 如果使用得当,视频可以通过讲述一个故事让游客更好地了解网站从而建立忠诚度。 还可以建立一个好的氛围,从而取代单调静态的背景图像。 由于HTML5支持各种新的多媒体，你可以分享高质量、大尺寸的视频娱乐来激励观众。 Art, Copy & Code ONY Agency Made by Hangar Lois Jeans Spring Summer 2013 Irak: 10 ans, 100 regard…
循环（Loop）是现代浏览器中HTML5视频标签下的布尔属性，包括IE9在内的主流浏览器都支持这一属性。它能让一个或者一系列视频短片循环播放。开发者社区中，网页设计师非常青睐这一功能，并且截至目前影响了许多项目，让网站看起来更加绚丽和精彩。 从作品展示类的网站到移动端的专题页，循环视频背景的运用范畴非常广泛。网页开发者们将5~10的视频作为背景循环播放，而视频内容通常会展现出某个主题，或者有目的性地展现达成某个目标的过程，呈现企业或者团队的潜在实力。这种展现方式比起传统的网页设计手法，更能挑起用户的兴趣，引人注意，…
今天给大家带来的是45个优质的HTML5+CSS3网站模板免费下载 1. Vivid Photo: Free Photography Template Demo Download 2. Template for Web Design Studio Demo Download 3. Template for Spa Salon with jQuery Slider and Zoomer Effect Demo Download 4. HTML5 Charity Center Templat…
设计行业的发展非常迅速，每天都有新颖的创意网站更新，而HTML和CSS在方向上有一定局限。 CSS已经从内容布局方面走了很长的路。 它是用来精确控制文件的布局和媒体应用不同类型的布局。 现代web站点是为了提供各种类型的设计与用户交互。 在大多数情况下可以使用CSS3效果。 给设计师更多的灵活性和互操作性,CSS3是CSS提出的下一个主要版本。 下面给大家带来免费下载的HTML5+CSS3登陆表单 ，这可能方便您的设计项目或您自己的网站。 免费下载的HTML5+CSS3登陆表单 你可以找到大量的在线免费设计的东西。…
今天带给大家一篇自己翻译的文章，3个简单的hover动效效果，初次翻译有不对的地方大家多多见谅。 现代网络中，很多技术形式可以实现有趣的动效，但最简单优雅的通常是CSS，特别是新增加的CSS3。 过去，我们不得不依靠JavaScript实现动效，但由于跨浏览器支持CSS3不断地升级，现在我们可以不通过任何脚本实现。但是很悲催，仍然有浏览器（IE9以下）不支持CSS3，所有你需要一个旧版的浏览器或设置渐进性效果来解决兼容性问题。 今天我们来看一个炫酷的悬停效果--图片和文字标题的隐藏、显示切换动效。 如果你需要示例代…
是时候为网页设计师的来一组便捷的辅助工具了。日新月异的网页技术革新催生了大量的设计与开发工具，HTML5/CSS3几乎成了设网页设计师的必修课，而强大的JS也为网页提供了更多的可能性。尤其是HTML5，作为一门极为有用且实用的标记语言，它赋予网页设计师创造更优秀网页的可能。 这也是为什么，身为网页设计师的你需要不停地了解最新的技术趋势和新兴工具，这些全新的库、框架、插件和技术能让你的网页如虎添翼。 HTML5使得设计师和开发者在各个不同领域都比之前更强大了。快速，漂亮，安全，响应式，这些特性使使得设计师和开发者可以…
承接上文《玩转HTML5移动页面（动效篇）》，上次说的是让页面动起来的一些小技巧。 而页面动起来的根基是功能可用的页面，因此有必要分享一些优化细节的技巧和方向，熟悉掌握一些方法论还是会对页面开发大大提高效率的，并且也能防止疏忽缺漏。 ====前方高能==== （1） 动画雪碧图 涉及的动画十分多，用的元素也十分多，请务必使用雪碧图（Sprite）！ 网上的工具有一些可以帮助你生成雪碧图的工具，例如CssGaga，GoPng等等，自动化构建工具Grunt和Gulp也提供了相应插件。 特别地，如果单张雪碧图面积实在太大…
四月份最有技术含量的干货！今天腾讯前端TQ同学来来谈谈一些动画设计的小技巧，能帮你在短时间没动画灵感时瞬间让页面增色，同时也会谈及移动端H5页面的优化细节与关键点 >>> 作为一名前端，在拿到设计稿时你有两种选择： 1.快速输出静态页面 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来 作为一个有志向的前端，当然是选2啦！可是需求时间又很短很短，怎么办呢？ 这次就来谈谈一些动画设计的小技巧，能在你时间不多又没有动画想法的时候瞬间让页面增色不少。 同时也会谈及移动端H5页面的优化细节与关键点，…
随着HTML5的普遍推广，以动画和视频作为网站背景，改变了整个观看者的视觉体验。有些网站使用视频来创造一个凉爽的气氛，而其他人展示自己的产品或服务在行动讲一个故事。希望你会喜欢！ Peel Planilandia My Provence Blacknegative Get Going Today Anders Hede Jensen Geox Clinica Dr. Mauro The Fernway The Powerhouse Company Studio Brusco Dejavu The Missing B…
HTML5变得越来越强大之后，很多以前需要特意安装一个软件来实现的功能，现在只需要在网页端就能够实现。这样一来，无论你是Windows用户或者MacOS用户，都能够在同样的体验下使用一个自己喜爱的工具，因为你的工具都在云端。 决定设计好坏因素有很多，颜色就是其中一个相当重要的元素。下面为大家介绍几个最近收集的个人觉得挺有用的处理颜色的Web App，它们中有些功能类似，但各有不同的亮点。 Paletton（配色工具） 这 个工具是之前介绍过的Chrome插件ColorZilla中的一个外链功能。它的作用和Adobe…
对于访问量大的网站来说，前端的优化是必须的，即使是优化1KB的大小对其影响也很大，下面来看看来自ISUX的米随随讲讲移动手机平台的HTML5前端优化，或许对你有帮助和启发。 概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点，首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB 5. Mobile侧因手机配置原因，除加载外渲染速度也是优化重点 6. 基于第五点，要合理…
