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

拿什么来拯救你,我的table

拿什么来拯救你,我的table
table曾经在网页开发中占据着举重若轻的地位——布局,即使到了Web2.0我们依旧可以看到其布局的身影。然而技术是不断进步的Div+Css组合方式终究敲开了老式布局的大门刮起了新的一轮布局浪潮...

3年前 (08-05) 568℃ 评论 () 71喜欢

Html5+Css3

介绍 css3阴影 box-shadow用法总结

介绍 css3阴影 box-shadow用法总结
CSS3盒阴影效果不仅支持盒外阴影,还支持内阴影,使用时增加一个inset属性即可。例如:box-shadow: inset 0 0 1px #fff;所表示的含义是没有偏移,1像素模糊的白色内阴影。...

3年前 (08-04) 595℃ 评论 () 86喜欢

Js+JQuery

详解 JavaScript 中的 this

详解 JavaScript 中的 this
摘要:JavaScript中的this总是让人迷惑,应该是js众所周知的坑之一。 个人也觉得js中的this不是一个好的设计,由于this晚绑定的特性,它可以是全局对象,当前对象,或者…有人甚至因为...

3年前 (08-02) 250℃ 评论 () 68喜欢

UI设计

热门移动端输入交互

热门移动端输入交互
任何移动应用,若没有用户起初和持续不断的输入,就什么也不会发生。因此,移动产品设计师、开发者和产品经理要了解最佳的输入方式,这点至关重要。尽管移动应用——还有使用它们的用户——通常都很独特,但仍有很多通用模式(新旧都有)用来解决这一特殊问题......

3年前 (08-02) 484℃ 评论 () 82喜欢

UI设计

动效设计原理:从卡通动画到UI动效

动效设计原理:从卡通动画到UI动效
在设计过程中,设计师很重视单页的视觉效果,却经常忽略了对界面跳转的处理。这些未经处理的跳转由于没有提供足够的预期,所以用户在使用时经常会觉得困惑。与此相反,在卡通领域,由于使用了足够的动画效果......

3年前 (07-31) 225℃ 评论 () 62喜欢

Js+JQuery

模拟某个特定版本的IE浏览器的渲染方式

模拟某个特定版本的IE浏览器的渲染方式
这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟IE7的具体方式如下:
< meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />...

3年前 (07-30) 240℃ 评论 () 68喜欢

UI设计

如何做好App的引导页?

如何做好App的引导页?
当你第一次打开一款应用的时候常常会看到精美的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与特点,第一次印象的好坏会极大地影响到后续的产品使用体验。因此各个公司都在努力将这几个页面设计好,从一开始就引人入胜。那接下来我跟大家一起来探讨关于引导页的设计......

3年前 (07-29) 675℃ 评论 () 71喜欢

Html5+Css3

Media Queries CSS3的媒体查询

Media Queries CSS3的媒体查询
CSS3中的Media Queries增加了更多的媒体查询,同时你可以添加不同的媒体类型的表达式用来检查媒体是否符合某些条件,如果媒体符合相应的条件,那么就会调用对应的样式表。换句简单的说,“在CSS3中我们可以设置不同类型的媒体条件,并根据对应的条件,给相应符合条件的媒体调用相对应的样式表”......

3年前 (07-27) 8675℃ 评论 () 100喜欢

UI设计

空间配色技巧

空间配色技巧
故事是这样的,过去空间的配色很多,每次提取确实如同解密一样的充满“惊喜”。
亮瞎眼的邻近色 相近颜色太多,差异不大,光一个灰色都有三四个,隐隐的感觉这是在做色盲测试......

3年前 (07-26) 1836℃ 评论 () 25喜欢

经验/技巧

如何打造一个成功的自媒体

如何打造一个成功的自媒体
导读:我所理解的自媒体,其实就是从这个平台跑到那个平台,写文章。有的在微信、有的在今日头条、有的在QQ空间、有的在微博、有的在搜狐,玩法没变,只是平台变了。你觉得呢?...

3年前 (07-26) 7446℃ 评论 () 29喜欢

UI设计

换个角度理解PS中的布尔运算

换个角度理解PS中的布尔运算
今天,我就是结合我对3D、2D的布尔运算的理解和使用,以及数集交并差的逻辑关系,从另一个角度讲一下布尔运算;所以今天的话题是《换个角度理解PS中的布尔运算》,用犀利的眼光去理解UI绘制时PS中的布尔运算,看谁谁怀孕~...

3年前 (07-24) 566℃ 评论 () 23喜欢

Html5+Css3

了解normalize.css的使用方法及下载

了解normalize.css的使用方法及下载
Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks 以及许许多多其他框架、工具和网站上。...

3年前 (07-24) 660℃ 评论 () 22喜欢

Js+JQuery

学习javascript中的闭包

学习javascript中的闭包
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。
下面就是我的学习笔记,对于Javascript初学者应该是很有用的......

3年前 (07-23) 341℃ 评论 () 24喜欢

UI设计

分析响应式与自适应设计:设计师的最佳选择是什么?

分析响应式与自适应设计:设计师的最佳选择是什么?
作为全球先进的科技巨头,Google一直推崇响应式网页设计,并在今年的4月21日发布了重大的更新,目的是提高响应式在移动终端上的运行效率。尽管在更新中没有明确表明你必须使用响应式设计。只是简单的提示响应式设计拥有不错的UX和优越的性能,是移动设计方面的一个不错的选择。...

3年前 (07-23) 838℃ 评论 () 31喜欢

Js+JQuery

发现:Chrome新版JS调试工具

发现:Chrome新版JS调试工具
很多前端开发工程师都对Chrome浏览器情有独钟。原因很简单:一来它启动速度快,执行效率高,给网页浏览带来流畅和快感;二来它实现了很多新的标准,支持很多高级属性,让网页体验更好,更高大上;三来就不得不提一下它的调试工具了,对于前端开发工程师更是无异于左右手。然而,大概是因为强迫症得问题,我今天却遇到一个让我有点接受不了的功能…...

3年前 (07-22) 1054℃ 评论 () 18喜欢

Js+JQuery

超酷的jQuery跟随鼠标气泡动画

超酷的jQuery跟随鼠标气泡动画
今天我们要给大家介绍一个超酷的jQuery动画特效,当你移动或者点击鼠标时,鼠标周围即会出现许多大小不一的气泡,并且这些气泡跟随鼠标一起滑动,气泡模拟非常真实,一段时间内气泡就会逐渐破灭。另外,你也可以通过鼠标右键来控制背景图案以及选择是否开启气泡动画,怎么样感觉很棒吧!...

3年前 (07-21) 874℃ 评论 () 26喜欢

UI设计

提升用户体验的7大微交互

提升用户体验的7大微交互
在用户体验中,关键是你如何对待用户,还有他们使用产品时的感受。极小的细节都值得加倍留心。微交互提供了用户所需的反馈,表达了当前运行状况。无论背后逻辑有多么复杂,都能使界面更亲切。...

3年前 (07-20) 933℃ 评论 () 23喜欢

Html5+Css3

视频教程:CSS3动画属性实用技巧教程

视频教程:CSS3动画属性实用技巧教程
目前CSS3动画已经越来越流行,在一些网页专题的产品介绍页面,手机APP首屏展示页面,又或者只是一个按钮简单变形,都可以使用CSS3来实现,虽然动画简单,但却让静态枯燥无味的页面增加一点生气,更吸引用户,更加高端。...

3年前 (07-19) 449℃ 评论 () 25喜欢

UI设计

热门移动端输入交互体验(图文)

热门移动端输入交互体验(图文)
本文中,UXPin – 用户体验设计应用的Chris Bank会讨论用户输入设计模式的重要性,还有来自时下最热门移动应用的具体案例——更多案例和超过45种移动端设计模式,都在UXPin的免费电子书《2014移动UI设计模式》中有提到......

3年前 (07-18) 173℃ 评论 () 20喜欢

UI设计

我们为什么需要动效设计

我们为什么需要动效设计
最近越来越多的国内公司开始关注动效设计了,越来越多的团队意识到动效在产品用户体验中的重要性。随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始关注动效设计了,越来越多的团队已经意识到动效在产品用户体验中的重要性了,更多的射鸡师们也开始投身动效设计领域......

3年前 (07-16) 658℃ 评论 () 27喜欢

UI设计

21款强大高效的Photoshop扩展插件

21款强大高效的Photoshop扩展插件
Photoshop目前有很多实用的扩展和插件,合理使用PS插件既能输出好的作品又可以提高我们的工作效率,不信?可以看看今天helloweb网为大家推荐的21款优秀的免费Photoshop插件吧,有的插件非常强大的哦!...

3年前 (07-14) 374℃ 评论 () 20喜欢

Html5+Css3

玩转HTML5移动APP页面(优化篇)

玩转HTML5移动APP页面(优化篇)
页面动起来的根基是功能可用的页面,因此有必要分享一些优化细节的技巧和方向,熟悉掌握一些方法论还是会对页面开发大大提高效率的,并且也能防止疏忽缺漏。...

3年前 (07-13) 318℃ 评论 () 23喜欢

Html5+Css3

纯CSS3实现超酷的鼠标悬停效果

纯CSS3实现超酷的鼠标悬停效果
这篇给大家介绍下不需要任何javascript代码,仅使用纯CSS3和HTML实现鼠标悬停的超酷效果,鼠标在悬停目标元素上的时候可以实现常见的线条变化、翻转、缩放、滑动等等动画效果,看后一定会惊讶不已!...

3年前 (07-10) 474℃ 评论 () 76喜欢