随笔分类 - CSS3
样式设置
摘要：复选框（Checkbox）在各个浏览器中的效果不一致，因此很多 Web 开发人员会自己重新设计一套界面和使用体验都更佳的复选框功能。下面就给大家分享9款超炫的复选框（Checkbox）效果，纯 CSS3 实现，未使用任何图片。
阅读全文
摘要：EnjoyCSS 是一款先进的 CSS3 代码生成工具，可以让你摆脱日常的编码。它方便和易于使用的用户界面允许您快速，无需编码就可以调节出丰富的图形样式。您将能够玩转所有的 EnjoyCSS 参数，就像在 Photoshop 或 illustarator 中一样，结合所有可能的 CSS3 样式功能。所有必需的 CSS 代码将被 EnjoyCSS 自动生成。
阅读全文
摘要：Magic CSS3 Animations 动画是一个独特的 CSS3 动画特效包，你可以自由地使用您的 Web 项目中。只需简单的在页面上引入 CSS 样式: magic.css 或者压缩版本 magic.min.css 就可以使用了。 这个项目现在GitHub上，包含 bling, perspective, rotate, slide, tin, bomb 等众多特效。
阅读全文
摘要：Bootflat 是一个开源的扁平化的 UI 工具包，基于 Bootstrap 3.1.0 CSS 框架。它为 Web 开发人员提供了一个创建优雅的 Web 应用程序的更快，更容易和更少的重复任务的途径。
阅读全文
摘要：响应式的 Web 设计方法的目的是制作一个更加灵活的网站，能够为用户提供最佳的视觉体验——方便阅读和导航，只需最少的调整就可实现缩放和滚动，支持更广泛的设备，从移动电话到手持设备到台式电脑。下面是一个优秀的网格工具清单，能够帮助更好的创建响应式布局。
阅读全文
摘要：Codrops 最近分享了一些很酷的图片切换灵感。有三种不同的用例：小的图像幻灯片，大标题幻灯片以及使用透明背景的产品幻灯片。状态转换使用 CSS 动画完成，我们能够定义从任何方向进来的图片的行为。
阅读全文
摘要：
网站的加载速度在一定程度上来说是决定网站能否成功的关键。如果您是网站所有者，一定知道网站速度的重要性。因为没有人愿意为了打开一个网页而等老半天，换句话说，如果你的网站打开速度很慢，将流失大量的访客，甚至出现多米诺效应的不良影响。
阅读全文
网站的加载速度在一定程度上来说是决定网站能否成功的关键。如果您是网站所有者，一定知道网站速度的重要性。因为没有人愿意为了打开一个网页而等老半天，换句话说，如果你的网站打开速度很慢，将流失大量的访客，甚至出现多米诺效应的不良影响。
阅读全文
摘要：skelJS 是一个轻量级的前端框架，用于构建响应式站点和应用程序。让设计人员和开发人员可能够使用四个强大的组件：CSS 网格系统，响应式处理程序，CSS的快捷方式和插件系统。
阅读全文
摘要：网络上有很多的 CSS 画廊站点供大家对各类网站作品进行打分和评论，每天有数以百计的优秀网站被推荐上面，这对于网页设计师来说是很好的灵感来源。今天，我们选择了15赢得 CSS 设计大奖的优秀作品，帮助你学习网站布局设计。enjoy!
阅读全文
摘要：Furatto 是一个基于 Bootstrap & Foundation 的前端开发框架，用于快速开发网站。这个框架采用流行的扁平化设计和响应式设计。除了布局和网格之外，所有的主要元素都有预定义的样式，例如按，表格，表单等，而且还有各种各样的 JavaScript 组件，像模态弹窗，工具提示等等。
阅读全文
摘要：每天有数以百计的网站推出，其中很多优秀网站被推荐到 CSS 画廊供大家评分和评论，这对于网页设计师来说是很好的灵感来源。今天，我们选择了15个来自全球各地的 CSS3 网站设计作品， 它们都是赢得 CSS 奖项的。enjoy!
阅读全文
摘要：使用 HTML5，CSS3 和 JavaScript 开发移动应用经过实践证明是一种可行的方式。这里收录了几款 iOS 风格的手机应用程序开发框架，帮助您使用擅长的 Web 技术来开发移动应用程序。这些工具大多都基于 HTML & CSS，而另一些则可能需要使用 JavaScript 库。
阅读全文
摘要：HTML5 Dashboard 是一个 Mozilla 推出的项目，里面展示了最前沿的 HTML5，CSS3，JavaScript 技术。每一项技术都有简洁，在线演示以及详细的文档链接。这些技术将成为未来一段时间 Web 开发的顶尖技术，如果不想落伍的话就赶紧来看看吧。
阅读全文
摘要：《Web前端开发精华文章推荐》2014年第二期（总第二十三期）和大家见面了。梦想天空博客关注前端开发技术，分享各类能够提升网站用户体验的优秀jQuery插件，展示前沿的HTML5和CSS3技术应用，推荐优秀的网页设计案例，共享精美的设计素材和优秀的Web开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：CSS Shake 是一套 CSS3 动画特效，让页面的 DOM 元素实现各种效果的抖动（Shake），这些效果可以轻松的被应用到按钮、LOGO 以及图片等元素。所有这些效果都是只需要单一的标签，加上特定的 class 即可。
阅读全文
摘要：CSS 和 HTML，JavaScript 是网页的基础，作为前端开发人员，对这三者都要很熟悉。特别是未来流行全栈开发的时代，每项技术都是你知识结构中必要的一个节点。在开发中，选择好工具是非常重要的。这篇文章分享最好的20款 CSS 编辑器给开发人员，因为这些实用的工具将让你的工作更有效率。
阅读全文
摘要：下拉菜单是一个很常见的效果，在网站设计中被广泛使用。通过使用下拉菜单，设计者不仅可以在网站设计中营造出色的视觉吸引力，但也可以为网站提供了一个有效的导航方案。使用 HTML5 和 CSS3 可以更容易创造视觉上充满吸引力的下拉菜单。
阅读全文
摘要：《Web 前端开发精华文章推荐》2014年第一期（总第二十二期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：modern.IE 是微软推出的一个开发人员中心，提供免费的工具和资源，旨在使您能够花更少的时间来测试各种版本的 Internet Explorer，并留出更多时间在现代 Web 上构建重要的内容。modern.IE 在支持旧版 IE 的同时，可使您更加轻松地利用 Web 标准（例如 HTML5 和 CSS3）构建创新体验，从而帮助推动 Web 的发展。
阅读全文
摘要：在一些网页上，当你滚动页面的时候会看到各式各样的元素动画效果，非常动感。WOW.js 就是一款帮助你实现这种 CSS 动画效果的插件，很容易定制，你可以改变动画设置喜欢的风格、延迟、长度、偏移和迭代等。
阅读全文