今天要分享的東西,應該是對一些想要設計手機版網頁的人,還滿有幫助的,隨著一人一機的時代到來,低頭族的產生,變成網頁設計師相當重視手機版網頁,或是平板網頁這一塊,只不過如果做手機版的網頁,還要做一次,就拿智慧型手機出來看,感覺很麻煩,也沒有什麼效率的感覺,所以今天介紹好用的兩款手機板模擬器,幫你設計手機版網頁時,能更加的得心應手!

mobilizer

  • 網站名稱:mobilizer
  • 下載網址:按這裡

這算是FIREFOX手機版的模擬器,首先我們先按DOWNLOAD下載下來,

第二步打開之後,就會出現一個小橫條,右邊部分你還可以輸入網址,這邊你按"PHONE"那邊,這邊我選擇IPHONE4打開,

第三步我打開YAHOO的畫面,發現跑出來是手機版的部分,像這邊還有HTC可以用,如果想要看一下手機畫面是不錯,不過這邊的模擬器似乎覺得有點小BUG,所以還要在介紹另一款,

Opera Mobile Emulator

  • 網站名稱:Opera Mobile Emulator
  • 下載網址:按這裡

這是OPERA手機版的模擬器,相信很多人比較少用這個模擬器,本身也是,不過它的手機版模擬我覺得相當好用,而且還有中文介面了,所以來介紹一下這一款,第一步我們也是到下載位置下載下來,

第二步安裝完後,打開畫面,我框框圈起來的地方,就是你可以選擇的智慧型手機,像GALAXY NOTE的尺寸畫面,HTC SENCTION等等的畫面尺寸都有,這邊也有平板電腦的尺寸可以選擇,感覺相當的方便,

第三步 比如打開最基本的320X480,發現也是像手機版的畫面跑出來了,只是說它不會偵測到你是做手機版的裝置,不過會像一般手機隨著網站大小做調整,像這是我打開YAHOO的畫面,

最後我打開平板大部分通用的尺寸,這兩款好用的手機模擬器,一些小分別大家應該在文章中看得出來,建議還是搭配使用比較好,這裡分享給大家啦!

 

熱門相關文章

網頁設計教學系列-三個好用的配色網站來設計網頁配色
今天要講的東西,其實還滿重要的,可能你設計網頁會寫一堆語法,很會寫程式,組織架構力很強等等的,可是在這邊卻發現到一個問題,那就是整體網頁的美感好不好看,配色正不正確,這一點其實對單純寫程式的人來說,真得是一個比較需要克服的問題,畢竟美感需要培養的,今天介紹三個好用的配色網站,來幫助大家看別人的案例快速上手配色,一起來看看! 這邊介紹三個好用的網站配色給大家, kuler 網站名稱:kuler 網址:按這裡 這邊有幾萬的配色讓你選擇,當然你也可以自己來配色,只要輸入英文像"brown"咖啡色,這個網站就會幫你搜尋關於人家之前做的咖啡色配色,讓你在這個網站配色上面更加得心應手! colorspire 網站名稱:colorspire 網址:按這裡 這個網站我覺得還不錯的,這邊它提供整體網頁區塊的配色,比如你橫幅想要配紅色,底色是酒紅色等等,這邊它有區塊選項讓你自由調配,還滿方便的一個網站。 colorotate 網站名稱:colorotate 網址:按這裡 這個網站也滿方便的,對於一些要做3D的人來說,這個網站也是不錯的選擇,它會讓你從各個角度去看配色,網站的部分,也是一樣,在搜尋框框打入你想要的顏色就可以了,今天分享這三個好用的網站,幫助大家配色能更加迅速!
繼續閱讀
WORDPRESS下載系列-三款好用外掛幫你把WORDPRESS變成手機版的
今天分享的東西,是很多人現在做網頁會考慮到的手機版部分,像WORDPRESS本身就有一些外掛可以幫助我們,在手機上閱讀會變成手機版的模式,就是我們原本在桌筆電看是另外一個佈景,在手機上面看到是手機版的閱讀佈景,一起來看看這三款好用的外掛! WPtouch 網站名稱:WPtouch 版本:1.9.39 外掛下載位置:按這裡 這款手機版外掛還滿通用的,可以把一些佈景變成手機閱讀模式,介面整體看起來還不錯,只是不過有些功能也不是那麼完全,但這款已經算在各個手機平台很通用的! MobilePress 網站名稱:MobilePress 版本:1.1.5 外掛下載位置:按這裡 MobilePress 這款外掛,跟WPtouch很像,只不過現在這個佈景主題好像滿少的,所以閱讀上面以黑色為主題,可能會對不是以黑色為主題的網站會比較麻煩! WP Mobile Detector 網站名稱:WP Mobile Detector 版本:1.7.2 外掛下載位置:按這裡 這款我自己本身還沒用過,不過在網路上的評價好像還不錯,不過大致上跟上面那兩款差不多,以上就分享這三款好用的給大家。
繼續閱讀
網頁設計教學系列-兩個好用的CSS字型和漸層背景製造器
今天要分享的東西也滿好用的,因為自己在在做網頁的時候,因為有時候做一些東西比較趕,所以想要用一些資源可以複製貼上比較快的方式,所以就找到兩款還不錯用的CSS語法製造器,在這邊分享給大家。 csstypeset 網站名稱:csstypeset 網址:按這裡 這是一個還不錯用產生CSS字型的網站,官網它整體介面像這樣, 下面有一些介面可以去操控,比如你可以調一些字體,以及字體大小顏色、段落距離等等,算是還滿方便的,像這邊我就打上測試用的文字,調了藍色,然後右邊就會出現CSS代碼,之後就可以運用在比如像WORDPRESS style.css,或者是像其它無名、疲克邦等等可以使用CSS的地方,這邊只有字型和簡單背景色,所以這邊還要介紹另外一個產生背景的CSS語法產生器, colorzilla 網站名稱:colorzilla 網址:按這裡 這邊有相當方便產生CSS漸層語法的介面,之前有介紹一款用gradient creator產生CSS3漸層色碼,不過現在要介紹的這款,也是相當的方便,首先我們看到它的介面, 像左中下方那邊就是可以去調它的漸層色碼,右上方就是整個背景色塊的SIZE,右下方當然就是產生的CSS3語法,你可透過調不同區塊顏色,就很簡單達到漸層的效果,比如我調像下面這樣, 變成橘色的漸層,之後我在把右下方的CSS代碼複製起來之後使用就可以,以上這兩個網站就分享給大家啦!
繼續閱讀
網頁設計教學系列-三個好用的配色網站來設計網頁配色
WORDPRESS下載系列-三款好用外掛幫你把WORDPRESS變成手機版的
網頁設計教學系列-兩個好用的CSS字型和漸層背景製造器

DOUBLE冠就是愛升級

  • ※一起訂閱本站:按這裡
  • ※訂閱DOUBLE冠手機版本站:按這裡下載
  • ※引用網址:
  • ※如有發現圖檔無法預覽,請麻煩告知告知,將會盡速處理!謝謝~
  • ※請勿全文轉貼本站文章,歡迎「部份引用」與介紹,並註明出處~謝謝~~
  • 隨機文章

    FACEBOOK留言

    0 留言

    發表留言 »

    (姓名)
    (信箱)
    (網站)

    網站搜尋

    2015-DOUBLE冠就是愛升級 引用-Theme Sco v5.0 By:Scorpio

    本站不支援IE6以下的版本