Click here to
get yummy grain feed
delivered to your RSS oven

rss

  • Businesswing Design BLOG
  • Assist to join the global market.
[CSS]HTML5 Reset Stylesheet

Date:二月 2, 2010 | Author:hikaru

HTML5 Reset Stylesheet

CSS reset是為了方便我們處理css layout跨瀏覽器平台,所面臨各家瀏覽器css預設值不一的情形,藉由css reset來解決此一問題。

然後,在現階段各家瀏覽器紛紛支援HTML5之下,當然,css reset也要有所調整以應該新增加的tag。

原始碼

/* 
html5doctor.com Reset Stylesheet
v1.4 
2009-07-27
Author: Richard Clark – http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:”;
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

基本概念

移除了在HTML5規範中已經不被使用的標籤,如<acronym><font><big>等;新增了一些元素,如<header><article><footer>,共且明確的指定這些塊級元素的樣式為block。

關於HTML5規範中新定義的元素,可以前往W3Schools中的HTML 5 Tag Reference查閱。

以上原始碼出自html5doctor

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

        
谷歌宣佈3月起停止支持IE 6瀏覽器

Date:二月 1, 2010 | Author:bwingnet

新浪科技訊 北京時間1月30日中午消息,據國外媒體報道,谷歌周五表示,將從3月開始停止支持微軟IE 6網絡瀏覽器。

谷歌應用高級産品經理拉傑·謝思(Rajen Sheth)周五發表博文稱:“很多其他公司已經停止支持IE 6等較老版本的網絡瀏覽器以及開發商自身停止支持的網絡瀏覽器。我們也將從Google Docs與Google Sites開始停止支持這些瀏覽器。”

謝思表示,Google Docs和Google Sites將從3月1日起不再支持IE 6,屆時IE 6用戶登錄Google Docs和Google Sites將無法使用一些關鍵功能。謝思建議這些用戶在3月1日之前將瀏覽器版本升級至IE 7、火狐3.0、谷歌Chrome 4.0或是Safari 3.0。

據市場研究機構StatCounter統計,IE6目前在網絡瀏覽器市場佔有18%的市場份額。(逸飛)

文章轉載自:新浪網

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

  Categories: NEWS, 網路新知 | Tags: ,
        
[YouTube]Play the piano

Date:一月 28, 2010 | Author:hikaru

Play the piano

這是在YouTube上播放的一段影片,這影片是介紹什麼稀奇古怪,還是稀世珍寶的嗎?通通不是,就像影片名稱一般,就是很一般的彈鋼琴而已。

只不過在這看似簡單的彈鋼琴片段裡,有個小小的互動,我們可以彈奏屬於自己的音樂,不囉嗦,就讓我來觀看底下的影片吧!

P.S.為了保持影片互動完整性,請確保影片下載完畢。

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

  Categories: NEWS, 網路新知 | Tags: ,
         top