02 2013 档案
摘要：Form Follows Function 是一组绚丽的互动体验网站的集合，目前共收集了14个极具创意的网站，每一个站点都有自己独特的设计和功能。这些精美的网站作品都是基于 HTML5 创建的，在台式机和平板电脑上都能很好的浏览和体验。
阅读全文
摘要：灯箱效果（Lightbox）是网站中最常用的效果之一，用于实现类似模态对话框的效果。网络上各种 Lightbox 插件琳琅满目，随着响应式设计（Respnsive Design）的发展，这一先进理念也被引入了 Lightbox 插件。这篇文章挑选了12款优秀的响应式 Lightbox（灯箱）效果插件分享给大家。
阅读全文
摘要：Docverter 让你无需建立自己的文档转换工具就能够进行文件转换。Docverter 包装了几个开源项目，使您的文档能够进行完美的转换。借助一个简单的 HTTP API ，把使用 HTML，Markdown, 或者 LaTeX 编写的纯文本文件转换为 DOCX，PDF，RTF 和 ePub 格式文件。
阅读全文
摘要：这篇文章是《前端优秀讲座和讨论列表》系列连载第六篇，分享 Web 项目的测试经验。前端领域发展迅速，只有时刻掌握前端发展趋势和技术动态，学习前沿的开发思想和理念才能让自己跟上时代的步伐，保持自己的技术优势。
阅读全文
摘要：2012年，响应式网站设计成为主流，这个概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出，其目标是要让设计的网站能够响应用户的行为，根据不同终端设备自动调整尺寸。响应式设计不再只是一个概念，众多大公司也把这种理念引用到实际项目中。这篇文章向大家分享2012年最佳25个响应式网站设计作品。
阅读全文
摘要：今天在国外的博客转悠，发现一款超好用的正则表达式可视化调试工具——Debuggex，推荐推荐给大家。正则表达式通常被用来检索或替换符合某个模式的文本内容，编写正则是开发人员的必备技能。简单的正则表达式一下就能看懂含义，但是复杂的正则理解起来就很困难了。有了这款可视化的正则调试工具，以后编写正则表达式就轻松多了，赶紧试试。
阅读全文
摘要：作为网页的基本元素，图片是影响页面加载速度的关键因素之一。和图片相关的网站优化技术有 CSS Sprites（图片合并）、延迟加载、图片渐进增强等等。下面向大家分享网页图片优化的一些优秀工具和技巧。
阅读全文
摘要：模态框能够把用户的注意力吸引到内容上，网络上有很多实现这样功能的插件。 iLightBox 是一个新的替代 jQuery 灯箱效果的插件，它可以显示图像，视频（YouTube，VIimeo，HTML5 视频等）以及其它的 HTML 内容，有一个可选的全屏模式。画廊模式可以以缩略图形式显示其他项目，并允许通过键盘，鼠标滚轮和触摸事件浏览。
阅读全文
摘要：免费的 PSD 文件可非常有用，能够在设计项目中为您节省大量的时间。在这篇文章中，我从网络上收集了一组精心设计的分页按钮分享给大家。可以免费下载用于你的博客或网站。我相信，在这些免费的分页按钮中的一个，你会发现满足您设计需求的分页按钮素材。
阅读全文
摘要：ThreeSixty 是生成可拖动的360度预览图像序列的 jQuery 插件。只需要在你的 HTML 页面包引入最新的 jQuery 和 threesixty.js 文件就可以使用了，支持键盘上的箭头键，也支持触摸和移动设备。可以使用 nextFrame() 和 prevFrame() 绑定 UI 控件。
阅读全文
摘要：
2013年第一期（总第十三期）《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
2013年第一期（总第十三期）《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
摘要：上篇文章介绍了 linear-gradient（线性渐变），这篇文章向大家介绍 radial-gradient（径向渐变）以及重复渐变（线性重复、径向重复）。CSS3的径向渐变和其线性渐变是很相似的。除了您已经在线性渐变中看到的起始位置，方向，和颜色，径向梯度允许你指定渐变的形状（圆形或椭圆形）和大小（最近端，最近角，最远端，最远角，包含或覆盖。
阅读全文
摘要：Toolbar.js 是一款帮助你快速创建 Tooltip 风格工具栏的 jQuery 插件，可以用于网站或者 Web 应用。工具栏的风格可以使用 Twitter Bootstrap 的图标轻松定制，还提供了灵活的工具栏展示位置和图标数量配置。
阅读全文
摘要：每个人都有自己独特的书写风格，手写字体常用于印刷、网页设计及其它创意设计任务中，能够强调设计的自然性、非正式性，让设计作品看起来更有个性、更可爱。今天这篇文章分享的好看的英文手写字体可以免费下载使用，相信里面有你喜欢的。
阅读全文
摘要：Metro 风格的设计在移动应用和 Web 设计领域成为流行趋势，在过去数月被讨论得非常多。Metro UI 的设计带给你的第一印象是彩色方块和简约的设计，这有利于以文字为主的界面导航。微软认为 Metro 设计主题应该是：“光滑、快、现代”。下面15个精美 Metro UI 风格 WordPress 主题体现了这一设计理念。
阅读全文
摘要：设计师们都非常喜欢免费的矢量背景和矢量图形素材，这些素材能够帮助他们快速的完成设计项目，既节省了时间，又有很好的效果。下面是从网上收集的一组五彩缤纷的免费矢量背景素材分享给大家，记得收藏啊。
阅读全文
摘要：大家都知道我们习惯性称作的 CSS3 对于 CSS2.1 有很多的修改和补充。抛开浏览器的兼容性问题，这篇文章把所有的变化整理到一篇文章中便于学习和查阅。尽管我尽量确保收录了所有的新特性，但是不能保证没有遗漏，欢迎大家留言。
阅读全文
摘要：Cool Kitten 是一个具备视差滚动特效的响应式框架，由 Jalxob 编写，是 Github 上的开源项目。实质上是一组设计师和开发人员使用的 HTML/CSS 以及 JavaScript 文件的集合。Cool Kitten 是响应式的，这使得网站能够在电脑、平板和移动设备中都能良好的呈现；同时还支持视差滚动（Parallax Scrolling）特效，给网站带来绚丽的视觉效果。
阅读全文
摘要：这篇文章是前端优秀讲座和讨论列表系列连载第五篇，分享 Web 应用主题的开发经验。前端领域发展迅速，只有时刻掌握前端发展趋势和技术动态，学习前沿的开发思想和理念才能让自己跟上时代的步伐，保持自己的技术优势。
阅读全文
摘要：继续向大家分享 2012 年发布的优秀 jQuery 插件，今天带来的实现导航功能的插件。2012年众多的 jQuery 新插件发布出来，可以说是一个伟大的 jQuery 年份。这个系列的文章向大家分享最具创新的，同时也是最有用的50款 jQuery 插件，这些插件分成以下类别：网页布局插件，导航插件，表格插件，滑块和转盘插件，图表插件，图片特效插件，视频插件等等。
阅读全文
摘要：Groundwork 是基于强大的 CSS 预处理器 Sass & Compass 的响应式 HTML5，CSS & JavaScript 工具包。使用 Groundwork，您可以快速构建 Web 应用程序，能在各种设备上工作。Groundwork 拥有一个令人难以置信的灵活，可嵌套，流体的网格系统，是 Github 上的开源项目。
阅读全文
摘要：动画效果给网页增添了趣味，带给访愉悦的心情。这篇文章给大家带来网页设计中难得一见的20个动画效果，这些优秀的网页设计作品能够给你激发很多的网页设计灵感，相信你一定会喜欢！一起欣赏。
阅读全文
摘要：字体是 Web 和图形设计非常重要的一部分，选择合适的字体对于设计项目来说至关重要。今天这篇文章收集了一组好看的液晶数字字体，可以免费下载使用，相信里面有你喜欢的，赶紧收藏和下载吧。
阅读全文
摘要：CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。这篇文章中，我收集了一组新的 CSS3 技巧，能够帮助你美化您的网站，并给它一个更专业的外观和感觉。
阅读全文
摘要：CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。这篇文章中，我收集了一组实用的 CSS3 技巧，能够帮助你美化您的网站，并给它一个更专业的外观和感觉。
阅读全文
摘要：《CSS3 实用技巧》之漂亮的页面顶部阴影。CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。
阅读全文
摘要：CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。这篇文章中，我收集了一组实用的 CSS3 技巧，能够帮助你美化您的网站，并给它一个更专业的外观和感觉。
阅读全文
摘要：CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。这篇文章中，我收集了一组实用的 CSS3 技巧，能够帮助你美化您的网站，并给它一个更专业的外观和感觉。
阅读全文
摘要：《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 框架，工具和技术帮助你创造杀手级的应用和网站。记得收藏和推荐啊：）
阅读全文
摘要：Smashing Magazine 发布了一个包含非常有用的 UI 组件和 48 个精美的矢量图标的素材包。界面组件包 Polaris UI Kit 里面包括编辑框，复选框，单选按钮，页面导航，菜单，按钮等等，可以免费用于任何项目。图标集合 Linecons 里面包含的 48 个可伸缩矢量图标都是 outline 风格，提供了 AI, PNG, PSD, SVG 等多种格式。
阅读全文
摘要：CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。其共有三个参数，第一个参数表示线性渐变的方向，top是从上到下、left是从左到右，如果定义成left top，那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数，表示多种颜色的渐变。
阅读全文
摘要：过完中国传统的农历新年，大家又开始奔波忙碌了。令人期待的2013年3月桌面日历壁纸新鲜出炉，供大家免费下载。高清日历桌面壁纸可以直接在桌面上看到某一天所对应的星期，并且还含农历哦，非常方便实用，赶紧为你的桌面换装吧！
阅读全文
摘要：这篇文章是前端优秀讲座和讨论列表系列连载第四篇，向大家分享宝贵的移动开发经验。前端领域发展迅速，只有时刻掌握前端发展趋势和技术动态，学习前沿的开发思想和理念才能让自己跟上时代的步伐，保持自己的技术优势。
阅读全文
摘要：2012年，众多的 jQuery 新插件发布出来，可以说是一个伟大的 jQuery 年份。这个系列的文章向大家分享最具创新的，同时也是最有用的50款 jQuery 插件，这些插件分成以下类别：网页布局插件，导航插件，表格插件，滑块和转盘插件，图表插件，图片特效插件，视频插件等等，将陆续分享给大家，记得关注和收藏啊。
阅读全文
摘要：在过去的几年里，我们看到建设网站的方式发生了巨大的变化。随着浏览器对 HTML5/CSS3 Web 标准的支持的不断增强，越来越多的用户已经转移到移动平台。在这篇文章中，我想介绍一些我们已经看到正不断变化的趋势。其中，许多设计理念已经存在了很长一段时间。但是，我认为在2013年里，这些独特的想法将会更加的蓬勃发展。网上提供了很多可以免费下载的开源项目和用户界面，这样设计人员可以专注于技术领域，快速掌握前沿趋势。
阅读全文