随笔分类 - 原创翻译
翻译作品
摘要：2012年，响应式网站设计成为主流，这个概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出，其目标是要让设计的网站能够响应用户的行为，根据不同终端设备自动调整尺寸。响应式设计不再只是一个概念，众多大公司也把这种理念引用到实际项目中。这篇文章向大家分享2012年最佳25个响应式网站设计作品。
阅读全文
摘要：作为网页的基本元素，图片是影响页面加载速度的关键因素之一。和图片相关的网站优化技术有 CSS Sprites（图片合并）、延迟加载、图片渐进增强等等。下面向大家分享网页图片优化的一些优秀工具和技巧。
阅读全文
摘要：模态框能够把用户的注意力吸引到内容上，网络上有很多实现这样功能的插件。 iLightBox 是一个新的替代 jQuery 灯箱效果的插件，它可以显示图像，视频（YouTube，VIimeo，HTML5 视频等）以及其它的 HTML 内容，有一个可选的全屏模式。画廊模式可以以缩略图形式显示其他项目，并允许通过键盘，鼠标滚轮和触摸事件浏览。
阅读全文
摘要：免费的 PSD 文件可非常有用，能够在设计项目中为您节省大量的时间。在这篇文章中，我从网络上收集了一组精心设计的分页按钮分享给大家。可以免费下载用于你的博客或网站。我相信，在这些免费的分页按钮中的一个，你会发现满足您设计需求的分页按钮素材。
阅读全文
摘要：ThreeSixty 是生成可拖动的360度预览图像序列的 jQuery 插件。只需要在你的 HTML 页面包引入最新的 jQuery 和 threesixty.js 文件就可以使用了，支持键盘上的箭头键，也支持触摸和移动设备。可以使用 nextFrame() 和 prevFrame() 绑定 UI 控件。
阅读全文
摘要：Toolbar.js 是一款帮助你快速创建 Tooltip 风格工具栏的 jQuery 插件，可以用于网站或者 Web 应用。工具栏的风格可以使用 Twitter Bootstrap 的图标轻松定制，还提供了灵活的工具栏展示位置和图标数量配置。
阅读全文
摘要：每个人都有自己独特的书写风格，手写字体常用于印刷、网页设计及其它创意设计任务中，能够强调设计的自然性、非正式性，让设计作品看起来更有个性、更可爱。今天这篇文章分享的好看的英文手写字体可以免费下载使用，相信里面有你喜欢的。
阅读全文
摘要：Metro 风格的设计在移动应用和 Web 设计领域成为流行趋势，在过去数月被讨论得非常多。Metro UI 的设计带给你的第一印象是彩色方块和简约的设计，这有利于以文字为主的界面导航。微软认为 Metro 设计主题应该是：“光滑、快、现代”。下面15个精美 Metro UI 风格 WordPress 主题体现了这一设计理念。
阅读全文
摘要：设计师们都非常喜欢免费的矢量背景和矢量图形素材，这些素材能够帮助他们快速的完成设计项目，既节省了时间，又有很好的效果。下面是从网上收集的一组五彩缤纷的免费矢量背景素材分享给大家，记得收藏啊。
阅读全文
摘要：大家都知道我们习惯性称作的 CSS3 对于 CSS2.1 有很多的修改和补充。抛开浏览器的兼容性问题，这篇文章把所有的变化整理到一篇文章中便于学习和查阅。尽管我尽量确保收录了所有的新特性，但是不能保证没有遗漏，欢迎大家留言。
阅读全文
摘要：这篇文章是前端优秀讲座和讨论列表系列连载第五篇，分享 Web 应用主题的开发经验。前端领域发展迅速，只有时刻掌握前端发展趋势和技术动态，学习前沿的开发思想和理念才能让自己跟上时代的步伐，保持自己的技术优势。
阅读全文
摘要：Groundwork 是基于强大的 CSS 预处理器 Sass & Compass 的响应式 HTML5，CSS & JavaScript 工具包。使用 Groundwork，您可以快速构建 Web 应用程序，能在各种设备上工作。Groundwork 拥有一个令人难以置信的灵活，可嵌套，流体的网格系统，是 Github 上的开源项目。
阅读全文
摘要：动画效果给网页增添了趣味，带给访愉悦的心情。这篇文章给大家带来网页设计中难得一见的20个动画效果，这些优秀的网页设计作品能够给你激发很多的网页设计灵感，相信你一定会喜欢！一起欣赏。
阅读全文
摘要：字体是 Web 和图形设计非常重要的一部分，选择合适的字体对于设计项目来说至关重要。今天这篇文章收集了一组好看的液晶数字字体，可以免费下载使用，相信里面有你喜欢的，赶紧收藏和下载吧。
阅读全文
摘要：CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。这篇文章中，我收集了一组新的 CSS3 技巧，能够帮助你美化您的网站，并给它一个更专业的外观和感觉。
阅读全文
摘要：各个浏览器的滚动条风格不一，因此很多网站都会自定义滚动条的风格。自定义风格的滚动条在所有的浏览器上看起来是一样（例如：几乎所有的谷歌应用程序都是用的灰色细条滚动条）。Perfect Scrollbar 是一个轻量级的（~14KB）的jQuery插件，能够帮助你轻松创建出自定义风格的滚动条。它不会影响默认的布局，也不需要任何任何的 CSS 修改，该插件适用于任何大小的容器，并重新安排位置，如果容器大小发生变化会自动调整位置。
阅读全文
摘要：单页网站是把所有的内容都展示在一个页面中，这样访客就不需要跳转到其它的页面。如果一个网站的内容不是很多而且将来内容也不怎么增加的情况下，那么制作成单页网站（Single Page Websites）的形式是很好的选择。随着视差滚动（Parallax Scrolling）特效的流行，如今的单页网站也把这种精美的效果集成了进来，使得页面呈现更具创意。下面和大家分享一组在页面滚动时候有很炫的动画的单页网站作品，一起欣赏。
阅读全文
摘要：Lazy Line Painter 是基于 Raphaël 矢量图形库的 jQuery 路径动画插件，能够把线条图案转换为有趣的动画绘制模式。使用方法：首先在 Illustrator 中把线条图形导出为 SVG 格式，要确保图案不填充，没有封闭路径，线条要有明显的开始和结束点，类似画板绘制的图案；然后把导出的 SVG 文件拖放到 Lazy Line Painter 转换器中，拷贝生成的 JavaScript 代码；最后在页面中引入 jQuery、Raphaël & Lazylinepainter，粘贴之前拷贝的代码到 DOM Ready 方法中。
阅读全文
摘要：Web 浏览器正变得越来越强大，而 JavaScript 则让 Web 变得更加有趣。在这篇文章中，向大家推荐最有趣的 JavaScript 框架，工具和技术帮助你创造杀手级的应用和网站。记得收藏和推荐啊：）
阅读全文
摘要：这篇文章是前端优秀讲座和讨论列表系列连载第四篇，向大家分享宝贵的移动开发经验。前端领域发展迅速，只有时刻掌握前端发展趋势和技术动态，学习前沿的开发思想和理念才能让自己跟上时代的步伐，保持自己的技术优势。
阅读全文