網頁設計,網路行銷新知 » BUSINESSWING – 整合提供網頁設計,網站企劃,網路行銷等新知

[CSS]HTML5 Reset Stylesheet

hikaru — Tue, 02 Feb 2010 07:33:23 +0000

HTML5 Reset Stylesheet CSS reset是為了方便我們處理css layout跨瀏覽器平台，所面臨各家瀏覽器css預設值不一的情形，藉由css reset來解決此一問題。然後，在現階段各家瀏覽器紛紛支援HTML5之下，當然，css reset也要有所調整以應該新增加的tag。原始碼基本概念移除了在HTML5規範中已經不被使用的標籤，如<acronym>、<font>和<big>等；新增了一些元素，如<header>、<article>及<footer>，共且明確的指定這些塊級元素的樣式為block。關於HTML5規範中新定義的元素，可以前往W3Schools中的HTML 5 Tag Reference查閱。以上原始碼出自html5doctor。

拋棄 Flash 吧！YouTube 正式開始測試 HTML5 視頻播放

hikaru — Thu, 28 Jan 2010 04:16:25 +0000

自從YouTube公佈使用HTML5視頻標籤的版本後，這項可以徹底拋棄Flash Player的創新立刻引起了大家的注意，今天Google正式宣佈在TestTube開放基於HTML5的視頻播放實驗。由於這項實驗剛剛開始，所以目前還不支持包括廣告，字幕，註釋的視頻。客戶端方面，需要同時支持HTML5 video標籤和H.264編碼的視頻（簡單來說，就是Chrome，Safari和安裝了ChromeFrame的 IE瀏覽器）。如果你對HTML5的YouTube感興趣的話，可以進入這個頁面選擇加入實驗。使用HTML5播放的視頻載入界面如上圖，有非常明顯的標識。另外，如果同時打開之前公佈的Feather功能的話，視頻載入速度還會有明顯的提高。文章轉載自：谷奧——探尋谷歌的奧秘

東方設計寶庫(下)

eggggg — Wed, 27 Jan 2010 10:37:55 +0000

JDN, Japan Design Net 日本的設計入口網站之一，日本的設計發展十分蓬勃，也有許多新知值得大家去欣賞，看不懂文字也無妨，可瀏覽網頁內很多作品，看看不同國家設計者的作品。http://www.japandesign.ne.jp/ &ART KYOTO [東京都設計學院]http://andart.jp/ caina.jp 這是一個創意設計作品的賣場，許多日系創意商品都可在此看到，有些熱門商品也都進口到台灣來販售囉！大家可以來這邊看看新奇好玩的各種東西，順便下單售買囉！http://www.caina.jp/top.php

[HTML]Zen Coding

hikaru — Wed, 27 Jan 2010 10:03:33 +0000

A Speedy Way To Write HTML/CSS Code 在這篇文章，我們提出一種新的採用類似css selector語法來快速編寫html code，一種得心應手快速編寫html、css code的工具。我們先來看一個例子，原始碼如下：那麼，它輸出的結果將會是：一行簡短看似css selector的code竟然能產生這麼完整的html code，是不是很不可思議、很神奇呢！底下有一個官網簡介的影片，可以快速帶我們進入Zen Coding的世界，就讓我們來觀看此影片吧。 Zen Conding Demo 看完影片後，我們可以先暖身一下，線上demo一下，體驗Zen Coding的威力。 Demo（使用Ctrl + ,才展開html code） Zen Coding Downloads (Full Support) Aptana (跨平台的html編輯器) Coda, via TEA for Coda (Mac) Espresso, via TEA for Espresso (Mac) 以上列舉的IDE皆可以完整支援Zen Coding的所有功能。 [...]

[CSS]CSScaffold – Rapid CSS Development Framework

hikaru — Tue, 26 Jan 2010 08:48:28 +0000

CSScaffold是一個css的framework，但有別以往的css framework，它必須依靠php來輔助開發，但卻更為強大。 P.S.其環境必須要有的－PHP 5+、Apache Mod_rewrite。 Simple, but powerful 因為寫作的方式不同，所以開發的速度大幅提升，以下為其特色： Constants Mixins Nested Selectors Expressions Includes Iteration 讓我們看一下官方的簡介影片，就可以了解它有多神奇。 CSScaffold syntax 接下來讓我們研究一下官方的例子： Constants 我們可以定義好一些常數，比如常用的顏色、間距等。那麼，它輸出的結果將會是：日後要修改時，只需要更改常數裡的值，全部都會更新，是不是相當方便呢。 Expressions 如果我們將!constant給予一個數字10代入，那麼結果輸出： Includes 我們可以將定義的常數或者css獨立出來，再以include的方式載入，方便我們日後修改，如下： Nested Selectors HTML本來就是巢狀結構的標籤語言，現在我們更可以利用此巢狀結構讓css更為簡潔，如下：如果輸出：如此，在css的編寫上將會更彈性，維護上也會輕鬆許多。 Mixins 感覺很像程式撰寫function一般，也可以傳入參數改變輸出的結果，非常的強大，給予我們再利用的空間，例如：這裡有二個變數－!param及!param2，其中!param2有預設值10px。接著，我們將其運用在css selector上面。 #eee的值將會傳給!param，而!param2因為沒有傳值給它，它將會代入預設指定的值10px，所以輸出結果為： Iteration 迴圈，語法和PHP差不多，如下：其它想了解更多語法可以參考官方的文件。 CSScaffold資源 CSScaffold官方網站 CSScaffold下載

東方設計寶庫(上)

eggggg — Wed, 20 Jan 2010 06:43:14 +0000

KAIAK.TW 台灣設計成立於 2009.01.01，是一個分享創意設計經驗的社交網絡，每個人都可以成為資訊提供者，集結了廣大的編輯群的力量，此網站天天都有世界各地各個創作者的設計作品，內容十分豐富精采，包含了攝影、插畫、平面創作、商業設計、建築設計、網頁設計，大量的資訊絕對讓你看了眼花撩亂，看完整個網頁可能要花上你三天三夜呢！網站連結：http://kaiak.tw 設計‧香港 Designer‧Hong Kong "設計‧香港"由數名熱誠設計師成立，目的是希望透過網上平台加深各行各界設計師的資訊交流、認識和溝通。"設計‧香港"不設版主，不設審查，在設計界人人平等！希望在網路的平台上能夠提供豐富大量的作品來給各位看倌，有平面設計、網頁設計、服裝伸展台、展覽快訊、商品設計、廣告設計……在這裡你可以自由的表達，盡情的欣賞！網站連結：http://www.designerhk.com/ 視覺中國這是中國最具影響力的設計入口網站，各方面文藝訊息、設計活動、比賽都可在此得到第一手的消息！作品也非常豐富不管是平面設計、攝影、多媒體相關，你想的到的都可以在這找到！也可善用搜尋工具，找尋你要的資訊。網站連結：http://www.chinavisual.com/

以白色為基準的配色

eggggg — Tue, 12 Jan 2010 09:13:40 +0000

白色代表著「清純」、「氣質」、「和平」。它與每種色彩的搭配性都很好，並且能襯托出高彩度的商品，給人為之一亮的感受。範例網站為日本KOTORI客製化耳機專賣店，站內色彩繽紛但卻不致給人零亂感受，靠的完全是優良的色彩配置，是個不錯的模範網站。

Color Scheme Designer

eggggg — Tue, 12 Jan 2010 08:38:34 +0000

不知道如何配色嗎? 這是一個協助您配色的實用網站, 由Petr Stanicek, 一位來自捷克的網頁設計師製作而成, 從暖色系到冷色系, 各種搭配組合都幫您建議好了!!任何人都可方便的來使用並挑選自己想要的網頁配色。 [mode] mono -> 單色 complete -> 補色 triad -> 三色 tetrad -> 四色 analogic ->類似色 accented analogic -> 類似色+補色網站連結:http://colorschemedesigner.com/

環天科技上市公司[網站上架]

eggggg — Mon, 04 Jan 2010 10:37:15 +0000

環天衛星科技 GlobalSat 連結：http://www.globalsat.com.tw/ 環天GSSPORT 連結：http://www.gs-sport.com/ 環天GS-TRAQ 連結：http://www.gstraq.com/

98/12/26 日本東京情報大學及東京農業大學委託BusinessWing長期維護網站

bwingnet — Sat, 26 Dec 2009 07:34:17 +0000

日本東京情報大學及東京農業大學兩校學長(註:日語中"校長"之意)及貴賓於2009年12月26日親臨BusinessWing台北公司拜訪，從2009年開始正式與我們合作，委託e研東京替學生上日文輔導課程，未來對於生物科技或是資訊、資工、多媒體相關內容有興趣的朋友，可以報名「農業大學、情報大學直升課程」以兩所大學研究生身分先旁聽該大學課程，作為未來升學的跳板。 BusinessWing也為東京情報大學及東京農業大學兩校架設中文網站此次的拜訪中對BusinessWing的表現給予高度的肯定，目前已委託我們長期維護網站！