随笔分类 - CSS3
样式设置
摘要：Intention.js 提供一个轻量级的和明确的方式，帮助你动态重组 HTML，成为响应式的方式。操作方法都放在了元素自己里面，所以灵活的布局看起来就似乎不会那么的抽象和凌乱。您可以轻松地增加布局的选择和灵活性，缩短开发时间和减少样式表覆盖媒体查询驱动的必要性。你可以轻松地添加自己的上下文或者创建自己的自定义组。
阅读全文
摘要：优秀网页作品赏析《第四季》，精彩继续每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：CSS 选择器赋予 CSS 强大的 HTML 元素匹配功能。作为前端开发人员必须要掌握的一部分，可能基本的大家都知道。但是你真的精通 CSS 了吗？挑战一下 CSS 选择器测验就知道。
阅读全文
摘要：Tridiv 是一个基于 Web 的编辑器，使用 CSS 创建 3D 形状。它提供了一个传统的四个面板的操作界面，给出了从每个平面的视图，以及一个预览窗格中示出的最终的效果。使用 Tridiv 可以创造极其复杂的对象和动画。
阅读全文
摘要：Twitter Bootstrap 3.0 终于正式发布了。这是一个圆滑的，直观的和强大的移动优先的前端框架，用于更快，更容易的 Web 开发。几乎一切都已经被重新设计和重建，更好的支持移动端设备。最新的 Twitter Booststrap 包含四层网格类——手机，平板电脑，台式机，和大型桌面，你可以做一些超级疯狂的布局。定制器进行了重新设计，现在在浏览器中编译，而不是 Heroku 上，有更好的依赖性支持，甚至有内置的错误处理。
阅读全文
摘要：每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：Codrops 给我们分享了一个多层菜单的实现教程。他们试图探索创建一个嵌套的多级菜单，是非常有用的东西，可以有很多的内容，如网上商店的导航菜单。 这个 Push Menu 效果理论上可以包含无限嵌套的子菜单。
阅读全文
摘要：今天，我们想与您分享一个实验性的3D效果。它涉及到一个3D移动设备和一些移动应用程序截图。点击切换按钮时，我们将让移动设备转动并移动每个画面，使我们能看到一个分层的视图。你可能之前没见过这种应用程序演示模式，使用 CSS 来实现这样的效果是十分有趣的事情。
阅读全文
摘要：在本教程中我将告诉你如何使用 CSS 变换来创建圆形导航。教程逐一讲解实现这个样式将要涉及一些基本的数学知识并配合 CSS 变换来创建这些样式。不过不用担心，这里用到的数学知识真的是很简单的。教程使用浅显易懂的语言来介绍数学逻辑，让你能够清晰的理解背后的技术。
阅读全文
摘要：前端开发并不容易，除了掌握基本的 HTML、CSS 和 Javascript 之外，因为不同版本的浏览器和平台，你需要知道如何做一个跨浏览器的网站。而最新的发展趋势——响应式设计，它不仅使 Web 项目开发更难，也需要花费更多的开发时间。不过，有很多优秀的框架可以帮助到你，这篇文章挑选了14个响应式的前端框架。我列出了它的 UI 组件和 Javascript 插件，几乎所有的都使用了响应式网格系统。
阅读全文
摘要：今天，给大家分享来自 Quess 的如何实现图片的形状遮罩和放大动画效果。在很多作品集网站中，我们经常能看到这样的造型和效果。就个人而言，我觉得我们不能因为旧的浏览器不支持，我们就放弃在项目中使用 HTML5 或者 CSS3 技术。我们应该“奖励”使用现代浏览器的用户，给他们一个更好的用户体验。
阅读全文
摘要：每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：使用 CSS，你能够以极高的效率和易用性创造出美丽的设计。CSS3 则更加强大，能够创造更多丰富的效果和功能，而不需要任何外部插件。今天，我为大家收集了25个很有用的 CSS 教程，技术和资源，能够帮助你提高技能。
阅读全文
摘要：每天都有很多新的网站推出，其中不乏一些设计极其优秀的作品。这个系列的文章，我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平，相信你可以得到很大的启发。
阅读全文
摘要：Cardinal 是一个适用于移动项目的 CSS 框架，包含很多有用的默认样式、矢量字体、可重用的模块以及一个简单的响应式模块系统。Cardinal 提供了一种在多种移动设备上实现可伸缩的字体和布局的新方法，值得关注。
阅读全文
摘要：
《Web 前端开发精华文章推荐》2013年第五期（总第十七期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
《Web 前端开发精华文章推荐》2013年第五期（总第十七期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要：这个使用 CSS 3D Transforms 实现创意书本效果的来自 Codrops 网站。你可以看到两种类型的书设计：精装书和平装书。这两个效果都可以很容易地使用 CSS 修改。赶紧体验一下吧。
阅读全文
摘要：Minimit Anima 是一个实现 CSS3 Transforms 和 Transitions 动画的 jQuery 插件。基于硬件加速的 CSS3 动画执行更快，而且它有一个类似于 jQuery 动画的 API。插件中包含的 jquery.transform.js 让你可以在不支持的 Transforms 的浏览器中实现缩放、旋转和倾斜效果。
阅读全文
摘要：Webydo 是一款专业的在线建站应用，使平面设计师可以创建和管理 HTML 网站，而无需编写代码。设计人员可以设计任何类型网站，只需要点击按钮，就能够发布先进的 HTML 网站。
阅读全文
摘要：S Gallery 是一款响应式的 jQuery 相册插件。使用了 HTML5 全屏 API 以及 CSS3 动画 和 CSS3 转换，所以只能在支持这些功能的浏览器中使用。这款插件它有一个特色功能：退出幻灯片模式回到网格视图模式，最后一张活跃的图片会以动画形式回到网格视图中的初始位置，因此用户知道他们浏览到画廊中的哪张图片上。
阅读全文