各種常用 htaccess 範例大補帖
一直沒有時間好好去研究 htaccess 的寫法,發現參考別人的範例來學習似乎是個不錯的方法,無意間就在萬能的 GitHub 上發現這個 .htaccess Snippets。
而且 Star 數竟然有8千耶(大驚…
GitHub:phanan/htaccess
一直沒有時間好好去研究 htaccess 的寫法,發現參考別人的範例來學習似乎是個不錯的方法,無意間就在萬能的 GitHub 上發現這個 .htaccess Snippets。
而且 Star 數竟然有8千耶(大驚…
GitHub:phanan/htaccess
原文:Node.js Framework Comparison: Express vs. Koa vs. Hapi
目前在 Node.js 上面最熱門的 3 套 Framework ,這篇文章從框架的背景與實作一個 Server 和最常用的 Routes 等面向來討論各種框架的特色與優缺點。
評比結果:還是由最出名的老大哥 Express 在各方面表現亮眼,不管是現有社群資源、框架成熟度都是大推,而 koa 則是後起之秀,最先擁抱 ES6 和 Web component 的思維,也頗值得關注。
心得:先摸熟 Express ,然後等 ES6 熟悉之後再來摸 koa,或是藉由 koa 來熟悉 ES6 似乎也不錯XD~
RWD、AWD 幾種常見的排版線上切換比較
這幾年在行動裝置的多種解析度需求之下,Responsive Web Design (RWD) 已經成為網頁排版的顯學,除此之外其實還有 Adaptive Web Design (AWD),你知道他們的差別嗎?
Liquidapsive 這個網站讓你可以輕鬆地切換RWD、AWD、Liquid layout、Static layout 做個比較,來試試看吧。
最後來複習一下這兩種 Web Design 實作上的差異:
Responsive Web Design (RWD, 響應式設計):在瀏覽器端判別裝置的解析度大小,再藉由 CSS3 的 Media Query 方法來載入對應的CSS,讓同一個網頁自動套用不同的 CSS 變化版面配置,。
Adaptive Web Design (AWD, 適應式設計):由伺服端判斷後,因應不同裝置而回傳不同版本的網頁內容給瀏覽器顯示,這種方式可以針對個別裝置設計一套專屬的檔案,例如小尺寸螢幕有特別設計的 HTML 檔、低解析度的圖檔等等,檔案內容不必包山包海,也因為要針對不同裝置設計不同的流程,相對起來較費工。