第二個練習一樣學習tuts的課程，選擇課程的好處是做到一半不知道該怎麼做時，有video解答可以看。看看高手怎麼做總是比自己亂弄的好的多。我選擇的課程是需要付費的，tuts還有一些免費的教材可以學習，影片或是文章教學都有，有興趣的自己發掘囉 ...

最近在訓練排版的熟練度，要快速打造protype基本的前端技能是必須的。我選擇的教材是tuts的psd to html porfolio。課程中介紹了詳細的切版流程，從切圖到建構html到用css排版都有詳細的介紹。本篇是psd to ht ...

atom-color-highlight 在編輯器中即時顯示色碼對應的顏色。 atom-development-server 一個很強大的東西，自己玩玩看吧。 atom-html-preview 老實說我不太會用這個套件，但是 ...

使用Rails Form Helper時，很重要的一點是要知道Form Helper會產生什麼樣的Html Code，了解之，觀察之，這樣你才能修改成自己需要的樣子。如果要在form中加入check box，可以使用collection_c ...

增加一個叫做Creator的別名，讓我們在判別作者時文意更加通順。 設定發文者我們透過foreign key新增一個叫做creator的別名。作法是修改model/post.rb原本的 1belongs_to :user 改成 ...

Sublime 快速鍵Sublime有的快速鍵Atom幾乎都有，以下是我有在使用的一些快速鍵。 基本的移動與選取游標移至行頭/行尾cmd + 左 / 右 跳到頁首頁尾cmd + 上 或 下 ...

前言接下來我要藉由實作一些比較小型的Rails Project，來練習工程師必備的技能，其中最主要訓練的目標是能抓出需要實作的use case與如何從use case中實踐功能。因為沒有網頁的相關背景，如何磨練Html css javasc ...

使用 Snippet 最重要的針對自己的習慣客製化快捷鍵。 Atom 有許多內建的 Snippet，建議「不要」使用，因為那些設定會存在「Atom 程式」裡面，無法儲存在 .atom 資料夾中。所以一旦 Atom 版本更新之後，全部的設 ...

這是參加開源社群Tossug Linux讀書會的心得筆記，部分內容經過大大的補充，讓學習上更完整:）Ch14講的是Printer，因為實際使用上較多Bug所以跳過這一章節，等有需要的時候再來學習。 Shelllinux系統可分為三個重要的部 ...

advanced event handlertrigger使用trigger就像是你按下那個按鈕。範例: 1234567891011function picture() { console.log('Show Plane ...

each用each把result的物件讀出來，插入頁面元素之中。要插入<p></p>之中使用的是html()要插入img的src欄位，使用find('img').attr('src', ...

Section 1 cat and echocat(concatenate)1cat file 顯示檔案，按空白鍵可以捲動 1cat file1 file2 ...

Part 1. javascript Object將改原本的程式重構，所有的function都變成Object的Method，增加可讀性。 這是原本的code 12345678910var confirmation = { in ...

使用.html()插入元素要使用的ajax長這樣，點下#tour之下的button後，如果出現錯誤，就會顯示錯誤訊息。 1234567891011121314$(document).ready(function() { var ...

第一次使用Sinatra，還滿好玩的。只要輸入gem install sinatra安裝之後在ruby檔中require "sinatra/base"就可以使用了 each_with_index原來要使用each_wit ...