5min 微知識：CSS3, JQuery, HTML5 及網站小技法

以前不知道硬碟都塞了哪些東西那也就算了，但看了這個硬碟空間的管理分析表之後，咦？為什麼有一個叫『其他』的類別佔據了這麼大的比例呀？這『其他』又都是哪些檔案組成的呢？可以直接清除嗎？  
如果也有這樣疑惑的朋友們，接著就一起來研究研究吧 ...full story ››

朋友問說有沒有什麼方法，可以直接隱藏或是停用 Google Maps 地圖模式上的標籤呢？像是不要顯示路名、地標什麼的，還有餐廳商家名稱等等的標籤。因為這幾天忙著製作一份會議用的簡報，裡面需要幾份地圖，但要的是一張純淨沒有任何文字標籤的地圖，可就是找不到這樣的圖資。  
幾乎就要用請美術同仁用 Photoshop 來後製去掉這些文字標籤了。  
難道沒有其他更快速的方法嗎？  
有。  
方法來了...  
但是這個方法可不是一個隨隨便便三兩下就可以搞定的技巧，會有一些門檻，但總是一個方法 XD  
怎麼做呢...  
...full story ››

在影像處理與後製的作業上，選取髮絲來做髮絲去背，或是選取動物的皮毛等等，那真的是一件想起來就覺得很痛苦的事情。  
可這個作業卻又是最常使用的技法之一，只要有去背的需求，多半都會面臨這種髮絲去背或是皮毛去背的流程。  
當然如果是在專業攝影棚拍的在綠幕前的模特兒，那麼髮絲去背還容易一點，  
可不是每張照片都有機會棚拍，特別是一般的IG、FB的美美照片，多是在一般景點打卡拍的，背景可是複雜的呢！  
這樣要選取髮絲去背，真的很麻煩！ ...full story ››

CSS的語法中，常用的尺寸單位計有：PX(就是我們最熟悉的像素了)、PT、EM、REM、%(百分比)、CM(公分)、IN(英吋)...  
早期CSS還沒有很成熟的時候，字型單位比較常用的是 PT(Point)，就像在 Word 裡面設定字體的級數，9級字、12級字這樣，9級字就是 9pt, 12級字就是 12 pt;  
不過 PT 這個單位近幾年就很少用到，幾乎是消失在江湖上了。  
另外像是公分、英吋等這類型的單位，主要是用來列印到紙張，所以也逐漸退出江湖(愛地球於是大家都少列印了)。  
所以這次的主題，就放在另外幾個 PX, EM, REM 上 ...full story ››

Youtube 的封面尺寸(Channel Art)，除了手機 App/手機網頁版，桌面版以外，還有平板電腦(iPad等)以及電視版。所以要滿足的裝置規格更多。  
 
在這些不同裝置的規格中，Channel Art 最大的尺寸，  
當然就是在電視上的顯示尺寸為：2560px * 1440px。  
最小的手機版尺寸則為：1546px * 423px。  
也就是說，最大跟最小的封面圖片尺寸落差非常大，  
如果安全框設定在手機版的話，可以想見在電視版上是有多空虛呀 ...full story ››

談到數位影像修圖，那麼『去背』這個技巧應該是最常被大家拿出來討論的。  
不過除了去背以外，還有一種修圖作業，  
在概念上跟去背剛好相反，但技術上還蠻類似的，  
就是去除任何一張照片中，不想要的物件，  
不管是背景裡出現的某些障礙物，不相干的路人，車輛等各種交通工具...等等。  
 
這篇 Affinity Photo 的修圖分享影片呢，就來跟大家研究一下如何去除照片中任何不想要的物件 ...full story ››

自拍(Selfie)，  
作為一個現代人最慣常的行為之一(可能都不是之一了，是唯一)，幾乎分分鐘都有一大堆朋友在臉書、IG張貼自拍照，  
那如果每次的自拍都一樣的角度、一樣的表情、一樣的穿搭，那可就不容易討讚了喔XD  
不如試試看在身上加一個帥氣的刺青吧！  
手臂上刺一個，或是後肩，不然腰窩上刺青也很酷，當然要真的夠潮，那麼臉上也來幾個吧 XD  
等等，我們可不是替刺青師傅做的葉佩雯喔，  
而是要跟大家分享一下，  
如何用修圖軟體在身上畫一個擬真的刺青圖案 :)  
合成一個圖案 ...full story ››

之前我們有跟大家分享過 Affinity Photo 這款影像處理軟體，  
功能與效率都不在 Photoshop 之下，  
那麼今天就進一步的跟大家分享一段 Affinity Photo 的教學短片，  
示範如何使用 Affinity Photo 來製作頗為流行的 3D Pop-Out 視覺效果，  
不過大家看了影片就會發現，  
雖然短片是使用 Affinity Photo，  
但即便是改用 Photoshop 來做這個效果 ...full story ››

算算好像是從 1991 年起，  
就開始學著用 Photoshop 了，那時候記得當時還是1.5版，  
功能相較於現在的話，基本可說是沒有功能，  
不過即便如此，第一張透過PS合成的照片，  
還是雀躍了好幾天 XD  
 
不過今天不是要歌頌Photoshop，而是要跟他說再見了 ...full story ››

之前我們曾介紹過一款足以稱為網頁設計救世主的工具：Font Awesome，  
透過CSS和HTML5的功能，  
就可以直接在網頁上以字型方式顯示常用的圖案、圖示、符號等，  
不僅可以顯示，還可以隨意放大縮小、改變顏色各種屬性等等，  
因為基本上這些圖案就是字型，  
所以CSS中所有字型可以調用的屬性都可以使用，  
實在是方便而且字型圖案設計的也很漂亮。  
 
那如果要在桌面板的軟體中使用 FontAwesome 可以嗎？  
 
像是 Photoshop, illustrator ...full story ››