随笔分类 - 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 开发工具,希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
![](http://pic002.cnblogs.com/images/2011/36987/2011052100381124.png)
摘要:这个使用 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 转换,所以只能在支持这些功能的浏览器中使用。这款插件它有一个特色功能:退出幻灯片模式回到网格视图模式,最后一张活跃的图片会以动画形式回到网格视图中的初始位置,因此用户知道他们浏览到画廊中的哪张图片上。
阅读全文