随笔分类 - CSS3
样式设置
摘要：
CSS 可以实现很多你想不到的效果，今天我们来尝试使用 CSS 实现球的效果。有两种方法可以实现，第一种是使用大量的元素创建实际的 3D 球体，这种方法有潜在的性能问题；另外一种是使用 CSS3 渐变和阴影特性来实现。
阅读全文
CSS 可以实现很多你想不到的效果，今天我们来尝试使用 CSS 实现球的效果。有两种方法可以实现，第一种是使用大量的元素创建实际的 3D 球体，这种方法有潜在的性能问题；另外一种是使用 CSS3 渐变和阴影特性来实现。
阅读全文
摘要：CSS3 不仅仅用作界面效果补充，还可以用来替换传统的一些界面实现，而且效果更酷。Effeckt.css 收集了众多精妙的 CSS3 Transitions & Animations 效果应用，例如：弹窗、按钮、导航、列表、页面切换等等。
阅读全文
摘要：Pure 是一组轻量的，响应式的 CSS 模块，您可以使用在任何的 Web 项目中。充分考虑了移动设备中的使用，保持文件体积尽量小，每行 CSS 都进行了仔细的考虑。Pure 基于 Normalize.css 构建，并提供布局以及 原生 HTML 元素的风格，加上最常见的 UI 组件。相信这些都是你需要的。
阅读全文
摘要：Codrops 分享了漂亮的模态窗口效果实现方法，希望给前端开发人员提供一些创新显示对话框的启示。这个方案使用了触发按钮（或任何的 HTML 元素），在点击的时候出现一个模态窗口，带有简单的过渡（或动画）。
阅读全文
摘要：Metronic 是一套精美的响应式后台管理模板，基于强大的 Twitter Bootstrap 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面，6 种颜色可选，76 个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。
阅读全文
摘要：Fries 是一个移动开发框架，让开发者仅使用 HTML，CSS 和 Javascript 创建出 Android 应用程序界面。Fries 的灵感来自于 Ratchet（开发 iPhone 应用原型的优秀框架），作者把根据 Ratchet 的思路把一些很酷的东西引入到 Android 开发中。令人惊讶的是，Fries 能够很好的兼容 PhoneGap。Fries 旨在使 Android 应用程序开发更快速，更容易。
阅读全文
摘要：转眼又已过去了一年，在这一年里，Firefox 和 Chrome 在拼升级，版本号不断飙升；IE10 随着 Windows 8 在去年10月底正式发布，在 JavaScript 性能和对 HTML5 和 CSS3 的支持方面让人眼前一亮。这篇文章给大家带来《五大主流浏览器 HTML5 和 CSS3 兼容性大比拼》，让我们一起看看2013年的浏览器现状。
阅读全文
摘要：Ratchet 让移动开发人员仅使用简单 HTML，CSS 和 Javascript 组件就能够快速的制作出 iPhone 应用程序的原型。Ratchet 提供了众多效果类似原生应用的界面组件，另外 Push.js 可以帮助开发人员把页面链接起来并在 iPhone 上预览。
阅读全文
摘要：Sassaparilla 是一组创建响应式网站的规则和风格，Sassaparilla 使用 Sass 和 Compass 建立灵活的可重用的样式表。Sassaparilla 可以帮助简单、快速的创建出响应式网站。
阅读全文
摘要：
《Web 前端开发精华文章推荐》2013年第四期（总第十六期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
《Web 前端开发精华文章推荐》2013年第四期（总第十六期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
摘要：SublimeLinter 是前端编码利器——Sublime Text 的一款插件，用于高亮提示用户编写的代码中存在的不规范和错误的写法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置 SublimeLinter 进行 JS & CSS 校验。
阅读全文
摘要：简单的几个拖放操作就能做出漂亮的 Twitter Bootstrap 网站？是的，LayoutIt 是一个 Twitter Bootstrap 界面生成器，能够帮助你快速制作出网站和界面模型，同时能够下载生成的网站代码。
阅读全文
摘要：CSS3 提高了很多新的样式选项，让我们能够制作出漂亮的表单元素。Fancy Input 这款 jQuery 插件不只是关注外观，同时在交互方面通过 CSS3 特性让文本输入域变得更有趣，更有吸引力。
阅读全文
摘要：
《Web 前端开发精华文章推荐》2013年第三期（总第十五期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
《Web 前端开发精华文章推荐》2013年第三期（总第十五期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
摘要：设计和开发者社区发展飞快，以致于我们的步伐很难跟上发生在我们身边的这一切。这就是为什么我喜欢聚集最新发布的优秀资源和工具，以使我们的工作和生活更轻松。这篇文章也是这样的，从文本编辑器到帮助你构建网格系统的插件，我敢肯定这些你会发现这些工具非常有用。
阅读全文
摘要：Metro UI 是一种界面展示技术，是 Windows 8 的主要界面显示风格。Metro 界面和 iOS、Android 界面最大的区别在于：后两种都是以应用为主要呈现对象，而 Metro 界面强调的是信息本身，而不是冗余的界面元素。同时在视觉效果方面，这有助于形成一种身临其境的感觉。如果你的下一个设计的网站或Web 应用程序想使用新的Windows 8 Metro 风格，那么下面列表中收集的10套流行的 Metro UI 风格的 Bootstrap 主题和模板一定不能错过。Enjoy !
阅读全文
摘要：Bootstrap 和 Foundation 是目前使用最广发的前端开发框架，不过有的时候我们需要的是一个更轻量的方案，IVORY 也许就是你需要的。IVORY 基于12列的响应式网格布局，包含表格，按钮，表格，分页，拨动开关，工具提示，手风琴，选项卡等网站中常用的组件和样式。
阅读全文
摘要：格式混乱的 CSS 代码可读性和可维护性都很差，这时候就需要进行代码美化。前端编码工具都有代码美化插件，在编写的时候就可以美化，而对于已有的代码如果想快速美化则还可以借助这款在线工具——CSS Beautify。
阅读全文
摘要：CSSmatic 是一个非营利性的 CSS 工具，目前包含4个很有用的工具，分别是：支持各种颜色和透明度的渐变工具，使用渐变工具，您可以创建渐变平滑的色彩变化效果和微妙的透明胶片；边框圆角工具可以帮助你方便的实现需要的圆角效果；噪声纹理可以帮助你创造奇妙的背景图案，能够实时预览结果；盒阴影工具可以控制模糊半径的变化，颜色变化，阴影大小，可以实现你想要的任何效果。
阅读全文
摘要：-prefix-free 是一个 JavaScript 工具库，用于帮助你从 CSS 前缀的地狱中解脱出来。你编写的 CSS 代码无需填写浏览器前缀，在需要的时候，-prefix-free 会帮助你自动添加当前浏览器需要的前缀。
阅读全文