昨天講到後端的部分, 今天就來說說HTML好了~ 其實我學習HTML一部分是看書 一部分是看別人的網站程式碼 因為有些東西與其自己想 也可以參考別人的做法來調整...
發表於 2014鐵人賽的三十篇HTML5文章 已經收錄成書、集結成冊 =============================================...
HTML5 -- Form表單 與 輸入驗證(Validate) 原本是我要出書的內容 文字與圖片都滿多的 要逐一轉貼到網站上與大家分享,有點累人 我直接把Wo...
HTML5 -- Form表單 與 輸入驗證(Validate) 原本是我要出書的內容 文字與圖片都滿多的 要逐一轉貼到網站上與大家分享,有點累人 我直接把Wo...
SVG(Scalable Vector Graphics) SVG是一種XML語法而且已經納入HTML之中,可以把互動圖形放在您的網頁裡面(放在<svg&...
常常有人在論壇上詢問「網頁上有沒有ComboBox」 ComboBox在 Windows程式上很常見 但在網頁HTML表單上,則沒有這個東西 該怎麼實作呢? 常...
知名的fancyBox是網路上很多朋友推薦的jQuery套件 您可以在多數網站看見類似的效果 產品圖片、線上相簿.....等等 安裝起來也很簡單,不管您試用AS...
快速回顧一下,為什麼要挑這些主題來構成這一系列的簡介文章。 這系列的快寫 HTML 靜態網頁, 分別就以下的特點來快寫: 語法 編輯器上的縮寫語法來 快速 擴...
在 前一篇 簡介了很易用的 HTML 簡報, 如果希望在簡報裡是比較多的照片為底圖, 可能就不大方便,後來才發現已有一堆的 HTML 簡報工具可利用。 一堆的...
需求 當頁面圖片很多、網路又不快時,圖片顯示會由上往下慢慢顯示,這會讓使用者觀感很不好,故我希望在圖片載入完成時,再將該圖片顯示,並用文字提示載入完成,雖然這個...
古早以前有 S5: A Simple Standards-Based Slide Show System, 用 HTML 來做網頁式的簡報的作法, 效果看起來像...
我最早接觸的程式其實是HTML,那時候還是國中不知道有VB這種語言的東西,知道有VB是因為玩天堂的關係,因為當時外掛是用VB寫的,不過當時沒有去接觸,所以就錯失...
常會用到的導覽列,透過 Bootstrap 可快速地套用。 常在網頁上的每一頁常用的樣版裡, 會有同樣的導覽列出現, 最常用的是連結、搜尋或登入的表格以及按鍵...
以前在HTML裡,按鍵通常只有在做表單送出時才會用到, 但用 Bootstrap 的過程中,按鍵反而成為美化網頁的好方法。 有關美工的設計或怎麼美化, 自己的...
現在已經是Html5的時代,因應新規格的來臨,我們要放開胸懷迎接Html5的新標籤.... 現在已經是Html5的時代,因應新規格的來臨,我們要放開胸懷迎接Ht...
Bootstrap 的 Grid system 是依循 960.gs 的方式來佈局。 其中的 .row 是列的單位, 而.col-{媒體形式}-{數字} 算是...
實作方式請參考:http://msdn.microsoft.com/en-us/library/windows/apps/hh974582.aspx Blog...
最近又寫回Webform,但跟以前不一樣的事,很多時候我已經捨去掉那些控制項,也不再使用Update Panel,主要是因為不想再使用那肥大的ViewState...
如果只需要大區塊的網頁佈局, EZ-CSS是既輕量, 又提供一些常用的例子可立即使用。 早期的網頁佈局常是用 table 的HTML元件來進行, 而用 tab...
(此圖翻繪自 http://msdn.microsoft.com/en-us/library/windows/apps/hh464925.aspx) Win...
前2/3的篇幅是介紹快寫HTML的語法、工具, 以及能夠像動態網頁似地快速更新網頁的靜態網頁產生器。 接下來介紹如何快速安排網頁元素的佈局及美化。 一片空白的...
前幾篇簡介了靜態網頁產生器的使用, 事實上不限於這幾種, 而有更多的產生器可選擇。 為何用靜態網頁產生器 怎麼架個自己的站, 一開始只是有個web 網站, 提供...
如果希望在自己的機器裡,建立靜態網頁的blog,Jekyll是快速又功能強大的選擇。 安裝及最簡單的使用 相較於前幾篇所介紹的, 因為功能強大,安裝時所要的套...
在第一篇有提到如果你的Web應用主要再處理一些CRUD,那很適合用knockout.js來實現MVVM架構,後續介紹了屬性、事件的控制,這篇就要來介紹在knoc...
Split App 分割應用程式有別於之前一直練習的空白應用程式。 因為Split App 具有完整的導航模式,從起始畫面之後,可以讓你一步一步的進到下一層.....
既然用 nanoc 可以有效維護網頁, 也試試怎樣讓 nanoc 支援 HAML 的格式。 把layouts/ 裡面改副檔名而成為 default.ham, 且...
這篇要介紹一些寫Web常用的事件,在上面兩篇範例,我們已經有使用到click、checked…等等的事件,這篇主要將其他常用的事件做個介紹,並如何在knocko...
不同於stasis只是單純的轉換, nanoc 有較多的功能快速建立管理網頁。 可執行的指令 nanoc 是 ruby 環境下的工具,只要執行 gem inst...
活在這代的程式設計師很幸福,網路資源非常多,且不管Server-Side或者是Client-Side的程式語言,已經越來越多的函式庫能使用,只要簡單的語法就能實...
使用 stasis 產生靜態網頁, 除了每更新HAML檔後, 再執行編譯的方式之外, 也提供了即時監測更新的方式。 靜態網頁即時更新 靜態網頁與動態網頁的區別,...