html的布局奥妙

最近工作之余抽时间研读《深入理解bootstrap》一书,bootstrap是做响应式设计非常棒的前端框架。书中有许多思想(封装和继承)是非常值得我去学习的。

这个话题有点偏了,本文讲的是布局的奥妙。其实布局跟建筑学的知识是一样的,说到建筑学,我想到了建筑史,为什么要谈到建筑史呢?因为网页的发展就是根据建筑史的进化来发展的。
原图 by alimama

Read More

Share Comments

css3动效进阶

最近接触到了h5动效方面的东西,发觉做一个动效不难,但是要做的完美就需要花费很多的时间和很大的精力了。

动效的制作:

第一种是GIF–擅长于制作细节的小动画,很多loading就是gif制作的。
原图 by UIchina

Read More

Share Comments

移动端开发常见的问题?

最近在开发公司基于微信端的服务号,遇到一些坑,也只有跳进去才知道该如何解决?

跳坑之一:
移动端适配的方案,网上有很多关于移动端适配的方案,有rem,Media Query和js+css,总之,不同的场景用不同的方案,在我刚接触移动适配的时候我是选择用Media去做兼容性写法,后来发现这样写的效率很低,代码冗余,最关键的是只能大致针对多数设备做一个折中的方案,做不到全适配。后来,选择了rem去做适配,因为只需要将px换算成rem就可以全适配,但是在字体的处理和图标的处理上用rem的话误差有点大,所以个人建议还是用px,根据设备的分辨率采用不同的大小,一般主流的也就是1倍,2倍和3倍。相对应的px变成1,2,*3也就ok了。

Read More

Share Comments

全景图H5制作之--three.js

最近关注了QQ物联合深圳天文台合作推出一个“星球计划”的H5推广,里面有用到全景图,是利用three.js制作的。
转动手机在模拟的宇宙里搜寻各大行星,就是我们今天要说的基于Html5的3D全景漫游。

Read More

Share Comments

100个弹框设计小结

什么是弹框?
弹框是一种交互方式,用作提醒,做决定或者解决某个任务。弹框一般包含一个蒙版,一个主体及一个关闭入口,常见于网页及移动端。其好处是让用户更聚焦,且不用离开当前页面,更快更容易完成任务。由于弹框与当下流行的卡片式设计在表现形式上十分接近,同时弹框也逐渐承载了更多功能性需求,不再是简单的内容堆砌,因此弹框设计正在被越来越多设计师关注。
原图 by UIchina

Read More

Share Comments

jquery简单封装loading插件(一)

jquery目前是一般公司应用的最多的js插件,虽然不是最火的但是是比较成熟且经过大量实践检验的js插件。

###最近工作之余想着加深对jquery的理解,也想封装下简单易用的组件方便在实际项目中去调用,网上可能有更多功能更复杂的插件,但是我更多的是去学习封装插件的思想,大神勿喷。

Read More

Share Comments

说到加载图片,我们可以谈些什么

原图 by Denis Perepelenko

其实,一开始让我在网页中加载一张图片,我是,是拒绝的…因为实在太简单了。

<img src="xx.jpg" />是每个前端开发都会的技能。然而,如果你想做到极致,事情还没有这么简单。

最近实现了个图片加载器,用于大型web前端项目中,关于加载图片这一话题,仔细想来可以加许多的特技。

Read More

Share Comments

pjax: 当ajax遇上pushState

var pjax = pushState + ajax;
小时候,小浣熊方便面里面有各种水浒人物的卡片。我买了一包,吃了方便面,饱了。而我又买了第二包,不是想吃方便面,而是仅仅想得到里面的卡片…

Read More

Share Comments

我的博客搭建好了

落花流水时间,希望以此纪念!

Share Comments