在設計行動版網站時,如何避免點選表單欄位時自動放大

在我們進行行動版網站設計的時候,  
不管是留言板或是訂單等等,頁面總是不免會出現一些表單欄位,  
當然,  
透過CSS的一些技巧,絕大多數的表單欄位、下拉選單等等都不會是問題,  
不過有很多朋友們發現,如果在手機版的網站中,  
一旦點擊了文字欄位或是下拉選單,  
那麼 iPhone 就會自動放大整個頁面(Zoom in),  
雖然這似乎是美意一樁,可以讓網友們打字時更便利,  
但問題是放大之後,就算離開這個欄位,  
頁面也不會自動還原為原來的大小,這樣就讓人苦惱了 ...full story ››

[CSS]Font Awesome 真的算是網頁設計師的救世主

網頁設計,免不了的就是要有一些小圖示,  
特別是像設群分享網站的圖示(臉書、Google+、twitter、IG...),又好比下載啦、留言或是一些箭頭、指標等。  
做這些小圖示雖然不麻煩(經常作的朋友們一般都有範本了),  
不過面對現在不同的裝置螢幕尺寸,  
要不就是有時客戶有意見(或是自己看不順眼),想換換顏色跟大小,三不五時就要改圖,  
更討厭的是經常都要一個小圖做好幾個尺寸,再下CSS Code來配置,也是夠麻煩的。  
 
今天跟大家分享一個猶如救世主角色的工具,有了祂,那麼小圖示的問題不僅不麻煩,還可以在設計上更多選擇與彈性,  
這個工具就是:Font Awesome ...full story ››

觸控軌跡版進水了亂跳不聽話,如何關閉 Macbook Pro 內建的觸控軌跡版呢?

話說有一天朋友的 Macbook Pro 被灑水了,500cc的馬克杯不偏不倚的倒在他的鍵盤上,  
雖然朋友反應很迅速的馬上把 Macbook pro 立起來,把水清掉,  
關機拔電,再擦乾,又用除濕機、吹風機瞎忙活了半天,  
總算鍵盤一如往常,沒有遭受水災的侵襲,  
不過內建的觸控版(Trackpad)就沒有那麼好運了,  
不僅反應遲鈍不聽使喚,甚至會自行移動游標,以至於就算已經外加了滑鼠,但游標老是亂跑,幾乎無法正常作業。  
 
這種情況應該很多朋友都曾經發生過吧 ...full story ››

[MacOS]在Mac中如何大量的批次批量的更改檔名或是附檔名?

改檔案名稱,基本上是檔案管理中最常使用的功能之一了,  
無論是做網頁(總有一大堆的HTML檔案),  
或是管理專案的文件群、處理照片等等,  
免不了的時不時就要改檔名,而且一改就是很大量的更改。  
 
像這樣批次批量的更改檔名,  
很多朋友第一個念頭,  
可能就是尋找個什麼樣的免費軟體App什麼的來完成這個工作,  
其實要完成這個任務,  
不用安裝任何工具軟體喔,  
直接在 MacOS 中,用預設的功能就可以了 ...full story ››

[IG小技巧]如何使用 Instagram 修圖做效果,但不需要分享發佈出去

手機拍了照片,套上 Instagram 的濾鏡效果,  
大概是很多朋友們最常做的事情之一了,  
雖然製作圖片效果的App多的不勝枚舉,  
但 Instagram 依然是好多朋友的最愛(尤其是女孩子們 ^^)。  
 
不過有時候我們拍了一些照片,  
想使用IG的濾鏡效果,  
但是並不想發佈在 Instagram 上分享給別人看,  
又好比只是想先用IG做效果之後,還想再用別的App來補其他的特效,  
然後再回來分享給IG上的朋友們看,  
那麼這樣就會有點傷腦筋 ...full story ››

[MySQL]什麼!?Current selection does not contain a unique column 這怎麼搞?

前兩天朋友傳來一則訊息,  
說是使用 phpMyAdmin 時,想要匯出一批資料,但卻碰上這樣的錯誤訊息:  
Current selection does not contain a unique column. Grid edit, checkbox, Edit, Copy and Delete features are not available.  
 
錯誤訊息大致是說:  
選擇的資料由於沒有唯一欄位(Unique Column),所以無法匯出/編輯/複製/刪除等等。  
 
由於之前從 phpMyAdmin 匯出資料從來沒有碰上這樣錯誤,也沒有見過這段錯誤訊息,所以朋友有點緊張。  
細問之後,知道原來朋友是以 Left Join 語法,合併兩個資料表,再匯出 ...full story ››

[OSX]怎麼樣才能錄製iPhone的螢幕呢?這樣就行了

使用 iPhone 的朋友們,  
大多都知道只要同時按下『Home』鍵+休眠/關機鍵,  
那麼 iPhone 的螢幕就會閃一下白光,  
同時完成了 iPhone 螢幕的拍照,  
但是有朋友經常苦惱說,  
如果不是拍螢幕的照片,而是要錄下整個 iPhone 螢幕的動態,  
就好比說App的教學,或是單純是想錄下遊戲破關紀錄等等的(畢竟沒影片沒真相),  
那麼怎麼弄呢?  
 
其實也很簡單,雖然不比螢幕拍照容易,  
卻也難不上哪裡去喔 ...full story ››

[CSS]驗證一下,看網站是否已經行動最佳化了嗎?

從好幾年前開始,  
就不斷的有各個網路專家宣稱行動時代開始了,  
印象中已經有好幾個年,都被稱為所謂的行動元年,  
喊久了,似乎也就漸漸無感。  
 
專家們喊的趨勢是一回事,不管時間上準不準,方向是絕對錯不了的,  
而從流量分析上看起來,  
這兩年中,  
由行動裝置瀏覽的比例的確是很明顯的大幅增加,甚至已經完全超過50%以上了(依據我們自家的流量),  
除此外,  
Google 也多次聲明,會將一個網站行動化的好壞,也放入檢索排名的參考因素之一 ...full story ››

[CSS]響應式網站設計(RWD)如何擺平 Youtube 的影片

RWD(Responsive Web Design),  
這個我們稱為響應式網站設計的東西,是很方便好用,  
不用再大費周章針對不同的平台設計不同的系統,  
只要透過一個 CSS 的文檔,就可以一打十個 ^^  
 
不過要用這種葉問等級的方式來設計,其中的學問倒也是不少的 :)  
 
其中一個最常見的問題就是嵌入 Youtube 的影片了。 ...full story ››

iPhone, iPad 計時器沒有秒鐘?那怎麼倒數讀秒呢?

行動裝置的計時器功能,  
雖然不是什麼特別了不起的東西,  
但卻幾乎可以說是最常用的功能之一,  
不過很多朋友,  
在使用 iPhone 或 iPad 等 iOS 裝置的計時器功能,  
應該都發現了最小的計數單位是分鐘,  
也就是說,  
如果要倒數計時的話,  
都要以分鐘來算,兩分鐘、五分鐘、十分鐘這樣,  
這就不科學了吧!  
畢竟手煮一杯咖啡的黃金時間可是47秒左右呢,  
泡一壺好茶,也大約3~40秒,  
沒有秒鐘的倒數計時,  
就真的不方便了。  
 
當然,  
在 App Store 中有一大堆的App可以達成這個小任務,  
不過其實有個很簡單的小方法,  
不需要額外安裝軟體,  
馬上就可以讓 iPhone, iPad 或是 Apple Watch的倒數計時器,  
以秒數為單位喔 ...full story ››