h5移动端兼容适配初体验

 

众所周知,移动端设备繁多,分辨率多得让人眼花缭乱,详细统计数据可以点击这里查看。

万事开头难,初学者可能很长时间才能摸清头绪,偶有产品或设计师问起该如何设计移动端,三言两语也说不清,因此有了此篇相对简单的文章,主要面向初学者,如有错漏,请资深大牛指正。

其实移动端适配的关键是“相对比例”,一切都是相对的。
继续阅读“h5移动端兼容适配初体验”

禁止 PhoneGap App 拖動

用 PhoneGap 開發的 WebApp 默認可以把 App 拖动,在某些 Android ROM (比如金立手機)上整個 App 窗口可以滾動半屏的位置,fixed 元素會被擋住無法顯示,簡直慘不忍睹。

可以對 html 設置 overflow: hidden 禁止頁面滾動,但可能會和滑屏事件衝突導致失效。

靠譜的方法是在 config.xml 中用以下參數鎖定 PhoneGap App 的位置: 继续阅读“禁止 PhoneGap App 拖動”

為什麼我們使用Nginx而不是Apache

我們大多數的客戶在他們的服務器上使用Apache作為Web服務器,尤其是部署在一個基於PHP系統的前端並且使用mod-PHP。鑑於擴張性和性能方面的原因,我們通常會建議他們改用Nginx和FPM。

Apache是​​非常強大的Web服務器,模塊化結構,也是Web服務端的鼻祖。除了捆綁一些其他的工具外,Apache已經成為了世上最廣泛部署的開源系統,直到最近,世界上大多數網站仍運行著Apache系統。 继续阅读“為什麼我們使用Nginx而不是Apache”

(译)Css 布局的未来

By Peter Gasston on August 03, 2011

看原文,点这里

相对于其它精彩特性来说,CSS中最基本的页面布局功能显得很弱。但是更丰富更具有活力的页面时代即将到来……peter Gasston如是说。

在多年的许诺之后,css3终于快要即将来到我们的面前(你懂的)。她增加了一系列新的工具到我们的前端工具箱,例如圆角、渐变、半透明、变形、动画等等。但是我们有了这些好玩的华而不实的东东之后呢?

Css3需要解决的下一个问题是布局。现在,我们可以使用浮动,相对位置,和负边距的技巧来布局。但是面对任何超过规则的两到三列布局的时候,我们工作起来相当费力。

W3C和浏览器生产商们对这个问题已经有所察觉,并且致力于解决这个问题。他们当中的带头大哥就是IE团队(你是不是跟肖峰一样吃惊……)。IE10貌似预示着一个令人兴奋的css布局新时代。在那个世界里,比现在更加丰富的,灵活的,耀眼的页面布局,将成为可能。 继续阅读“(译)Css 布局的未来”

搬家之啟用新域名

這次搬家頗費周折。域名解析出了問題,數據庫還原也有問題。

折騰了一天,終於好了!

wordpress自帶的文章導出導入功能很好用。

ps: 將原blog文章網址的www.imxxb.com部分替換為xxb.me,可繼續訪問。

Feed訂閱地址也隨之更改為:http://feed.feedsky.com/linuxer

舊的地址很快將失效。

全角和半角

前阵子才知道,WordPress有全角和半角的问题,WP会自动将某些半角符号转换成全角符号,这样会导致CP的代码出错。

不知道为什么WP会有这么个古怪的嗜好呢?

解决办法倒是很简单,修改WordPress安装目录/wp-includes/formatting.php文件,找到以下4行代码: 继续阅读“全角和半角”

[转]咖啡鱼版CSS教程——十步学会CSS

本教程并没有像普通的教程一样着重介绍各种属性,相反基本上一点都没提及,因为用到属性的时候我们可以查询CSS2中文手册。本教程着重介绍了CSS中的各种模型和概念,它们是CSS的灵魂。适合入门者,大虾可略过,欢迎批评指正

1.CSS的产生
2.简单的Html语法
3.CSS语法和应用
4.ID和类
5.常用的选择器
6.继承、层叠和特殊性
7.标准框模型和IE非标准框模型
8.空白边的叠加
9.相对定位和绝对定位
10.浮动和清理 继续阅读“[转]咖啡鱼版CSS教程——十步学会CSS”