Steps to Implement Highcharts Reports in Dot Net Application

前端工程日誌: 2013年網頁設計師等級表

前端工程日誌: 2013年網頁設計師等級表: 在教課的這一年來時常會被問到視覺平面設計師假使要跨領域做網頁設計師，究竟要達到什麼樣的水平，才能夠去應徵該職缺。 所以這篇文章是寫給 視覺平面設計師欲轉型為網頁設計師 的參考門檻等級表(HTML、CSS、 JS )，以及一些個人的心得分享， 提供大家參考學習。 J ...

Maximum request length exceeded.

可參考
http://www.cryer.co.uk/brian/mswinswdev/ms_vbnet_server_error_in_application_post_size_exceeded.htm

有時候不一定是下載資料量太大，有可能是 post back 回傳 server 資料量太大，檢查後才發現自己的 case 應該是用了ASP.NET 的 ViewState，把一個 table 記在 ViewState，再次按query查詢時，又把 整個 table 丟回 server ，造成 Maximum request length exceeded.
最後取消用 ViewState，改用按 query時，直接 query db。

padding(內距) 與 margin(外距)

資料來源：http://www.w3schools.com/css/

• padding(內距) : The padding clears an area around the content (inside the border) of an element. 
• margin  (外距) : The margin clears an area around an element (outside the border). 

padding/margin基本語法範例：

• 4個值:上 右 下 左; 2個值:上下 左右;　3個值:上 左右 下;　1個值:四個邊同樣値;

其它值：

Value	Description
auto	The browser calculates a margin
length	Specifies a margin in px, pt, cm, etc. Default value is 0px
%	Specifies a margin in percent of the width of the containing element
inherit	Specifies that the margin should be inherited from the parent element

DIV 置中

DIV 置中

參考源原：http://www.wibibi.com/

DIV 置中方式主要是讓整個 DIV 區塊置中
margin:0px auto;   <-- div="" p="">

DIV 內的元素置中，如果你想要讓 DIV 內的文字、圖片或其他元素能夠置中，
text-align:center;　   //水平置中對齊
line-height100px; //文字垂直置中

-------------------------------------------
CSS position 

position : absolute;
absolute：絕對位置，當網頁往下拉時，元素也會跟著改變位置，其元素的位置由 top、left、right、bottom 所決定。
fixed：元素位置固定，相對於瀏覽器而定位，其元素的位置由 top、left、right、bottom 所決定。
relative：相對位置，相對於其它元素的位置，其元素的位置由 top、left、right、bottom 所決定。
static：這就是預設值，如果設定 position 為 static，則 top、left、right、bottom 會被忽略。
inherit：繼承自父層 position 定位屬性的值。

-------------------------------------------
CSS float 浮動語法

float: 浮動方向;
 left（靠左浮動）、right（靠右浮動）、none（預設值，也就是不浮動）以及 inherit（繼承自父層的屬性）

GoogleMap 結合資料庫在地圖上加入地標

GoogleMap 結合資料庫在地圖上加入地標

如要改改 icon，可在 

google.maps.Marker中指定 icon: images/pic.png

利用一些既有的工具來補足設計

利用一些既有的工具來補足設計，例如Bootstrap、Font-Awesome、Google Fonts、JQuery、D3.js、Backbone 與 AngularJS等，這些工具可以讓非設計領域的程式人員開發出比較像樣的軟體