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

HTML5本地存储Localstorage

HTML5本地存储Localstorage
来自叶小钗的“HTML5本地存储Localstorage”,讲了什么是HTML5本地存储、基础知识和使用方式,帮助你快速学会在移动前端中使用localstorage.什么是localstorage...

3年前 (12-28) 295℃ 评论 () 156喜欢

UI设计

新手学习设计的五大雷区&三个独门秘籍!

新手学习设计的五大雷区&三个独门秘籍!
经常看到一些讲如何学习设计的文章,坦白讲感觉有些千篇一律、且不痛不痒,都说要看点书、学点画、练软件、多观察……唉,练软件这事还要说么,难道你还需要告诉一个人学开发是需要学习编程语言的?...

3年前 (12-27) 215℃ 评论 () 155喜欢

UI设计

日常设计:网站设计灵感的十个来源

日常设计:网站设计灵感的十个来源
你永远不会知道创意的火花什么时候会撞击到你。在项目过程中,我经常发现一些最平常的事物可以让我用一种新的或不同的方式进行思考。这里有10个除了网站以外的我最喜欢的设计灵感资源。...

3年前 (12-24) 432℃ 评论 () 143喜欢

经验/技巧

移动端web app自适应布局探索与总结

移动端web app自适应布局探索与总结
在这之前做web app开发的的时候,在自适应方面一般都是宽度通过百分比,高度以iPhone6跟iPhone5之间的一个平衡值写死,我们的设计稿都是iPhone5的640 * 1136标准,所以高度一般取个大概值,各种图标的宽高也是取平衡值写死,然后部分样式通过媒体查询来设置,例如背景图的多倍图、基础字体大小、图标宽高。
...

3年前 (12-23) 1426℃ 评论 () 225喜欢

脚本代码

纯CSS3制作的跳动的小猪动画

纯CSS3制作的跳动的小猪动画
用纯CSS3实现的动物或者卡通人物实例很多,我们在HelloWeb上也分享过很多,像9款用HTML5/CSS3制作的动物、人物动画里面就有很多超酷的。今天我们要来看一款很可爱的纯CSS3浮动小猪,同时,小猪在浮动时投影也会跟着浮动,动画效果非常逼真。...

3年前 (12-22) 697℃ 评论 () 133喜欢

UI设计

黄金比例,你丫滚远点!

黄金比例,你丫滚远点!
今天文章的主题叫做“去他娘的黄金比例”文章灵感来源于经常有粉丝私信问我:小工举,我看好多图标跟logo都有很多辅助线,(大概如下图)...

3年前 (12-21) 357℃ 评论 () 129喜欢

Html5+Css3

HTML DIV+CSS 命名规范大全

HTML DIV+CSS 命名规范大全
网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇。常用DIV+CSS命名大全集合,即CSS命名规则...

3年前 (12-21) 1782℃ 评论 () 225喜欢

脚本代码

juery+html5 实现圣诞节雪花效果

juery+html5 实现圣诞节雪花效果
分享一款基于jQuery和HTML5的圣诞节动画特效,应该说这款动画主要是由jQuery制作完成,中间利用了一些CSS3和HTML5的相关特性,来完成了圣诞夜雪花飞舞的动画效果。虽然今年的圣诞节还早,但你可以把这款动画保留到那天,送给你喜欢的人!...

3年前 (12-20) 395℃ 评论 () 150喜欢

UI设计

【干货】网站优化指南与用户体验五要素

【干货】网站优化指南与用户体验五要素
虽然标题指的是网站,但同样适用于移动端的UI设计,所以无论你做网站或者是APP设计,都可以参考本文来做用户体验或交互,特别是本文中提到的“用户体验的五要素”,这个方法论接近万能,可以让你在思考中保持清晰思路,不懂产品的都可以按这个理论来实践。...

3年前 (12-20) 266℃ 评论 () 187喜欢

Html5+Css3

css去掉a标签点击后的虚线框

css去掉a标签点击后的虚线框
outline是css3的一个属性,用的很少。声明,这是个不能兼容的css属性,在ie6、ie7、遨游浏览器都不兼容。outline控制的到底是什么呢?当聚焦a标签的时候,在a标签的区域周围会有一个...

3年前 (12-17) 417℃ 评论 () 126喜欢

UI设计

网页设计未来趋势:高清设计

网页设计未来趋势:高清设计
高清图片、视频、动画越来越多被运用于网页设计中,本文对这种设计方式进行了全面的分析与阐述
网页设计中最热门的技巧之一,就是高清背景图,这得益于高清显示屏的普及。但面对复杂的商标时,就不好处理了。...

3年前 (12-16) 422℃ 评论 () 108喜欢

Html5+Css3

CSS基础(一):开篇

CSS基础(一):开篇
HTML是一种超文本标记语言,用来定义文档的结构和内容,例如标题、段落和列表等等,而文档内容如何渲染、如何展示,这就需要样式来修饰了。 CSS正是可以与HTML很好地结合。如果将HTML比作水,那么CSS就是水杯,用怎样形状的水杯来装水,水就显示不一样的形状。...

3年前 (12-14) 318℃ 评论 () 195喜欢

Js+JQuery

JavaScript思维导图,助你轻松学习JS

JavaScript思维导图,助你轻松学习JS
Javascript思维导图:包含javascript变量、javascript运算符、javascript数组、javascript流程语句、javascript字符串函数、javascript函数基础、javascript基础DOM操作、javascript正则表达式...

3年前 (12-12) 1435℃ 评论 () 304喜欢

Html5+Css3

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

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

3年前 (12-12) 347℃ 评论 () 167喜欢

Html5+Css3

CSS基础(五):定位技术

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

3年前 (12-12) 459℃ 评论 () 1374喜欢

Html5+Css3

CSS基础(四):盒模型

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

3年前 (12-10) 212℃ 评论 () 156喜欢

Html5+Css3

CSS技巧(二):CSS hack

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

3年前 (12-10) 271℃ 评论 () 137喜欢

Html5+Css3

CSS技巧(一):清除浮动

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

3年前 (12-09) 488℃ 评论 () 1592喜欢

Html5+Css3

[译]响应式图像

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

3年前 (12-08) 330℃ 评论 () 202喜欢

脚本代码

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

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

3年前 (12-07) 3036℃ 评论 () 185喜欢