用有趣連結跳脫「圍牆花園」的囹圄

編按:本文所提「圍牆花園 (Walled garden)」意指非開放、受控制的環境,也用來表示消費者被迫只能接受某一種服務。 你可否注意過,Twitter、Facebook、Google、Pinterest 上的某些連結搭配了預覽圖片、文字敘述的摘要,以及其他資訊之後,看起來就好有趣?   為了讓這些連結有更高點擊率,網頁本身原始碼中的後設資料即帶有豐富.....深入閱讀

js13kGames:遊戲開發專屬的 Code Golf

「13 kB」是多大的概念?依照目前的資訊工程水準,數個千位元組的資料不過就是「滴進海裡的一滴水」而已。如果回顧電玩興起初期的開發史,你會發現早期開發者必須克服種種不可思議的資源限制進行開發。 以曾經蔚為風潮的「亞達利 2600 (Atari 2600)」遊戲機為例,其中僅搭載了128 bytes 的 RAM,另有卡匣可額外提供 4 kilobytes 的容量。俗語說「諸多限制將誘發更多創造.....深入閱讀

幾個 HTML 秘訣

不久前才有一篇文章聊到某些 CSS 秘訣,接著再來跟大家聊聊 HTML 的竅門了!本文將提點某些 HTML 程式碼的小訣竅與建議,其中更有幾點很適合初學者納為己用,例如適當分段落、使用標題標籤、改善表單。但我們仍會討論圖像的 SVG sprites,以及更進階的。 文字方面 段落 我們寫的大多數程式碼必須再予以分段,這時應該使用 <p> 這個 HTML 元素分段。請勿使用 <.....深入閱讀

為了 Web 學寫程式碼吧!

MDN 的「學習專區 (Learning Area)」歡迎你來! 不論你是求知若渴的開發者或傳道授業的教師,一定隨時都想要拓展自己撰寫程式碼的知識吧!但難就難在該從何開始自己的 Web 技術。透過本文,我們要向大家介紹剛成立的「MDN 學習專區 (Learning Area)」,希望能解決常見的學習障礙,讓你能儘早享受 Web 開發的樂趣。 附帶一提,大家應該都知道整個 Web 範疇極其廣.....深入閱讀

將獨立製作的 Unity 遊戲匯至 WebVR

WebVR 不需額外的下載或安裝作業,即可迅速達到玩家喜愛的多樣效果,因此已成未來「虛擬實境 (VR)」內容的關鍵。至少我們是這樣想的!現正陸續建構中的「Jump」跨平台數位遊戲訂閱服務,期能將原生的 Web 遊戲推送至桌機、行動裝置、電視遊樂器,當然還有目前正夯的 VR 裝置之上。同時更已將全數資源投入原生的 Web 技術,如 HTML5、WebGL、JavaScript,且很快就會擴及 Web.....深入閱讀

深入 ES6 系列:迭代器與 for-of 迴圈 (下)

歡迎觀看此系列新文。我們將概略介紹 JavaScript 的新版本「ECMAScript 6」,亦稱為「ES6」。 如果你才剛發現這篇文章,也歡迎先回去看看《深入 ES6 系列:迭代器與 for-of 迴圈 (上)》,先了解 for-of 是如何巡訪各個元素的。   內部運作的情形  「好的藝術家用抄的;偉大的藝術家用偷的」─ 藝術巨擘畢卡索 ES6.....深入閱讀

深入 ES6 系列:迭代器與 for-of 迴圈 (上)

歡迎觀看此系列新文。我們將概略介紹 JavaScript 的新版本「ECMAScript 6」,亦稱為「ES6」。 本文重點在於可巡訪各個元素的 for-of 迴圈,另外還有後半段繼續介紹迭代器 (Iterator)。   你都如何巡訪陣列上的每一元素?在 JavaScript 於二十年前剛出現時,你必須如下處理: [crayon-59c6a35291.....深入閱讀

用 Device Orientation 與 Vibration API 開發行動版遊戲

隨著智慧型手機不斷成長,小品行動遊戲市場也跟著蓬勃發展。現在除了有多樣 Web 工具可協助開發者撰寫遊戲之外,且成品的效能更直逼原生遊戲。你必須提供更好的執行經驗,才能在眾多遊戲之中脫穎而出,而 JavaScript API 絕對是一大助力。針對遊戲開發,你應該要了解 Device Orientation API 以及 Vibration API。 Cyber Orb 《Cyber Orb》就.....深入閱讀

我從樂高 (LEGO) 學到的二三事 (以及對社群的其他想法)

只要你能和一群人自由自在的相處,不需過度改變自我就能融入這個環境,並感覺大家都對世界抱持類似的理念。而且你能對「這些人跟我很像嗎」的問題給予肯定答案,就算是形成了一個社群。 當某個品牌足以代表特定世界觀時,該品牌的外圍也就會自然形成許多社群。聰明的公司會注意到這點,並積極與這些人交流以達到雙贏的合作局面;同時更為社群與組織創造額外價值。但要實際達到此一目標並不簡單。接著將簡略說明樂高.....深入閱讀

該如何奪回 Firefox 被綁架的首頁?─ 以 hao123 為例

最近常常遇到一些朋友的問題:為什麼 Firefox 首頁莫名奇妙的就被 hao123 綁架了呢? 上圖即顯示了 Firefox 的首頁被綁架到: http://www.hao123.com/?tn=97473572_hao_pg 就算怎麼更改首頁、顯示空白頁都沒有用...… 我們該怎麼把 Firefox 的首頁救回來呢? 其實事出必有因啊!不會有莫名奇妙網頁就被綁架這.....深入閱讀