本文介绍 8 个 CSS 预处理器，用以提升你的 CSS 开发速度。 Less CSS Less CSS 是一个使用广泛的 CSS 预处理器，通过简单的语法和变量对 CSS 进行扩展，可减少很多 CSS 的代码量。 Get it: http://www.oschina.net/p/lesscss Sass Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。 Get it: http://www.oschina.net/p/sass T…
纯css背景颜色渐变css写法： [codesyntax lang="php"] .boxbg{ width:100%; height:auto; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#AC5F45,endColorStr=#612014); background: -ms-linear-gradient(top, #AC5F45, #612014); background: -moz-line…
鼠标滑动上向上缓慢弹出显示隐藏层 demo: DWCS6软件的新特性 1.增加移动平台设置 2.增加移动平台设置 3.增加移动平台设置 4.增加移动平台设置 html代码如下： <div id="box"> <img src="img/dwcs6_02.jpg" /> <dl> <dt>DWCS6软件的新特性</dt> <dd>1.增加移动平台设置</dd> <dd>2.增加移动平台设置<…
js鼠标滑到图片上显示渐变弹出大图 dome示例： js代码如下： [codesyntax lang="php"] function getViewportHeight() { if (window.innerHeight!=window.undefined) return window.innerHeight; if (document.compatMode=='CSS1Compat') return document.documentElement.clientHeight; if (document.body…
div当滚动到页面顶部的时候固定在顶部，离开可继续滚动 jq实现代码如下： [codesyntax lang="php" lines="normal"] <script type="text/javascript" src="http://www.webzsky.com/source/web_js/jquery-1.5.1.min.js"></script> <script type="text/javascript"> $(function(){ //获取要定位元素距离浏览器顶…
页面滚动到一定位置时触发事件：隐藏、固定显示相互切换 HTML5 中的一些新特性 简洁的DOCTYPE 简单易记的语言标签 简单易记的编码类型 不需要闭合标签 废弃的标签 更加语义化的新增标签 表单增强 视频和音频 基于JavaScript 的2D 绘画 js代码如下： <script> window.onload=function(){ var oFix=document.getElementById('fixed'); //获取dom节点 show(); window.onscroll=show; …
前端工程师的一般性特点: 1.技术控，会前端，也会一门非前端语言。 2.对异性的期望较高但是实际情况相反。 3.对IE系列尤其是IE6同仇敌忾。 4.很多人多才多艺，但不经常炫出来。 5.喜欢尝试新鲜东西，尤其是互联网产品。 6.陌生场面会比较内敛，但是大多内心热情，用一个词也可以说是闷骚。 7.工作之余时间在电脑面前呆得比较多。 8.身体素质一般。 源码实例： [codesyntax lang="php"] <type="text/css"><!-- .info{width:600px; hei…
乔布斯生前很少接受电视采访，1995年《书呆子的胜利》节目曾采访了乔布斯，节目播出时只用了其中的一小段，采访母带 后来在从伦敦运往美国途中遗失，多年来节目组以为再也找不到完整的采访。这许多年过去了（就在最近）导演竟然在车库里发现了一份VHS拷贝！在这段将近20年前的访谈 中，乔布斯的睿智、品味与热情依然能够震撼屏幕前的你！ 一段时长为70分钟的乔布斯采访视频将会以电影的形式，从11月19日开始在美国各大影院放映。这部影片被命名为Steve Jobs：The Lost Interview（《史蒂夫.乔布斯：遗失的访谈…
1、已无法胜任WEB技术高速发展的今天IE6的安全性, 性能, 功能明显地已经满足不了现在的网络需求。 2 、IE6阻碍了WEB技术的发展 IE6无法支持新技术，为了照顾它，我们不得不含泪抹杀掉新创意，新想法，新技术。 3、提高开发成本 为兼容IE6 ，必须写更多的代码去照顾它，占用了本不该占用的网络资源。 4、无法支持PNG图片 使用滤镜或插件弥补此方面的不足，会导致浏览器占用超高资源, 并且得不到预想效果。 5、安全性能系数低 IE6的安全性太低，为流氓软件迅速发展"立下"的"汗马功劳"。 6、大型网站已不再对…
在w3cfuns.com上看到一篇文章觉得写得非常生动有理，有趣，拿来分享，自我勉励。 具体内容如下： 前端攻城师（工程师）一定要做的6件事 做前端要做的6大事：一定要有饭吃，一定要学习，一定要犯错，一定要跳槽，一定要博客，一定要分享。 一定有饭吃 06年前端工程才慢慢出现，那时候也许你还很难有吃的好的饭，因为他不被人重视，现在呢，以设计为基础的前端工程和以程序为基础的前端工程师，他们已经慢慢无法适应前端的发展，跟上去咱们一定有饭吃。 一定要学习 前端发展这么快的今天，您是否还在原地踏步，您是否注意到新一代Code…