2013年安卓旗艦機(jī)都有一個(gè)共同的主題——大屏，在大屏機(jī)當(dāng)?shù)赖默F(xiàn)在我們繼續(xù)探討手機(jī)該不該大屏化已經(jīng)漸漸沒(méi)有了意義，那么我們不妨直接從大屏入手來(lái)探討下 App 或 Rom 廠商如何在現(xiàn)在的安卓市場(chǎng)中適應(yīng)“大屏”潮流。

認(rèn)識(shí)問(wèn)題

魅族在發(fā)布 MX3 時(shí)提出了要做最好用的大屏機(jī)這個(gè)口號(hào)，但當(dāng)筆者在10月3日拿到真機(jī)后發(fā)現(xiàn)其并沒(méi)有真正符合“好用大屏機(jī)”這個(gè)稱號(hào)，從一成不變的下拉菜單、頂部的電源鍵等設(shè)計(jì)中我漸漸發(fā)現(xiàn)魅族仍舊是在用做小屏機(jī)的思想在做大屏機(jī)，所以效果才會(huì)如此差強(qiáng)人意。再看發(fā)展越趨成熟的 MIUI，小米的系統(tǒng)在現(xiàn)有的小米機(jī)型上暫無(wú)壓力，但如果將 MIUI 放在小米3上就又成為了一個(gè)老觀念適配新生事物的例子。

這就類(lèi)似于 Z Watch 的設(shè)計(jì)（見(jiàn)上圖），用做手機(jī)的思路做手表顯然是行不通的。縱觀現(xiàn)在的安卓市場(chǎng)，很多廠家雖推出了便于單手操作的各種功能，盡力讓手機(jī)適應(yīng)各種使用場(chǎng)景，但卻鮮有廠家去思考如何去利用大屏的優(yōu)勢(shì)來(lái)擴(kuò)展自身的軟件體驗(yàn)，做那些在小屏幕設(shè)備上能想?yún)s不能做的事。

絕音：專(zhuān)業(yè)提供扣圖藥方，一帖見(jiàn)效，藥到病除。當(dāng)然，也推薦你看看優(yōu)設(shè)今年下載量第一的摳圖神器：

PS摳圖神器：KNOCKOUT 2.0漢化版下載及教程

功效：去除圖標(biāo)、按鈕等背景圖的底色

這篇文章向大家展示8個(gè)驚艷的 HTML5 和 JavaScript 。作為下一代網(wǎng)頁(yè)語(yǔ)言，HTML5 擁有很多讓人期待已久的新特性，越來(lái)越多的開(kāi)發(fā)人員開(kāi)始使用 HTML5 來(lái)制作各種交互性強(qiáng)、效果豐富的 Web 應(yīng)用。下面這些驚艷的示例帶您體驗(yàn) Web 技術(shù)的魅力，相信你看完這些例子后會(huì)對(duì)未來(lái)的 Web 發(fā)展充滿無(wú)限期待。為了有更好的效果，建議在 Chrome 瀏覽器中瀏覽。

藍(lán)藍(lán)分享：

祝訂閱博客的網(wǎng)友們國(guó)慶節(jié)快樂(lè)！

http://metroui.org.ua/， metroui網(wǎng)站css俱全，各色控件代碼方便調(diào)用。截圖如下：

前言：該文收集了前輩們的一些關(guān)于圖片優(yōu)化的技巧，在此收攏到一起，對(duì)于各個(gè)方法的優(yōu)化原理做了一些研究，希望能給大家對(duì)于圖片優(yōu)化這一塊起到拋磚引玉的作用。

提到圖片，我們不得不從位圖開(kāi)始說(shuō)起，位圖圖像(bitmap)，也稱為點(diǎn)陣圖像或繪制圖像，是由稱作像素（圖片元素）的單個(gè)點(diǎn)組成的。這些點(diǎn)可以進(jìn)行不同的排列和染色以構(gòu)成一副圖片。當(dāng)放大位圖時(shí)，可以看見(jiàn)賴以構(gòu)成整個(gè)圖像的無(wú)數(shù)單個(gè)方塊。

常見(jiàn)的格式中JPG、PNG、GIF亦屬于位圖，所以它們的數(shù)據(jù)結(jié)構(gòu)大致相同，只是每一種圖片格式都有不同的壓縮算法，不同的掃描方式，但是優(yōu)化的方法都有一個(gè)共同點(diǎn)，都是圍繞著每個(gè)像素顏色值來(lái)下手，具體如何進(jìn)行優(yōu)化呢？
下面來(lái)給大家介紹一下圖片的一些基本原理和優(yōu)化的方法：

1.JPG原理與優(yōu)化
JPG是一種對(duì)彩色或灰階之類(lèi)連續(xù)色調(diào)圖形作壓縮和解壓縮的標(biāo)準(zhǔn)．這個(gè)標(biāo)準(zhǔn)是由ISO/IEC JTC1/SC29 WG10所訂定。
壓縮算法為正、反離散余弦轉(zhuǎn)換，如下圖：

網(wǎng)頁(yè)設(shè)計(jì)中彈出窗一般用于簡(jiǎn)短的文字介紹，是十分常用的一個(gè)代碼。通過(guò)CSS3動(dòng)畫(huà)樣式，我們可以實(shí)現(xiàn)不同交互的彈出框。

下面這個(gè)DEMO演試有19種不同動(dòng)畫(huà)效果的彈出窗，如向上、向左、右、全屏、漸變展示等等。

在線演試 代碼下載

　　一個(gè)頁(yè)面的細(xì)節(jié)，從重構(gòu)的角度去看，頁(yè)面的精細(xì)度，代碼的可讀性、擴(kuò)展性，為下游服務(wù)的代碼注釋?zhuān)换ソ涌跇邮降臅?shū)寫(xiě)，代碼的壓縮，圖片的優(yōu)化等都可以歸為細(xì)節(jié)處理，我的理解是，剛才提到的細(xì)節(jié)處理是每個(gè)重構(gòu)工程師都應(yīng)該具備的基本技能，不能算是真正意義上的細(xì)節(jié)，好的細(xì)節(jié)處理應(yīng)該是從用戶出發(fā)，應(yīng)該是發(fā)自內(nèi)心對(duì)用戶的一種關(guān)懷。下面有兩個(gè)小例，都是我們做頁(yè)面時(shí)常見(jiàn)的板塊，如果我們細(xì)心處理一下，也許會(huì)讓用戶會(huì)倍感貼心。

一.摘要

本系列文章將帶您進(jìn)入jQuery的精彩世界, 其中有很多作者具體的使用經(jīng)驗(yàn)和解決方案,  即使你會(huì)使用jQuery也能在閱讀中發(fā)現(xiàn)些許秘籍.

本文是介紹兩個(gè)最常用的jQuery插件. 分別用于表單驗(yàn)證和自動(dòng)完成提示(類(lèi)似google suggest).

二.前言

研究別人的作品真是一件花時(shí)間而且痛苦的過(guò)程. 當(dāng)然也和本人英文不好有關(guān). 總覺(jué)得控件作者寫(xiě)了很多文檔但是都不夠系統(tǒng), 需要深入研究很多的實(shí)例后才能了解作者的思路.所以學(xué)習(xí)和研究一個(gè)插件需要很高成本, 如果發(fā)現(xiàn)了Bug并修復(fù)需要的成本也是未知數(shù)(本次我花了較少的時(shí)間解決了自動(dòng)完成提示插件的一個(gè)中文bug, 但是如果復(fù)雜的bug就不會(huì)這么簡(jiǎn)單了.).

對(duì)于簡(jiǎn)單應(yīng)用我首先推薦上文中的jQuery UI. 但是jQuery UI解決的問(wèn)題有限. 使用jQuery插件是我們最后的一個(gè)好辦法---還算是好辦法, 起碼比自己開(kāi)發(fā)要好吧?

很多jQuery的插件編碼異常優(yōu)美, 看一看藝龍首頁(yè)現(xiàn)在的城市輸入框控件, 除了需要為輸入框手工添加很多很多屬性(onkeyup, onkeydown等等), 而且還不夠通用, 占用服務(wù)器資源和網(wǎng)絡(luò)資源.但是當(dāng)初也是花費(fèi)了很久的時(shí)間完成的作品.

站在巨人的肩膀上, 讓我感覺(jué)寫(xiě)腳本和寫(xiě)設(shè)計(jì)C#程序一樣, 都有高度和深度可以挖掘. 除了使用作者開(kāi)發(fā)好的功能, 還可以學(xué)習(xí)如何開(kāi)發(fā)和封裝javascript控件. 看過(guò)優(yōu)秀的jQuery插件作者的代碼和設(shè)計(jì)思想后, 常常自嘆設(shè)計(jì)水平差距居然如此之大, 增加自認(rèn)為腳本高手, 比較過(guò)后就是C#程序員和架構(gòu)師之間的差距.

希望大家通過(guò)本章節(jié)介紹的兩個(gè)插件, 除了學(xué)會(huì)如何使用,  還能夠略微領(lǐng)悟到如何封裝和設(shè)計(jì)javascript控件.

一.摘要

本系列文章將帶您進(jìn)入jQuery的精彩世界, 其中有很多作者具體的使用經(jīng)驗(yàn)和解決方案,  即使你會(huì)使用jQuery也能在閱讀中發(fā)現(xiàn)些許秘籍.

本文是實(shí)戰(zhàn)篇. 使用jQueryUI完成制作網(wǎng)站的大部分常用功能. 

二.前言

經(jīng)過(guò)公司內(nèi)部收集, 整理了一些經(jīng)常使用javascript實(shí)現(xiàn)的功能.  實(shí)現(xiàn)這些功能的主角不是讓人眼花繚亂的jQuery插件,  而是jQuery UI.

如果你還在為了一個(gè)小小的而去下載并安裝插件, 發(fā)現(xiàn)Bug還沒(méi)有人替你解決. 記住插件是我們沒(méi)有辦法的最后選擇.

使用插件有太多的壞處:

1.不利于維護(hù)

2.增加頁(yè)面大小

3.不利于成員間交流共享,具有學(xué)習(xí)成本.

4.不夠健壯, 不能保證插件版本一直更新并修復(fù)所有問(wèn)題.

下面就引入今天的主角:jQuery UI

一.摘要

本系列文章將帶您進(jìn)入jQuery的精彩世界, 其中有很多作者具體的使用經(jīng)驗(yàn)和解決方案,  即使你會(huì)使用jQuery也能在閱讀中發(fā)現(xiàn)些許秘籍.

我們經(jīng)常要使用腳本處理各種業(yè)務(wù)邏輯, 最常見(jiàn)的就是數(shù)組和對(duì)象的操作. jQuery工具函數(shù)為我們操作對(duì)象和數(shù)組提供了便利條件.

二.前言

大部分人僅僅使用jQuery的選擇器選擇對(duì)象, 或者實(shí)現(xiàn)頁(yè)面動(dòng)畫(huà)效果. 在處理業(yè)務(wù)邏輯時(shí)常常自己編寫(xiě)很多算法. 本文提醒各位jQuery也能提高我們操作對(duì)象和數(shù)組的效率. 并且可以將一些常用算法擴(kuò)充到j(luò)Query工具函數(shù)中, 實(shí)現(xiàn)腳本函數(shù)的復(fù)用.