Bobo的技術時光屋

手機上 Ptt 一定要額外安裝 App 嗎？ 之前為了在手機上瀏覽 Ptt 的文章，和大多數人一樣都額外安裝了一些 App 用了一陣子後發現有幾個問題： 多半時間僅是瀏覽文章，而發文、推文等功能相對少用(就…潛水呀@_@) 相對地這些 App 使用頻率低，還會佔用系統資源。 需要去習慣這些 App 的瀏覽操作。 相較於 BBS，大家多半還是比較習慣 Web 的操作。 某天在捷運上滑手機時，突然想到 Ptt 應該有提供 RSS feed 吧？ 上網查一下發現～ 果然有！而且還是官方提供的！ 既然有那麼事情就簡單了，直接搭配 Feedly 這套好用的 RSS 訂閱器，把 Ptt 各版的 RSS 文章匯入就可啦！ 如此，不論是 BBS 或是一般網站來源，都可以 在 Feedly 這裡有一致性的瀏覽體驗 ！超讚！ 批踢踢的 RSS 格式如下： http://rss.ptt.cc/板名.xml 。 例如電影版就是 http://rss.ptt.cc/movie.xml PHP 版就是 http://rss.ptt.cc/php.xml 只要知道版名，就可以使用 RSS 訂閱你的最愛看板囉！ 甚至還可以搭配 IFTTT 服務來追蹤 ptt 特定板塊~ 而有不少應用(發現新大陸中)。

在 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