官網導讀:快速打造一個chrome extension
快速的建立我們第一個 Chrome extension
,這裡我們將了解一個extension
最基本構成及其操作。
簡單的定義什麼是 Chrome extension
Chrome extension,允許工程師使用前端領域裡早已熟悉的javascript + css + html 三大元素,來操作Chrome的核心功能。
About HTML semantics and front-end architecture原文
一篇有點歷史的文章,作者有在Twitter工作過,沒錯!馬上該想到有名的Bootstrap(不過不知道作者有沒有參與)。不算完全翻譯,這是一遍蠻深奧的文章,所以翻譯中除了原作者提供的之外,有加入我找到的相關資料以及我的看法。雖然英文不是很好,但我儘量表達到位。那我們開始吧。
集合了一些想法、經驗、我喜歡的概念,還有最近這些年我已經在嘗試的概念,包括了HTML的語意化、元件、前端架構的設計方法,類別的命名方式、HTTP壓縮。
We shall not cease from exploration
And the end of all our exploring
Will be to arrive where we started
And know the place for the first time.
T.S. Eliot – “Little Gidding”我們不會停止探索
而一切探索的終點
將會是我們下一次探索的開始
T.S. Eliot – “Little Gidding”
Parallax Scrolling又名視差滾動,在江湖上已經流傳了這麼久,雖然是老梗但用在網頁上的效果一直很不錯,作前端工程師應該總會遇過設計或是需求用閃亮期待的眼神問你作不作得到。我們會在接下來的章節中利用工具實作視差滾動的的效果。
我們將假設你會以下技術,否則在接下來的介紹裡,你可能會感覺有點吃力。
天氣非常好,大家都知道我們家那隻非常喜歡下廚,昨天看了Gordon.Ramsays去印度學作菜的節目於是非常的想吃印度咖哩,我們家那隻馬上行動達成我的願望,為了表達感謝,我決定幫忙制作印度烤餅,原因是他全程都可以用機器,哈哈哈哈哈。