• 1 最新網頁技術,隨時分享給您
    邦立資訊透過知識結合,連結技術分享
  • 2 jQuery Timeline - 時程表運用
    網頁設計中,常常會看到流程表、時間表的呈現,通常都是很單純的一次顯示所有的流程或時間,利用卷軸下拉方式作呈現..
  • 3 AddThis - 社群網站圖示語法
    "AddThis" 是一個自動提供語法的網站,可以讓您的網站或部落格上同時顯示包含 Facebook、Twitter、Google+ 等大型國際社群網站的人氣指數..

幾點囉!

這是個CSS3+jQuery所設計成成"很大很清楚"的時間表

不知道哪天會有網站會想要秀出這個時間表

但網頁設計總是非常的奇妙,任何東西都可以結合在網站當中

也許某一天這個時間表就能成為您的網站重要的功能唷!

Clock[點我看範例]

...

身為網頁設計的控案師,將整個網站頁面以圖片的方式呈現,

並針對每個區塊講解,是幾乎每個案子都會上演的事,

但每次要將長條形的網站一頁頁的拍照,在合併起來,實在很費工夫,

但透過"BlipShop"這個Chrome中的套件,按個按鈕,輕輕鬆鬆將整個網頁拍下

真的是省下非常多的時間!!所以就將他介紹給大家囉。

Blipshop [Chrome應用程式商店]

 

...

Fancy checkboxes and radio buttons with CSS

 

 


jqTransform


 

Niceforms

 


 

iPhone-style Checkboxes


 

ezMark

 


 

jQuery Fancy Custom Radio-button and Checkbox

 

 

...

對於網頁設計公司或個人網頁設計工作室來說,這真的是一個太棒的虛擬主機評鑑平台!

Cocohosting 瞭解國內的主機昂貴,頻寬費用偏高,他們仔細閱讀了數十個專業的國外虛擬主機評鑑網站之後,也確實瞭解虛擬主機在國外是如何的價格優惠,並且功能強大,完全是國內虛擬主機無法相提並論的,因此 Cocohosting 將資訊彙整,並定期列出在功能,規格,價格和服務上非常優秀的主機公司給您參考。

cocohosting.org - 專業虛擬主機評鑑網

 

資料來源:http://cocohosting.org/

...

相信 CSS 老手都知道,在設計 CSS 之前,一定要先把 CSS 重設,讓所有的 CSS 設定歸零,這樣才能確保在不同瀏覽器上都能呈現一致的結果。

這篇文章我們分享了最受歡迎之一的 CSS Reset ,是由 Eric Meyer 所建立的,CSS 語法如下:

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
 
 
...