分类 html5 下的文章

javascript实现“消灭星星”简单版

单位里美术天天在手机上玩的游戏,现在也有web版了,就是略简单了点,大家可以自行完善!!游戏规则:双击颜色一样的星星[runcode]<!DOCTYPE html> <html> <head> <meta charset="utf-8" content="target-densitydpi=320,width=640,user-scal...

继续阅读 »

css中px和em,rem的区别

国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢?PX特点 IE无法调整那些使用px作为单位的字体大小; 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。 px像素(Pixel)。相对长度单位。像素px是相对于显...

继续阅读 »

百度移动端UI框架 - GMU

之前在微信上推荐大家这款GMU组件,并给出了demo地址,大家反馈都觉得不错,其实该框架已经用到了百度文库,百度百科等web app上,框架实力可见一斑。它的主要优点如下:简单易用 jQuery UI 使用风格,链式调用你只需要在页面上书写简单的html, 就可以生成丰富易用的UI组件,原来webapp的开发可以变得如此简单!轻量级基于zepto的mobile UI组件库GMU组件...

继续阅读 »

多屏时代-网页自适应设计

随着3G他wifi的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容...

继续阅读 »

html5新特性 - websocket

WebSocket是html5规范新引入的功能,用于解决浏览器与后台服务器双向通讯的问题,使用WebSocket技术,后台可以随时向前端推送消息,以保证前后台状态统一,在传统的无状态HTTP协议中,这是“无法做到”的,该通信取代了单个的TCP套接字,使用ws或wss协议,还记得我们火龙果的在线聊天室嘛(网址:huolg.net:8383,就是基于websocket的)。以下我们就传统服务端推...

继续阅读 »