实用的 CSS3 参考手册和代码生成工具
CSS3技术现在越来越成熟,通过CSS3的一些新特性(如box-sizing、边界半径、文字阴影、渐变等)创建的效果已经令前端开发者兴奋不已。使 用CSS3进行前端设计是未来的发展趋势。因此,如果你是一名前端设计师,就需要掌握这些最新的技术,否则就有可能会被淘…
前端需要理解的CSS3技巧
现在使用CSS3的网站越来越普及了,但是我们现在能真正用到的CSS3技巧又有哪些呢?这篇文章,我将向你展示一些与众不同的CSS3技巧,这些技巧在一些主要的浏览器中表现良好(如Firefox,Chrome,Safari,Opera浏览器)。 这些效果会在不支持的浏览器中降级渲…
页面前端的水有多深?
但凡从事互联网的人基本都会写几行 html,用过 Word 的人用 Dreamweaver 也能做出规整的页面,所以大部分人会很自然地认为“页面的开发没什么技术含量,很简单”。不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实现,没问题;兼容性,小 cas…
CSS3圆角例子
在网页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。CSS3是CSS技术的升级版本,CSS3语言开发是朝着模…
你用的到的精美jQuery&https://csswang.com/038;CSS3效果
作为最流行的 JavaScript 开发框架,jQuery 在现在的 Web 开发项目中扮演着重要角色,它简化了 HTML 文档遍历,事件处理,动画以及 Ajax 交互,而 CSS3 作为 CSS 的下一个版本,增加了圆角、旋转、阴影等强大的特性,甚至还可以实现需要 JavaScript 才能实…
CSS3属性选择器 – 文件类型
CSS3的属性选择器是非常有用的功能,只要元素有类似的href,src的属性我们就可加以利用来实现功能,此类功能可以大量减少多余CSS。其实从CSS2.1开始选择器就已经开始使用,这里我介绍一款CSS3新增选择器的使用方法,指定文件类型的选择方法,个人觉得非常…
CSS3的column实现瀑布流效果
图片瀑布布局很好看,以前也看过别人实现的一些方法,大部分是用js实现的,今天试了一下,用CSS3简单的实现了类似的布局效果,希望对大家有用 使用CSS3的多列column实现瀑布流效果,涉及到CSS3的时候,我们首先要抛弃的是IE,然后再跑到高版本的FireFox或…
CSS3多背景图、背景大小
背景图片/纹理有很多种使用方式,常常用于为添加网站的最佳的界面美化。现在它在CSS3中被重视,我们可以应用多背景图和背景图片尺寸来实现更完美的效果。 CSS3的背景图片大小可以写成 background-size:Apx Bpx; -Apx = x轴(图片宽度) -Bpx = y轴(图片高度…
IE10将增强对HTML5和CSS3的支持
Windows 8 终于发布了,虽然现在可用的只是开发者预览版,好消息是,IE 10 也随着发了,虽然现在还只有Windows 8可用。我们来看下IE10都有哪些新特性吧。 IE开发者中心给到了一份详细的针对前端开发者的文档,列出了IE10支持的HTML5和CSS3新特性。嗯,它终…
推荐8款非常实用的CSS工具
从学习新的CSS3属性,到使您的CSS代码更高效,这里必然有你需要的一款CSS工具。 1.CSS3 Patterns Gallery CSS3 Patterns Gallery,让您通过缩略图或全屏模式浏览各种CSS3样式,搜集各种各样的CSS样式以便于你可以借用到你的网站上。 2.PrefixMyCSS Prefi…
开源中-Web开发资源大杂锦
学习HTML 5编程和设计 ★ HTML5 Rocks : Major Feature Groups 的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码 很不错的 HTML5 Dashboard – Mozilla,效果很炫。 WhatWG Developers, 一个清楚的 HTML5 技术规格说明书。 ★ StackOverflow : 大名鼎鼎的技…
CSS3圆角详解
一、CSS3圆角的优点 传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,而且还有其他多个优点: 减少维护的工作量。图片文件的生成、更新、编写网页代码,这些工作都不再需要了。 提高网页性…
揭秘HTML5和CSS3
互联网的发展总是在不断地催生新技术的产生,而HTML5和CSS3是最近一直被讨论的热门话题,对于每个互联网开发者尤其是前端开发者而言,都充满了好奇与渴望。 HTML5 HTML 5草案的前身名为Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,…
疯狂、痴迷令人难以置信的纯 CSS3 图标
尽管被批评为走火入魔,CSS3 痴迷者们仍然在尝试实现各种基于纯 CSS 的图形与图标设计,如果你看到本文介绍的这些精美图标,你绝对不会相信它们完全是由 CSS3 代码生成的。尤其是那套由 Louis Harboe 设计的 iOS 图标,那么微妙的色彩与纹理,真的难以置…
主流网站开始使用HTML5了
一些前端开发者们认为IE6、7、8不支持,HTML5离我们还有很远就不去关注它。其实,HTML5 现在越来越盛行了,并不是那么遥不可及。你有没有发现,不管是在博客上还是在QQ群里,已经随处可见对HTML5的讨论,而且有传闻说一些公司的前端招聘 开始需要具备HTML…