webdesign:ajax

Wed, 17 Nov 2010 22:39:59 +0800

AJAX Dynamic website thumbnails PHP Ajax Frameworks Ext JS TinyMCE Javascript WYSIWYG Editor ajaxload.info 可以製作各種圖示，讓人覺得 ajax 有在執行 Full-…

webdesign:all

Mon, 21 Oct 2013 12:28:02 +0800

Recaptcha * Google reCAPTCHA 常見設計模式介紹網站製作學習誌： Freewebs 透過互動式 Ajax，輕鬆建立個人網頁、Blog、討論區等強大功能！ Open Web Design Free website templates / Flash design templates Page Speed 使用 Page Speed 工具作 Web 優化 Test your web design in different browsers…

webdesign:api

Thu, 17 Dec 2009 17:00:07 +0800

Google Maps API Google Chart API YouTube Data API for ActionScript 3.0

webdesign:art

Thu, 09 May 2013 01:19:21 +0800

Color * Lavish, Bootstrap like a King. Generate your own Bootstrap color scheme from an image and customize to your taste IxEdit 直接透過網頁製作網頁特效 Text To Logo 各種網頁文字圖 Table Design Hightlight Example:

webdesign:calendar

Thu, 09 Aug 2007 17:56:22 +0800

xt:Commerce 上的月曆原文：原始檔： Demo： test 中間最好空一格，不然有些瀏覽器無法載入！

webdesign:head_rush_ajax_4

Sat, 03 Mar 2007 15:42:24 +0800

Head Rush Ajax 讀書筆記 Chapter Four 「document」物件讓 Javascript 存取網頁瀏覽器的 DOM 樹。、

為元素節點；“TEXT” 為文字節點； id=“binary”、class=“twbbs.org” 為屬性。三者皆為節點。的第一個 child 為，第二個為。

webdesign:head_rush_ajax_5

Sun, 04 Mar 2007 14:04:34 +0800

Head Rush Ajax 讀書筆記 Chapter Five HTML 不再使用提交表單的方式 ......

webdesign:head_rush_ajax_6

Sun, 04 Mar 2007 15:32:24 +0800

Head Rush Ajax 讀書筆記 Chapter Five 純文字使用專有（自行定義）的資料格式，需要額外寫文件，且如果資料的次序改變，呈現出來的資料會是錯的。 1000;100;10 1000|100|10 1000,100,10 XML W3C 用 XML 定義了 XML。XML 是一種元語言：用來定義其他的 XML 語言。XML 定義了元素、屬性、尖角括號(大於、小於)要如何使用。利用元素和屬性，以結構化的方式組織資料。

webdesign:head_rush_ajax_7

Sun, 04 Mar 2007 17:07:25 +0800

Head Rush Ajax 讀書筆記 Chapter Five JSON(JavaScript Object Notation) JSON 只是用 JavaScript 表達某種物件。比 XML 更像陣列。大括號 {} 內包含無次序的值集合，中括號 [] 表示陣列。 “資料名”: 資料值

webdesign:head_rush_ajax_appendix

Sun, 04 Mar 2007 18:00:21 +0800

Head Rush Ajax 讀書筆記 Appendix 1 Ajax 工具包 Prototype var request = new Ajax.Request( url, // 請求所要送達的地方 { method: 'get', // GET or POST parameters: 'phone=1234567890&name=SARS', // 名值對，送到伺服端 onSuccess: updatePage, onFailure: reportError // 發生錯誤時執行此回呼函式 } ...... } 處理回應：


function updatePage(request) {
  var response = request.responseText;    // 不需要檢查備妥狀態和狀態碼，Prototy…



webdesign:head_rush_html_3
Sun, 15 Jul 2007 10:30:39 +0800
Head Rush HTML 讀書筆記

Chapter Three

Quote



為行內(inline)元素。

適合簡短的引用文字，在 IE 看不出來差別，Firefox 則會在引言前後加上雙引號，一般會搭配 CSS 來修改顯示方式。



為區塊(block)元素，前後會各有一個換行。


webdesign:head_rush_html_4_5
Sun, 15 Jul 2007 14:53:33 +0800
Head Rush HTML 讀書筆記

Chapter Four



title 屬性，滑鼠移上去會出現工具提示。
SARS.tw
Destination anchor
TEXT AREAhttp://file.to/file.html#anchor
target
target="_blank"    // 強制開新視窗
target="page1"     // 使用名為 page1 的視窗，如果沒有此視窗則開新視窗


webdesign:head_rush_html_6_7
Thu, 02 Aug 2007 19:52:13 +0800
Head Rush HTML 讀書筆記

Chapter Six

Document type definition

過渡期

	*   要有 alt 屬性

嚴格



webdesign:head_rush_html_8_9
Sat, 11 Aug 2007 17:35:13 +0800
Head Rush HTML 讀書筆記

Chapter Eight

CSS
h1, h2 {
  color: gray;
}
CSS file

將頁面字型改成較易閱讀的 sans-serif。


webdesign:head_rush_html_10
Sun, 12 Aug 2007 21:53:10 +0800
Head Rush HTML 讀書筆記

Chapter Ten

CSS box model





CSS 排版概念
  左邊距(margin)    左邊框(border)    左內距(padding)    內容(content) 
內容(content)    右內距(padding)    右邊框(border)    右邊距(margin)  
不同 media




webdesign:head_rush_html_13
Wed, 08 Aug 2007 15:55:18 +0800
Head Rush HTML 讀書筆記

Chapter Thirteen

Table



  
    說明會顯示在瀏覽器上
  
  
    標題1
    標題2
  
  
    內容1
    內容2
  



webdesign:html5
Tue, 22 Dec 2015 09:39:31 +0800
HTML5

MSDN: 

Samples & Examples

HTML 5 Demos and Examples

IE Test Drive

File API

MSDN: 



Reading local files in JavaScript

HTML5 Multiple File Upload with Progress Bar

Utilizing the HTML5 File API to choose, upload, preview and see progress for multiple files

input type=file element | in…


webdesign:javascript
Thu, 02 Aug 2018 17:37:44 +0800
Javascript

Using XMLHttpRequest

apply()

接收不定量參數，並在呼叫參數時傳入不定量參數


function Test(){
    var s =0;
    for(var i=0; i

webdesign:material_design
Wed, 28 Jan 2015 09:25:46 +0800
Material Design

	*  Materialize CSS


webdesign:png_in_ie
Sat, 09 Dec 2006 14:58:48 +0800
PNG vs Internet Explorer (IE)



一般架設網站會對一些測試做的比較嚴謹，其中測試圖片的顯示也是重要的一環！

這幾天依序為這個網誌作了一些小功能的增加，突然發現在 IE 的環境瀏覽下‥‥
PNG 影像背景透明的顯示似乎在


webdesign:prototype-window
Sat, 24 Feb 2007 12:01:30 +0800
Prototype window




webdesign:reactjs
Fri, 04 Dec 2015 15:40:26 +0800
ReactJS

Redux

	*  Hello Redux 1/3 Hello Redux
	*  Hello Redux 2/3 Server Rendering
	*  Hello Redux 3/3 Unit Test


webdesign:responsive_design
Sun, 15 Sep 2013 22:01:57 +0800
CSS

	*  Responsive CSS3 Slider Without Javascript


webdesign:responsive_web_design
Wed, 28 Jan 2015 09:27:19 +0800
Responsive web design

Website

	*  froont.com - Responsive web design, the visual way
	*  Media Queries
	*  Responsive CSS3 Slider Without Javascript

Article

	*  Common Techniques in Responsive Web Design


webdesign:ruby_on_rails
Sat, 21 Jan 2012 11:39:53 +0800
Ruby on Rails 正體中文站



heroku



Heroku is a platform for instant deployment of Ruby/Rails web apps.

Learn Ruby on Rails: the Ultimate Beginner's Tutorial



Ruby on Rails Handbook



Ruby on Rails Tutorial

Learn Rails by Example - Michael Hartl


webdesign:ux
Fri, 04 Mar 2016 21:51:53 +0800
User Experience

Tools

	*  Pencil
	*  配色選擇
		*  
		*  


Misc

防止誤觸Backspace鍵跳離編輯中網頁

Sars' History webdesign

webdesign:ajax

webdesign:all

webdesign:api

webdesign:art

webdesign:calendar

webdesign:head_rush_ajax_4

webdesign:head_rush_ajax_5

webdesign:head_rush_ajax_6

webdesign:head_rush_ajax_7

webdesign:head_rush_ajax_appendix

webdesign:head_rush_html_3

webdesign:head_rush_html_4_5

webdesign:head_rush_html_6_7

webdesign:head_rush_html_8_9

webdesign:head_rush_html_10

webdesign:head_rush_html_13

webdesign:html5

webdesign:javascript

webdesign:material_design

webdesign:png_in_ie

webdesign:prototype-window

webdesign:reactjs

webdesign:responsive_design

webdesign:responsive_web_design

webdesign:ruby_on_rails

webdesign:ux