Bobo的技術時光屋

在 blog 顯示程式碼，除了先把 code 貼到 codepen、gist、pastebin 等第三方服務再使用嵌入程式碼的方始顯示，也可直接在編輯畫面使用 Syntax Highlighter 來高亮程式碼區塊，以下 Demo 幾種不同語言的程式碼。 bash Syntax Highlight ls -lh cat 1.txt PHP Syntax Highlight <?php echo "Hello bobo~" Route::get('/', 'WelcomeController@index'); Route::get('home', 'HomeController@index'); Route::controllers([ 'auth' => 'Auth\AuthController', 'password' => 'Auth\PasswordController', ]); JavaScript Syntax Highlight 'use strict'; $(function () { // Sidebar Menu var accordionWidth = $('#accordion').width(); $('#accordion').sticky({ 'topSpacing': 60 }).width(accordionWidth); // Editor $('.html').summernote(); // Cancel $('.cancel').on('click', function (e) { e.preventDefault(); if (confirm('Are you sure to leave this page?')) { window.h

原文： 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~

一直沒有時間好好去研究 htaccess 的寫法，發現參考別人的範例來學習似乎是個不錯的方法，無意間就在萬能的 GitHub 上發現這個 .htaccess Snippets。 而且 Star 數竟然有8千耶(大驚... GitHub： phanan/htaccess

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 檔、低解析度的圖檔等等，檔案內容不必包山包海，也因為要針對不同裝置設計不同的流程，相對起來較費工。

Rails Beginner Cheat Sheet 起初是 PragTob 在 Rails Girls Berlin 活動所建立的專案，後來發現有不少人有 看小抄 的需求，確認 release 出來可以造福更多 Rails 社群的朋友，因此在 GitHub 上就有這個專案了 : ) 專案放在GitHub： https://github.com/PragTob/rails-beginner-cheatsheet Cheat Sheet 網頁版： http://www.pragtob.info/rails-beginner-cheatsheet/ 也可以直接下載 PDF： RailsBeginnerCheatSheet.pdf

Laravel 套件 Sqli：讓 Artisan 提供 SQL 互動介面 sqli 是一個有趣的 Laravel 4 套件(by Antonio Ribeiro)，可以擴充 Artisan 功能，使其可以執行 SQL 查詢語句。 類似像 tinker 那樣可以互動介面來與你的 Laravel 應用程式互動(包含操作 Eloquent) 安裝方式： 使用 composer 安裝，只要在命令列環境下輸入 $ composer require "pragmarx/sqli" "0.*" service provider to your app/config/app.php: 'PragmaRX\SqlI\Vendor\Laravel\ServiceProvider', 使用方式 進入 SQL 互動畫面 $ php artisan sqli 輸入 SQL 查詢字串 $ postgresql:laravel> select email from users; 即可得到 SQL 查詢結果 +----+------------------------------+ | id | email | +----+------------------------------+ | 1 | arnold@schwarzenegger.com | | 2 | danny@devito.com | +----+------------------------------+ GitHub： antonioribeiro/sqli

LaraDiner(拉拉快餐車) 本週四晚上開始試營運囉! 由我們幾位社群同好共同發起的 Laravel 讀書會，每個月將不定週舉辦 2 次。 地點在 Ville Cafe (近公館捷運站、台電大樓捷運站) 台北市中正區羅斯福路三段284巷5號 活動詳情： https://www.facebook.com/events/942421959103592 == Update == 第二、三次活動地點都在 InnoSquare 新北創力坊 地址：新北市三重區重新路一段108號3樓(捷運台北橋站3樓)