CSS浮动(float,clear)通俗讲解
很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。 写在前面的话： 由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲…
自定义Twitter Bootstrap 样式
自从一年前Twitter推出Bootstrap以来，它的推广程度就像火箭发射一样节节攀升。这个广受欢迎的CSS框架为众多网站提供了响应式网格系统，预定义样式的组件与JavaScript插件。 Bootstrap的设计初衷之一就是实用。当你要新建网站时，Bootstrap绝对是一个节约…
jQuery超简单实现的“回到顶部”按钮
今天我们介绍的这篇web开发小技巧将使用jQuery实现一个超简单的滚动到页面顶端的功能，代码如下： JavaScript代码: $(document).ready(function() { // 滚动窗口来判断按钮显示或隐藏 $(window).scroll(function() { if ($(this).scrollTop() >…
如何提高你的jQuery代码技巧
jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用，是因为它上手和使用相当简单，而且为我们WEB前端提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题，这通常是明智的选择。但是当…
HTML5/CSS3教程：使用SVG图片
在我们开始使用SVG前，让我们先了解一下 SVG，并且解释一下为什么使用SVG。 SVG全称是Scalable Vector Graphics，如果你使用过adobe Illustrator的话，相信你对这种适量格式的图片并不陌生！ 为什么使用SVG？ 文件非常小 能够无损失的缩放尺寸 在Retina…
textarea自适应高度JQuery插件
其实吧这个效果以前也写过，那个是使用div模拟的这样的话可以不用考虑删除的时候不变化的情况，还有就是复制黏贴的情况，这些不是大家熟悉的事件，这里要使用 onpropertychange和oninput来实现，还有就是当设置了最大高度的时候的问题，我这里实现了Math.m…
可缺省的CSS布局
一、技术不难、意识很难 有些东西的东西的实现，难的不是原料、技术；而是想不到，或者说意识不到。 例如下面这个简单而又神奇的魔术： 是吧。搞通了，才发现，哦~原来这么回事，很简单的嘛，我也可以实现的！其实，简单吗？不简单，很难，难在你想不到…
《精通javascript》几个简单的函数
精通JavaScript(图灵计算机科学丛书) ，让你大开眼界的 JavaScript 力作，跟随 jQuery 之父到达前所未有的深度，Amazon 五星盛誉图书。 本书是目前最深入的JavaScript图书，讲述了现代JavaScript的所有知识，展现了这门技术将能给网站建设带来如何丰富的…
浏览器大战全球战况：Chrome是新霸主
浏览器大战一直都很残酷，在不同的国家和地区，不同的浏览器表现各不相同。去年，Chrome、Firefox和IE分别是全球两大区域的霸主。现在，各个浏览器又是怎么样的情况呢？科技博客Pingdom根据市场调研机构StatCounter的统计数据制作了以下图片，带大家了解一…
最新发布的20个CSS3教程（附特效预览+源码）
1. Putting CSS Clip to Work : Expanding Overlay Effect 教程地址 2. Flipping Circle Slideshow 教程地址 3. 有创意的CSS加载动画 教程地址 4.丰富多彩的CSS3动画导航菜单 教程地址 5. 利用CSS3和jQuery实现照片集实时预览 教程地址 6. 定自…
关于CSS细节集合(三)
一、让层显示在flash之上 解决办法：给FLASH设置透明<param name=”wmode” value=”transparent” />或者<param name=”wmode” value=”opaque” /> 二、使一个层垂直居中浏览器中 解决办法：使用…
关于CSS细节集合(二)
一、IE6及以下不识别a 标签外的:hover伪类，在火狐，IE7里能正确达到效果，解决办法： https://csswang.com/show li.s1{ border:1px solid https://csswang.com/ff9900; background:https://csswang.com/454242;} https://csswang.com/show li.s2{ border:1px solid https://csswang.com/D9D8D8; background:https://csswang.com/312E2E;} 二、为元素设置hasLayout 很多IE6（或…
关于CSS细节集合(一)
一、当文字与图片在一行，需要将文字与图片底对齐，需要这样写： <li>记住密码<img src=”” align=”bottom” style=”margin-bottom:-4px”/></li> 二、当文字与图片在一行，需要将文字与图片居中对齐，需要…
10个步骤让你成为高效的Web开发者
要成为高产、高效的 Web 开发者，这需要我们做很多工作，来提高我们的工作方式，以及改善我们的劳动成果。 下面是 10 个提高效率的步骤，虽然不能保证解决你在开发中的所有问题，但至少是非常实用的，可以简化你的 Web 开发流程，使开发的每一个环节快速、…
2013年热门的Web设计趋势
在过去的2012年里我们看到了互联网的快速发展，各种技术的更新换代。对于网页设计师来说2012年也是很特别的一年。在这一年里你会发现很多东西就不一样了，几年前谈论的概念性的东西似乎在这一年都看到了原型。网页设计也不再循规蹈矩。各个公司和企业都学…
