css选择器优先级(大鱼吃小鱼，小鱼吃虾米)
css选择器优先级很有意思的一张图都有谁能看不懂的.
css定位之z-index问题分析
关于z-index，目前遇到的一些问题 某些浏览器下元素层级遮盖存在bug; 某个元素z-index设的太大，导致始终无法被遮盖; js动态计算z-index，导致元素覆盖关系部可控 层级遮盖bug出现的原因： IE6/7对z-index的表现跟IE8及以上浏览器不一致。position值为…
国内优秀前端开发Javascript框架库列表
此列表会一直更新、维护下去，以帮助大家了解、推动国内Web前端技术框架的发展， Arale – https://csswang.com/3632-2/ NJF – https://csswang.com/tag_%e8%8b%b9%e6%9e%9c%e5%ad%97%e4%bd%93/ Como(盛大) – https://www.comsome.com EdoJs – https://csswang.com/ DWZ – https://j-ui.com/ JX(腾…
五行代码终极完美解决从IE6到Chrome position:fixed问题
五行代码终极完美解决从IE6到Chrome所有浏览器的position:fixed;以及闪动问题 这个方法其实已经使用很久了，是目前最简洁的方式来实现ie6的position:fixed; 失效bug，以及的其他方法的闪动问题，CSS代码如下，很简单，自行修改调试即可： html{ _backgrou…
94%的软件开发者赌HTML5将赢得移动未来
2个月前，Facebook转向开发iOS应用，其CEO扎克伯格称Facebook最大的错误是“在HTML5上下赌注太多，在本地程序下注太少。”， 一时间很多人据此判断HTML5的前景渺茫，不过据VentureBeat网站报道，一份最新的面向开发者的调查显示，超过94%的软件开发者看好HTM…
css之overflow与padding-right
前几天遇到一个问题，一直没找时间把它记下来，今天终于抽出点时间来看看它！对于我来说，它是一个问题，也许是我之前对它理解不够深，所以才会走入陷阱，好了，言归正传，我们来看看这个问题。 首先，准备如下html内容： <!DOCTYPE HTML> <html…
WEB开发中合理选择图片格式
从某种程度上来讲，如何判断一个网页设计师是否优秀，可以从其在WEB开发（或网页设计）中是否合理采用各种图片格式来得出结论。事实上，或许所有人都知道图片存在GIF，JPG和PNG等格式，但并非所有人都知道它们之间的具体区别和应用技巧。本文将给大家介绍…
标签？ID？还是CLASS？
想谈一下几个基本的HTML问题，都是围绕着应该怎样使用HTML。 1. 多用有语义的标签，少用div和span，避免使用没有class的div和span。 设想一下HTML的世界最初只有div和span这两个标签，其实网页依然可以写得出来。更多标签的出现，其实是为了替代利用率高…
margin负值各种应用
一直在做各种项目接各种需求，但你的代码能力得到提高了吗？不停的项目经历虽然能够增加你的代码行数，但不一定能提升你的代码质量，所以除了构建阶段的代码细扣，项目之后的代码总结是至关重要的。 微吧中除了模块化、公用和皮肤元素处理外，还有很多可…
多个细节帮助你更优雅地书写页面
我们常以“整齐”，“易读”，“亲切”，“易于维护”，“复用性强”等来形容一些优秀的开发者所写的代码。现在，对代码的好评还有一个更为时尚的词“优雅”，是不是听起来觉得很亲切呢？ 页面是互联网产品的表现层面，不仅讲求外观，而且会应对更新迅速的互联网产品…
10常用的jQuery表单操作代码片段
Query绝对是一个伟大的开源javascript类库，是帮助我们快速和高效开发前端应用的利器。可能大家在日常的开发过程中常常会处理表单相关的javascript，在今天这篇代码片段分享文章中，这里收集了10个超棒超实用的jQuery表单处理代码，希望能够在大家的开发…
如何利用CSS创建整个页面的动画
现代浏览器像 IE10 已经支持了 CSS3D、CSS2D和CSS动画。利用这些技术与js相结合可以有更好的性能和灵活度替代传统的动画。 旋转整个页面 旋转一个元素,设置Z轴45度： https://csswang.com/element { transform: rotateZ(45deg); } 旋转整个页面,设置Z轴45度： body …
五项Web新兴技术：WebGL和SVG名列其中
Bruce Lowson是Opera开放web标准的撰写人员之一，一些没有包含在HTML5之内的浏览器技术十分奇妙，包括WebGL和SVG，作者希望通过本文与共同爱好者们分享。 最近一位HTML5专家Rich Clark（作者的好朋友）为大家做了一个HTML5 APIs的简介，在文章中为大家指向…
提高效率的小工具GuideGuide
提高效率的小工具GuideGuide 今天为大家介绍一款非常实用的PS小插件GuideGuide，它提供了一个非常便捷的方式生成像素级别的辅助线（栏，行，中线……） 想像一下在PS里面创建好一组多栏目的辅助线：页面多宽，分2栏目还是3栏，分栏里面又有多少个分栏……数学…
使用table进行制作网页历史渊源
十年之前，网络的发展仍处于起步阶段经历。开发人员通常会使用HTML4 table建立网站的布局构造，这是标准的做法大部分时间。当CSS终于成长为流行的先例开始发生变化。这时开发人员更容易使用div元素和一切与CSS样式表的位置。 但即使是现代的做法HTML5/CSS…
