WDH2O

分享一些網站前端開發與使用者經驗的教學角落

Avatar of Away H.

遊走在視覺設計與前端開發之間的一名小小工程師,目前在 CMoney 全曜財經資訊 擔任 Front End Web Engineer,熱愛前端開發、繪圖、音樂、攝影、露營生活。 閒暇之餘,亦在 飛肯設計學苑赫綵設計學院巨匠電腦 擔任講師一職。

Ingress 勳章篇 – Guardian

前面你今天 Ingress 了嗎?Away 有介紹過 Ingress 玩法的多樣化正是引人入勝之所在,此篇就來介紹 Guardian。 也正是不用出門也能在家玩(為自己的 Portal 充電)。 玩家能為同屬陣營的 Portal 進行充電,當然身上記得要有一支 Key 喔!在此暫不討論充電的距離(容…

Ingress Weapon – Xmp Burster

若玩家欲佔領不同陣營的 Portal,就要讓該 Portal 變為中立狀態也就是灰塔,才可再行佔領。但是,要如何讓該 Portal 轉為中立呢?此時,Xmp Burster 便可派上用場。

淺談 HTML5

HTML 自 1999 年發佈 4.0 版以來,以為就可以滿足未來的各種網頁內容的需求,隨著網路應用程式的發展,有越來越多的網站應用程式需求已超出 HTML 格式所能支援的範疇,甚至使用者需為特定功能額外安裝擴充元件,例如需用 Flash 格式播放的影音內容。

Dreamweaver – Spry 選單列

Dreamweaver 中的 Spry 是以 HTML、Javascript、CSS 三種語法撰寫而成的互動式元素,讓某些不會撰寫程式語法的人也能夠輕易地做出效果性十足的互動式網頁。在 Spry 中的選單列、摺疊式面版、標籤面板、可收合面板、工具提示等,都只需簡單幾個步驟,即可由 Dreamweaver 透過內建的 Spry 組件來完成且修改容易。

Illustrator CS6 新功能介紹

Adobe Illustrator CS6 已經問世一段時間了,由於之前過於忙碌而沒時間研究,再加上 Adobe 所舉辦的新功能發表會沒參加,而導致 Illustrator CS6 新功能尚未研究。雖然說只要搜尋一下就可以找到一脫拉庫的資訊,但 Away 還是覺得自己測一下比較保險!再加上職場的需求,更需要去親身體驗一下 Illustrator CS6 新功能。

Illustrator – 摺紙效果

在 Illustrator 中一定要會用鋼筆工具、路徑管理員…才能畫出好看的作品嗎?答案是否的,只要我們充分使用色彩的明暗與物件的排列、堆疊一樣可以畫出令人驚豔的作品出來。以下便是我們利用 Illustrator 中的矩形工具、多邊形工具、直接選取工具、色彩控制與物件的排列堆疊所完成的摺紙效果範例。

修正 iPhone 手機旋轉後畫面會放大的問題

續前篇「使用 Veiwport 對於行動裝置的影響」所衍生出來的問題。完成了設定 width=device-width 使各廠牌手機的可視寬度與整個頁面寬度相同固然可喜可賀,看起來很正常,沒有什麼異狀呀!也達到我們想要讓使用者看到的結果。

Dreamweaver 行為 – 設定容器文字

誠如前篇所描述的一樣,若是不會撰寫 Javascript 不就挫咧蛋!剛好遇到某些時候業務急著要、上司急著要、老闆急著要、客戶急著要、媽媽急著要(媽媽來亂的),怎麼辦?雙手一攤,到時再說吧!在工作職場上可不容許這樣的情況發生,若是做不出來總要有些補救方法吧!

Dreamweaver 行為 – 顯示隱藏元素

延續前篇「Dreamweaver 行為 – 調換影像」的呈現效果,這次我們使用的方法是使用「顯示隱藏元素」,此方式可在 AP Div 中加入所需之文字或其他 HTML 元素,若是使用 Dreamweaver 行為中的調換影像則無法做到!請各位詳細看 Away 的解說~