Sharingthe Best

最新網頁技術，隨時分享給您

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

5/17/2012 

幾點囉!CSS3+jQuery線上時間表

CSS
幾點囉!CSS3+jQuery線上時間表

幾點囉!

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

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

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

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

Clock[點我看範例]

...
4/7/2012 

單鍵拍下整頁網頁的好套件-Blipshop

Chrome
單鍵拍下整頁網頁的好套件-Blipshop

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

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

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

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

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

Blipshop [Chrome應用程式商店]

 

...
3/8/2012 

多個美化按鈕及選單的 jQuery 元件

jQuery
多個美化按鈕及選單的 jQuery 元件

Fancy checkboxes and radio buttons with CSS

 

 

jqTransform

 

Niceforms

 

 

iPhone-style Checkboxes

 

ezMark

 

 

jQuery Fancy Custom Radio-button and Checkbox

 

 

...
2/3/2012 

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

虛擬主機

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

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

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

 

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

...
2/2/2012 

CSS Reset by Eric Meyer

CSS

相信 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;
}
 
 
...