• 网页版 - 找色差小游戏
  • 精选11个超酷炫的 CSS3 文本特效
  • 超赞!提供【免费下载】整理61个HTML5+CSS3的登陆表单
  • 缺乏灵感?来学习创意人士的18个独特行为方式
Html5+Css3

CSS基础(六):浮动深入解说

CSS基础(六):浮动深入解说
在标准流中,一个块级元素在水平方向会自动伸展,直到包含它的元素边界;而在竖直方向和兄弟元素依次排列,不能并排。使用浮动方式后,块级元素的表现就会不同。简单的说多个不设宽度的块级的元素可以横向排列。...

2年前 (12-12) 335℃ 评论 () 163喜欢

Html5+Css3

CSS基础(五):定位技术

CSS基础(五):定位技术
CSS定位机制CSS 有三种基本的定位机制:相对定位、浮动和绝对定位。
相对定位相对定位指的是设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。...

2年前 (12-12) 430℃ 评论 () 1372喜欢

Html5+Css3

CSS基础(四):盒模型

CSS基础(四):盒模型
CSS盒模型:HTML文档中可以将每个元素都看作是长方形的盒子。而CSS盒模型规定了元素框处理元素内容content、内边距padding、边框border和外边距margin的方式。下图是W3C对于盒模型的描述图。...

2年前 (12-10) 198℃ 评论 () 153喜欢

Html5+Css3

CSS技巧(二):CSS hack

CSS技巧(二):CSS hack
CSS hack由于不同的浏览器,比如IE6,IE7,Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。...

2年前 (12-10) 255℃ 评论 () 134喜欢

Html5+Css3

CSS技巧(一):清除浮动

CSS技巧(一):清除浮动
在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出...

2年前 (12-09) 467℃ 评论 () 1589喜欢

Html5+Css3

[译]响应式图像

[译]响应式图像
自从2010年Ethan Marcotte开始讨论响应式网页设计,开发者和设计师们竞相寻求处理响应式图片的方法。这的确是一个棘手的问题 ,因为我们对同一个网站在众多设备宽度下,使用同一...

2年前 (12-08) 318℃ 评论 () 197喜欢

脚本代码

scrollReveal.js – 页面滚动显示动画JS

scrollReveal.js – 页面滚动显示动画JS
和 WOW.js 一样,scrollReveal.js 也是一款页面滚动显示动画的 JavaScript,能让页面更加有趣,更吸引用户眼球。不同的是 WOW.js 的动画只播放一次,而 scrollReveal.js 的动画可以播放一次或无限次;WOW.js 依赖 animate.css,而 scrollReveal.js 不依赖其他任何文件...

2年前 (12-07) 2647℃ 评论 () 180喜欢

经验/技巧

关于软件的生命周期

关于软件的生命周期
第一次听说生命周期这个概念还是在一次面试中,面试官让我说说一个框架的生命周期,然后。。。然后。。。面试就结束了好吧,回到正题,生命周期是什么,百度百科上面搜一下生命周期、软件生命周期 很多描述。我所理解的生命周期就是一个事物的核心流程,例如:...

2年前 (12-06) 112℃ 评论 () 104喜欢

Js+JQuery

关于Function.prototype.bind

关于Function.prototype.bind
bind()方法会创建一个新函数,称为绑定函数。当调用这个绑定函数时,绑定函数会以创建它时传入bind()方法的第一个参数作为 this,传入 bind() 方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调用原函数。...

2年前 (12-06) 157℃ 评论 () 146喜欢

Js+JQuery

你所不了解的setTimeout

你所不了解的setTimeout
看到了一篇不错的文章《你会用setTimeout吗 》,转载过来的,改了个名字,一下子感觉搞大上了,嘎嘎。加了几个关于 setTimeout 和setInterval的小知识:...

2年前 (12-06) 1101℃ 评论 () 650喜欢

Html5+Css3

css font的简写规则

css font的简写规则
CSS的命名规则是用英文字母数字和下划线(一般用小写)来命名,简写css font的好处有三:一是写起来方便(就像键盘快捷键);二是简化代码;三是帮助你熟悉和深刻理解css。...

2年前 (12-03) 259℃ 评论 () 120喜欢

经验/技巧

黄金比例在设计中的运用

黄金比例在设计中的运用
吉萨金字塔、蒙娜丽莎、Twitter和百事可乐有什么共同点?答案很简单,它们的设计都遵循了黄金比例。作为一个常见的数学比例,黄金比例实际上 是从自然界中总结并发现的,用于设计中的时候能赋予作品更多的设计美感,赏心悦目。那么,黄金比例到底是怎么样的比例,它又是如何运用到设计中并提升设计 作品的呢?什么是黄金比例?


...

2年前 (12-02) 403℃ 评论 () 95喜欢

UI设计

小白科普:UI设计中的48DP定律

小白科普:UI设计中的48DP定律
其实对于一个非技术人员要把这个概念完全搞清楚还挺复杂的,所以我们就知道他是干什么用的就好,因为安卓阵营的碎片化,所以会有杂七杂八的不同分辨率的屏幕,但是一个UI人员不可能对不同分辨率把应用的图片都切一遍吧...

2年前 (11-29) 139℃ 评论 () 120喜欢

Js+JQuery

异步加载 js 的多种解决方案

异步加载 js 的多种解决方案
默认情况javascript是同步加载的,也就是javascript的加载时是会阻塞的,后面的元素要等待javascript加载完毕后才能进行再加载,如何解决这个问题呢,接下来将为你详细介绍下异步加载js三种实现方案,感兴趣的你可以参考下哈...

2年前 (11-28) 1215℃ 评论 () 135喜欢

Html5+Css3

如何使用SVG图案

如何使用SVG图案
图案是非常常用的设计元素。它可以提供对比,创建一个深度感,并给组合添加趣味。SVG可以很方便地创建和使用图案,随心所欲,这篇文章我们要讨论元素,以及如何在SVG中使用这个元素。大概会讲SVG图案的基础,然后下一篇讲解如何创建复杂一些的图案。...

2年前 (11-25) 438℃ 评论 () 152喜欢

UI设计

教你画小人儿

教你画小人儿
这不仅仅是一篇经验,而是前辈用日积月累得工作心得,用笔记用脑想,最重要得是要走心。还有我是占位符不是简介。...

2年前 (11-24) 156℃ 评论 () 73喜欢

脚本代码

视频播放插件Video.js

视频播放插件Video.js
Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。...

2年前 (11-24) 3395℃ 评论 () 172喜欢

Js+JQuery

如何在JavaScript中正确引用某个方法(bind方法的应用)

如何在JavaScript中正确引用某个方法(bind方法的应用)
如何在JavaScript中正确引用某个方法(bind方法的应用),文中有关JavaScript,bind,方法,上下文的内容,希望对大家有所帮助。
在JavaScript中,方法往往涉及到上下文,也就是this,因此往往不能直接引用,就拿最常见的console.log("info…")来说,避免书写冗长的console,直接用log("info…")代替,不假思索的会想到如下语法:...

2年前 (11-23) 143℃ 评论 () 118喜欢

Js+JQuery

加入收藏js代码 兼容所有浏览器

加入收藏js代码 兼容所有浏览器
我们介绍一个可兼容所有浏览器的加入收藏代码代码,大概原理是这样的我们根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器,根据浏览器是否支持加入收藏js命令,如果可以自动收藏否则就提示ctrl+D手动收藏了。...

2年前 (11-23) 628℃ 评论 () 119喜欢