移动设备的网页设计

为移动环境而调整一个站点是巨大的挑战。许多在网页设计上的技巧及感官效果将无法在移动设备上完好呈现,反之亦然。 移动设备是以不同的限制来尝试新事物的好地方。人们访问移动网页通常不像在电脑屏…

iOS6 的Smart App Banners介绍和使用

iOS 6新增Smart App Banners,也就是“智能App广告条”功能,其目的是可以让App开发者可以更容易以超链接的方式自由跳转,快速地引导用户到App Store下载自己的App,将访问…

前端开发者的跨平台移动应用开发策略及工具

本文中,他将站在传统Web前端开发人员的角度,为我们介绍一些在实际项目案例中总结出来的移动应用开发方法策略,以及几类具有代表性的用于打造跨平台移动应用的前端开发工具。 在之前的一篇文章中,我们曾…

跨平台的本地应用开发工具

PhoneGap PhoneGap可以将基于标准HTML、CSS和JS打造的页面视图封装为本地客户端应用,目前支持10种移动平台。在数据资源传输方面,可以采用普通Web App所使用的Ajax等方式…

专门用于打造移动客户端的JavaScript UI 框架

jQuery Mobile 某种程度上说,jQuery Mobile就相当于移动应用版本的jQuery UI;它是一个挂件库,用来将语义化的HTML标记语言转化成无论UI样式还是交互行为都更贴近移动…

跨平台的前端开发工具

这是第一大类,主要包括一些在传统Web前端开发方面比较常见的JS框架。它们在混合型应用的页面视图中可以起到同样重要的作用。 jQuery jQuery显然是最有群众基础的JS库之一,为各种常见的J…

移动网页设计的信息组织

如何开始移动设计 对于我们中很多人来说,移动端设计是一个崭新的机会。但是,如果你过去是桌面端的网页设计师,如何将经验转换到移动网页端呢?当然,已有的一些工具,经验,技能仍然适用,只需开始思考下如…

HTML5开发实战之网易微博

HTML5在国内外越来越受到互联网开发团队的青睐。国外,谷歌兴致勃勃地开发Chrome Web Store,微软发布了支持使用HTML5技术开发的“Irish Spring”主题网站,诺基亚斥…

设计好脾气的Web页面

感觉已经连续下了九百多天的雨了,身上也仿佛即将生出苔藓与蘑菇。Down your sister\'s rain...淡定着,说正事儿。本篇译文其实在春节之前就有所着手,不过期间连续看到了几篇更想做的,…

5大移动网页设计之最佳实践

移动设备的兴起正在给互联网带来一场新的革命,虽然说移动网页设计原则不会有多大变化,但是却有着明显的区别。 至少有一点是截然不同的,目前移动设备的网络速度可比不上宽带,另外移动网页呈现方式…

什么是响应式Web设计?怎样进行?

开始第一篇。老规矩,先无聊的谈论天气一类的话题。十一长假,天气也终于开始有些秋天的味道,坐在屋里甚至觉得需要热咖啡。话说两年前也是在国庆假期里开始做Joomla文档翻译的;长假好时光,总会可以抽出一两…

通过CSS3 Media Query实现响应式Web设计

如今的屏幕分辨率,小至320px(iPhone),大到2560px甚至更高(大显示器),变化范围极大。除了使用传统的台式机,用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况…

完全用CSS3渲染出的iPhone 4

没有用一张图片,完全用CSS3渲染出iPhone 4 这个iPhone由Web开发者Vasiliy Zubach制作,他是HTML5和CSS领域的大牛,或许你听过他的网站TjRus。 …