随笔分类 - CSS3
样式设置
摘要:下拉菜单是一个很常见的效果,在网站设计中被广泛使用。通过使用下拉菜单,设计者不仅可以在网站设计中营造出色的视觉吸引力,但也可以为网站提供了一个有效的导航方案。使用 HTML5 和 CSS3 可以更容易创造视觉上充满吸引力的下拉菜单。
阅读全文
摘要:CodePen 是一个在线的 HTML、CSS 和 JavaScript 代码编辑器,能够编写代码并即时预览效果。你在上面可以在线展示自己的作品,也可以看到其他人在网页中实现的各种令人惊奇的效果。今天这篇文章就为大家挑选出8个超炫的 Web 效果演示,这些 Demo 可以说都是艺术品,让小伙伴们都惊呆了!
阅读全文
摘要:这篇文章介绍十款让 Web 前端开发人员生活更轻松的实用工具。对于每一项工作,开发人员需要特定的辅助工具,所以如果下面这些工具对于你来说都是新的领域,那么这篇文章是非常有用的,因为这些实用的工具将让你的工作更有效率。
阅读全文
摘要:这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章,是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中,她查阅了所有公开发布的关于浏览器内部机制的数据(请参见资源),并花了很多时间来研读网络浏览器的源代码。
阅读全文
摘要:Hover.css 是一套基于 CSS3 的鼠标悬停效果和动画,这些可以非常轻松的被应用到按钮、LOGO以及图片等元素。所有这些效果都是只需要单一的标签,必要的时候使用 before 和 after 伪元素。因为使用了 CSS3 过渡、转换和动画效果,因此只支持 Chrome、Firefox 和 Safari 等现代浏览器。
阅读全文
摘要:响应式设计用于创建可在任何设备上进行查看,并可以从智能手机屏幕无缝地切换到台式电脑屏幕的网站的技术。它的重点是确保轻松导航和可读性,以最小的缩放,滚动或平移必需的。路已变得不那么的最近趋势和更多的必需品,作为可以跨多种操作系统和设备的增加迅速查看手机兼容的网站的需求。
阅读全文
摘要:感谢大家在过去一年对《梦想天空》博客的支持,2014年我会继续向大家分享更多更好的前端开发相关的技术文章、资源和素材。祝大家在新的一年里心想事成,马到成功!这篇文章挑选了10篇2013年最受欢迎的前端开发博文,看看有没有你错过的精彩内容。
阅读全文
摘要:SpinKit 是一套网页动画效果,包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑,易于定制的动画。SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案,而是给现代浏览器提供更加的技术实现方案和使用体验。
阅读全文
摘要:Myth 是一个预处理器,可以让你编写纯CSS,而无需担心速度慢的浏览器的支持。有点类似于 CSS polyfill 。Myth 让你写纯粹的 CSS,同时还让你可以使用类似 LESS 和 Sass 的工具。您仍然可以使用变量和数学函数,就像你在其它预处理器中使用的一样。
阅读全文
摘要:《Web 前端开发精华文章推荐》2013年第九期(总第二十一期)和大家见面了。梦想天空博客关注前端开发技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要:inuit.css 是一个强大的,可扩展的 CSS 框架,另外还是基于 Sass,面向对象的框架。inuit.css 是建立在 BEM 风格的命名约定,非常适合于想要专注于创意而不是代码的设计师以及喜欢抽象和面向对象方法的开发人员。它提供给你设计模式,而不是设计决策。
阅读全文
摘要:今天的《优秀前端教程》给大家带来的是一组扁平风格的 3D 进度按钮样式,其中的按钮本身作为一个进度指示器。3D 样式是用于在按钮的一侧展示j进度。需要注意的是,这些效果都是借助于在伪元素上使用过渡特效,因此在某些浏览器(如 Safari 和移动 Safari 浏览器等)不支持。
阅读全文
摘要:我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。《CSS 魔法系列》继续给大家带来 CSS 在图形绘制中的创新使用。
阅读全文
摘要:由于互联网世界正在发生变化,人们往往喜欢那些有更多互动元素的网站,因此现在很多设计师专注于他们的 CSS3 技能。这是因为 CSS3 技能可以帮助他们在很大的程度上实现所需的吸引力。这里分享的20个优秀的 CSS3 按钮效果制作教程,你可以学习这些技术并使用它们为您的作品创造更多的乐趣。
阅读全文
摘要:在网站中,有很多地方会需要在图片上显示图片标题。使用 CSS3 过渡和变换可以实现动感的鼠标悬停显示效果。没有使用 JavaScript,所以只能在支持 CSS3 动画的现代浏览器中才能正常工作。您可以查看网页的源代码,了解动画是如何工作的。
阅读全文
摘要:由于互联网世界正在发生变化,人们往往喜欢那些有更多互动元素的网站,因此现在很多设计师专注于他们的 CSS3 技能。这是因为 CSS3 技能可以帮助他们在很大的程度上实现所需的吸引力。这里分享的20个优秀的 CSS3 按钮效果制作教程,你可以学习这些技术并使用它们为您的作品创造更多的乐趣。
阅读全文
摘要:我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。
阅读全文
摘要:《Web 前端开发精华文章推荐》2013年第八期(总第二十期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章和资源能够帮助到您。
阅读全文
摘要:数以百万计的设计师和工程师采用 Foundation 作为他们的产品和网站设计的前端框架。Foundation 是第一个响应式、语义化和移动优先的开源框架。最近发布的 Foundation 5 建立了一个新的命令行工具,可以让你更快速的建立起 Foundation 项目,这些项目现在将使用 Libsass——后端的 Sass 编译库,这将大大加快执行速度。
阅读全文
摘要:在 CSS 测量系统中,有好几种单位,如像素、百分比、英寸、厘米等等,Web 开发人员很难了解哪些单位在何处使用,如何使用。很多人习惯了总是使用同一种单位,但这一决定可能会严重限制你的设计的执行。《Which CSS Measurements To Use When》 这篇文章介绍了各种单位的使用场合,可以参考一下。
阅读全文