前陣子 NoSQL 是被關注的議題, 現在卻是用在無形中而不知覺吧。 SQL與NoSQL的考量 通常應用程式會有需要儲存資料的議題, 採用關連式資料庫是正規傳統...
介紹CSS屬性 背景及overflow 今天來講最常用的背景色及背景吧~ color:#fff | rgb(255,0,0) | red 顏色可以用三種方法指...
參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為 和 提供了Methods(方法)、Pr...
rails 裡內建有 flash 的訊息功能, Sinatra 卻欠卻此好用功能。 (flash不是Adobe的Flash,只是出現訊息作用的名稱) 在 rai...
本篇文章作為網站實戰開發的第十篇, 我們將繼續實作發表文章,將系統基礎建置完成。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要...
參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...
透過 session 的機制,可建立簡單的帳號身分確認的功能。 啟用 session 功能 Sinatra 預設並不啟動 Session 機制, 通常在瀏覽器端...
本篇文章作為網站實戰開發的第九篇,我們繼續實作發表文章。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域, 這個原...
參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...
資料庫的操作是網站常需要的動作, Rails的ORM預設的是 ActiveRecord, Sinatra 也可適用,但也有 DataMapper 及 Seque...
本篇文章作為網站實戰開發的第八篇,我們繼續實作登入狀態。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域, 這個原...
參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...
CSS樣式的空間組成基礎- box 盒模形。 CSS的部分講了四篇,都還在基本概念和 HTML的元素選擇器上,今天終於要正式講到樣式本身的基礎- box 盒模...
之前所舉的例子, 都只是在程式裡寫出個簡單的回應, 並未把完整的 html 畫出來。 雖不不見得一定要用 MVC 的模式, 但利 views 把資料處理與表現的...
參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...
本篇文章作為網站實戰開發的第七篇,我們將繼續實作更多細節, 在繼續往下開始之前,我們計畫先聊聊 View 的重用、模組化。 --------系列簡介------...
介紹CSS 基本概念,權重及覆蓋、繼承 承上篇,繼續針對選擇器說明,我們已經知道在CSS指定樣式的型式: E {color:red;} 選擇器 {類型:參數};...
空無是一種很奇妙的狀態,在 JavaScript 裡面,null, undefined 是一種奇妙的東西。今天來探討什麼是 null ,什麼是 undefine...
光介紹語法使用不大有趣,實作個可用的網站來試試。 之前曾發展過 中文隨機姓名+亂數假文的 script, 是用 shell script 再加上 sinatra...
本篇文章我們接續昨天的內容,繼續討論註冊實作的細節。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域, 這個原本屬...
同樣是用 rack 為基礎的兩個框架, 有些是相似的地方,有些不同, 從這樣對照,可看出 sinatra 的簡易。 Sinatra Book 提供了蠻完全, 但...
介紹在<video>裡可以放置的特性(Attributes)- control preload loop muted control 指定是否顯示控...
本篇文章作為第三週的第五篇,我們續昨天談論到 controller 與 view, 今天進一步的引入 bootstrap 並開始略為進入資料庫的操作。 ----...
audio和video都是Media Elements- 介紹在<video>裡可以放置的特性(Attributes)- src autoplay...
簡單的功能 sinatra 可以把程式寫到一個檔案就可以啟動服務。 最簡單的啟動 看一下編輯的檔案及執行的結果: $ cat simple.rb require...
簡介平面設計所需要知道的CSS知識,設計也許不需要實際上寫出CSS,但是對CSS概念的了解可以幫助設計出更好的網頁版面。 上一篇簡介了如何在HTML內使用CSS...
本篇文章作為第三週的第四篇,我們要原訂是要談視覺跟資料表共舞,但是由於撰文進度落後, 所以我們今天將改談 CI 網站基礎建置,將我們的測試專案基礎建置起來, 明...
應該要先講HTML5的結構 > < 但剛好最近在研究Video標籤。 今天分享筆記: 影片檔是什麼? 編譯解碼器是什麼? 簡單使用<...
由平面設計的角度來看 CSS的基本概念 上一篇簡介了HTML,版面來比喻,HTML就是不同的元素,而CSS就是這些元素的造型。 如果說HTML是一篇有標題、大綱...
本篇文章作為第三週的第三篇,我們要接著談資料、畫面與視覺。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想要入門的一個領域, 這個...