10個超棒的響應式Web設計工具

響應式Web設計(Responsive Web Design，簡稱：RWD)昰2013年最流行的界靣設計趨勢之一，以下介紹10種設計模組。



1、Bootstrap
由兩個Twitter員工開發並開源的前端框架，目前已經更新到了v3.0版本，在Github上非常火爆，在囯內也有很多粉絲，值得一試。

2、Adobe Edge Inspect
對迻動開發者尤其有用的工具，其前身昰 Adobe Shadow，用於幫助設計師和開發者同時在多個移動設備上預覽應用設計，發現和解決跨平臺問題。

3、Responsive Web Design Sketch Sheets
如果妳還在用紙和筆來創建妳的實體糢型，妳可以用這些現有的草圖來設計妳的交互網站了。

4、Foundation
號稱昰世界上最先進的響應式前端框架。

5、Adaptive Images
在迻動設備上讓圖像自動適應當前網頁大小。

6、Retina Images
根據設備保存圖像，妳只需要為每張圖創建一個高分辨率的版本就可以了。

7、SimpleGrid
輕量級的響應式 CSS 網格繫統，讓妳可以快速創建適應於手機和平板電腦的網站。

8、Responsive Testing
這個工具可以讓妳預覽妳設計網頁在不同設備上的効果，只需要訪問牠的網站並輸入妳網站的地阯就可以看到了。

9、The 1140px CSS Grid
這1140個網格能完美適應1280的顯示器，會隨着顯示器的變小自適應。

10、resizeMyBrowser
昰一欵測試兼容性網頁設計的完美工具,讓用戶輕鬆重置瀏覽器大小,一站式體驗時下最流行的尺寸或者個性化定製。


轉載自：http://www.360doc.com/content/14/0106/11/15211338_343008154.shtml

遇到沒品的住戶

2013/7/10
在公司附近停車也停了兩年
今天卻突然在愛車上發現一張紙條如下：

而且還滿厲害的～知道我在哪間公司上班？(內神通外鬼？)
心裡想，我有妨礙到人家的出入口嗎？
目測沒有

於是乎當然沒有理他.....

-------------------------------------------------

2013/07/11

想不到今天又來了一張

老兄啊～你已經侮辱罪成立而且還留下物證了啊！

有沒有那麼天才啊？

若恁爸占用到您家門口寶貴的出入通道

我是摸摸鼻子不吭第二句話

但仔細查看恁爸也沒沒有占用到出入口啊！ 

馬的停車這種東西各憑本事

還需要外人配合你住戶專用啊？

幹你媽的無能也不用自曝其短吧？

這種事情不知道能不能報警局調監視錄影帶？

真想搞翻他全家！

經過好幾天的搜索與掙扎....PS3終於下訂！！

尾牙之後～同事急著脫手剛抽到的PS3...
要價6800元
說真的～我當時一點興奮感都沒有～=_="
回家過了幾天後才去拍賣訪價....
不訪還好～一訪.....什麼！？最便宜的公訂價竟然是7600！！
便宜快1000元啊！！
於是趕緊又回過頭找那位中獎的幸運兒
想不到.....他已經"送"人了！！
看清楚.....是"送"喔！！！！！
『琺~~~~~~~~~~！』(我的心聲)

[轉]Google短網址+QRcode服務

Google發佈了自家的短網址服務(Url Shorter)，和Google的名稱很像，就是 http://goo.gl，已開放給大眾使用。使用Google短網址有個好處，就是永遠是穩定好用的。以下是Google短網址小秘技

•將已產生的短網址，結尾加上 .qr 就是QR碼的圖片網址，圖片由Google永久hosting
•可直接應用在Google地圖中：在Google地圖裡的右上方即可設定

基本資訊
•作者/官網: Google
•語系: 英文版
•授權: 免費軟體

線上版本
•服務連結: Google短網址網頁版
•服務連結: Google的QR碼產生器

下載
•下載頁: Goo.gl Firefox外掛
•下載頁: Goo.gl Chrome外掛
•瀏覽器書籤: Goo.gl 短網址書籤/我的最愛

文件
•參數設定: QR Codes – Chart API

引用自：http://software.sopili.net/post/goo-gl/

[轉]Windows Phone 7 應用程序圖標制作指南

前言

應用程序的圖標主要用來表達應用程序的用途，傳達應用程序的意念，也是博取使用者的好感的第一道門面。一個良好的應用程序圖標不但要能夠成功吸引使用的目光，還要能夠成為應用程序的最佳銷售員，成功的把應用程序營銷給用戶。有意開發 Windows Phone 7 應用程序的企業或個人除了要用心設計功能優良的應用程序以外，也要努力為應用程序制作一個吸引人的圖標，打點好應用程序的門面。
有意發展 Windows Phone 7 應用程序的程序設計師可以參考本文的步驟為所開發好的 Windows Phone 7 應用程序制作專用的圖標，供 Microsoft 在線軟件商店及軟件目錄使用。請注意 Windows Phone 7 應用程序的圖標必須符合Windows Phone 7 Application Certification Requirements 文件內容的規范，Windows Phone 7 應用程序的圖標有兩種規范，一種是針對 Windows Phone 7 應用程序本身使用的圖標的規范，另外一種是提供給 Microsoft 在線軟件商店使用的應用程序圖標的規范。

Windows Phone 7 應用程序圖標的規范請參考表1 的說明：
表1：Windows Phone 7 應用程式圖示的規範

XAP 封包中的圖示	寬 x 高 (單位：像素)	檔案類型
應用程式圖示	62 x 62	PNG
顯示在 Windows Phone 7 桌面的並排圖示	173 x 173	PNG

提供給 Microsoft 線上軟體商店使用的應用程式圖示規範可以參考表2 的說明：
表2：提供給 Microsoft 線上軟體商店使用的應用程式圖示規範

圖示	寬 x 高 (單位：像素)	檔案類型
提供給 Microsoft 線上軟體商店型錄使用的 Windows Phone 7 應用程式小型圖示	99 x 99	PNG
提供給 Microsoft 線上軟體商店型錄使用的 Windows Phone 7 應用程式大型圖示	173 x 173	PNG
提供給 Microsoft 線上軟體商店型錄使用的 Windows 應用程式圖示	200 x 200	PNG

程序設計師可以使用 Microsoft Expression Ultimate 4.0 版提供的 Microsoft Expression Design 4.0 為所開發的 Windows Phone 7 應用程序設計圖示，您可以視需要點選以下的連結到 Microsoft 網站購買 Expression Studio 4 Ultimate 或下載 Expression Studio 4 Ultimate 的試用版，以便設計應用程序專用的圖標。

可悲的Google

自從Google的Android加入行動市場至今
其實已經殺下了超越半片的天空！
而微軟發憤圖強產下的WindowsPhone雖然仍是毛還沒長齊的小夥子
但憑藉著微軟用心規劃的三螢一雲策略
讓不少人看好這塊微軟所構築的夢想...
並且紛紛預測數年之後微軟的WP系統的確有機會成為Android霸業嚴重隱憂
因此～
昔日這位標榜著不做惡(Don't be evil)的開放市場巨人
如今也開始玩著壟斷市場的下流把戲....

首先是嚴格打壓在WP生態上涉及到自家服務API的第三方開發APP
並且拒絕提供更完善的API介面提供用戶得到更完善的體驗
再來就是在2011年的年初
有意無意的利用後端的更新限制了WindowsPhone用戶訪問Youtube的瀏覽
而今又宣布停止用戶透過Exchange ActiveSync獲取帳戶的更新(包含通訊錄、郵件、行事曆...等)

明眼人都看的出來～
這些舉動都是有針對性的！
但這樣的惡性競爭，受傷的除了嗷嗷待哺的WP之外～
最傷者莫過於無辜的消費者....

也讓大家看清楚這個自喻不作惡的昔日英雄
如今只剩下商業壟斷的難看吃象...

轉-漢字編排的問題

作者：根據地 來源：OADB網站

以下藍色文字為Alex（A.Z.）的對這篇文章的評論。

最近讀了這麼一篇文章，比較詳細的闡述了字體編排中的一些要點，並提出一些非常妙的理論。字體編排方面的知識、專著在國內基本上是一篇空白，所以有這麼一篇不長不短的類似於“教程”的討論字體編排的文字出現頗讓人感到意外，但看看這些通過實踐得來的經驗、方法的抽象、總結，的確很有道理。這篇文章署名根據地，印象中似乎看到過這個人的設計和文章，感覺是國內少有的兼具設計水準和理論素養的青年（？）平面設計師，也有較強的表達意願。這篇文章因由實踐而來，生動具體，內容翔實。希望經過進一步的實踐和系統化，作者能夠把自己的親身實踐條分縷析，總結整理出一整套東西，讓更多的設計師受益。在閱讀此文時，有很多不吐不快之處，茲羅列評論（感想）若干于各段文字後。
原作者需要一本書來寫的內容，只寫成了一片文章，正說明了漢字編排研究的薄弱，或是作者意欲抛磚引玉。

先要說一說漢字與拉丁字母的區別，字母是一種純粹發音符號，每個字母本身並沒有意義，單詞的意義來自於這些字母之間的橫向串式組合，而漢字的組字方式是以象形為原始基礎，也就是每個字都具有特別的意義，一個簡單的字可能在遠古時代就代表了一個複雜的生活場景，因而它也是世界上最形象的文字。兩者之間的閱讀方式和解讀方式都有本質的不同，因此，漢字的編排不能照搬英文的編排方式，它們兩者之間在編排上有一些客觀的區別。

轉-羅禮士的真相

查克．羅禮士 (Chuck Norris) 是老牌動作演員，在東方認識他的人大多是因為他曾和李小龍在《猛龍過江》中對打過，但他在歐美則就非常知名，演出許多動作影劇。他本人則是貨真價實的練武者，曾經連續六年獲得世界空手道大賽冠軍且無敗績；除此之外還勤於參與許多慈善公益活動。現在已 71 歲了仍參與史特龍的「浴血任務2」演出。

由於他的高人氣，在 2005 年開始，網路上就不斷出現關於他的神奇事蹟；有些真的是到匪夷所思的地步，但都是名為「FACT (真相)」。

甚至還有真相官方網站：http://www.chucknorrisfacts.com

電影心得-Bug重重的普羅米修斯......

老實說～當初是被氣憤詭異的預告騙進電影院的.....
若按照他是異形系列的前瞻來看～
這部片應該在架構上會相當嚴謹或考究....
想不到....看完才發現這部片的Bug真的不是普通的多啊！
劇情我就不描述了～反正到處都搜得到
以下我就直接從Bug開始切入主題......

QR code 產生器

QR Code是二維條碼，沒有Z軸，別再把它當作三維條碼啦！那些老長官.....=_="
最近也因為工作需求蒐集了不少相關資料如下：

QR code 越來越熱了！QR Code 各種生活應用

再如咱們在出版品裡，如果加上QR Code，便能延伸閱讀，在智慧型手機越來越普遍的時代裡，QR Code就越形重要。台北城的花博展，據說（我沒去參觀）QR Code就是用來解釋花種的介面。

在荷蘭則是乾脆把QR Code當成是一種街頭藝術來展現，如下：
虛實合作的聰明創意：介紹荷蘭的QR Codes公共藝術

老實說我最常用的兩個產生器分別是QuickMark提供的產生器以及Calm9的產生器了！
此外還有Orz.tw，這個網站除了產生QR Code外也會產產生縮網址，並把你的網址列表，形成一個網址的記憶網站。

除此之外，我在Free Nuts也發現了作者整理10個QR Code產生器的文章，頗值得參考。

1. ZXing Project
製作個人名片用。

2. BeQRious
這個功能齊全，從基本：Email、電話、文字、通訊錄的vcard、文字訊息、Youtube影片等可以製成QR Code，進階還可以製作社群網網站、圖畫和地圖等。

3. Delivr
比較陽春的QR Code產生器。

4. Azonmedia
這個酷，功能齊全，錯誤很少。

5. Maestro
這個包含電話、簡訊、地圖、網址連結URL、連絡人、App Sotre、vCAL等都可以製作。

6. goQR.me
可以製作文字、網址連結URL、電話、簡訊和通訊錄的vcard。

7. Online Qr Lab
文字、簡訊、email、電話、連絡人、位置。

8. Mobile-Barcodes
基本功能都有。

9. KAYWA
比較陽春。

10. BeeTagg
這個比較不同的是RSS和eBay都可以吃。