公告

CSS 3.0 參考手冊 (中文版)

[ 2010-2-28 21:41 | Admin | RSS ]
大陸網友,利用業餘時間整理出了一份比較完整的CSS 3.0 參考手冊,非常不容易。手冊是根據W3C的CSS3草案翻譯,並且結合實際的示範結合而成。每一頁都傾注了每一個同學的心血。 預覽頁面:原始發佈處下載地址: http://webteam.tencent.com/css3/ 本地下載,點擊下載此文件

IE9 前瞻

[ 2010-2-28 21:36 | Admin | RSS ]
雖然IE6在依然是很重要的瀏覽器,但是我們不能放棄關注未來ie的變化。IE9 的幾個關鍵字: 硬件渲染,新的JS引擎,CSS,標準大家期待已久的圓角也將支持了 不過這裡最讓大家期待的是硬件渲染(視頻演示看這裡)的支持。這可以讓瀏覽器性能提高一個很高的檔次。關於新的腳本引擎可以用下圖來說明,這個測試是用著名的SunSpider來測試的更多信息可以從官方博客得到
微軟實驗室發佈了新一代的Pivot瀏覽器,當然瀏覽器核心沒什麼變化(看了一下userAgent看到還是ie的核心),主要是給未來瀏覽器的一些體驗提供了一些參考。以往的Tab導航被移動到了 下方,界面上的tab,收藏都是可以拖拽的。 當然Pivot的重點功能在歷史功能和相片瀏覽功能。這兩個功能都可以 通過多種方式對相片進行索引和瀏覽。目前Pivot還在邀請測試階段。另外 Pivot不支持XP瀏覽器,而且vista和win7以上還必須支持Aero 界面的硬件支持。不知道Pivot會不會Copy到未來的IE9里面呢?

雨刷隊2010年月曆

[ 2010-2-17 21:18 | admin | RSS ]
雨刷隊2010年月曆中華職棒假球案於農曆年前偵結,不過網友可不輕易的放過這些打放水球的球員,網路上出現組頭雨刷隊月曆,將涉案球星當成每月封面,還寫上具體求刑的刑期,大搞KUSO。 檢調在農曆年前偵結假球案,網友順勢推出雨刷隊2010年月曆,依照涉案球員或教練的生日月份,挑出曹錦輝等人當作每月封面主題人物,還列出求刑刑期;很多網友認為相當搞笑,甚至還有網友祝16日生日、也遭起訴的象隊前總教練「中出伸(正確名為中込伸)生日快樂」。 2009 年中華職棒又爆發假球案,大牌球星像粽子般被綁在一起進入地檢署複訊,這個畫面傷透了球迷的心,現在網友把這些打假球的球員做成月曆消遣,這一本雨刷隊月曆封面,當然是操縱這次假球案的簽賭集團首腦雨刷蔡政宜。 而假球案最大咖曹錦輝,生日是1981年6月2日,當然是 6月份的封面,照片下方還寫上打假球未遂、接受性招待,諷刺意味相當濃厚;另一個大咖張誌家則是 5月壽星,一樣穿著球衣,不過他被檢察官具體求刑2年,刑期一樣被註記在月曆上。 網友大搞KUSO,這本月曆在網路上快速發燒,有人大聲叫好,還說要印下來射飛鏢,甚至有人提議要出週曆版本;不過如此公開使用球員照片,有
虎年到了,希望大家新的一年都能事事順利平平安安,在對岸網站收集了很多與虎年相關的成語以及虎年吉祥話,這在過年的時後拿來發虎年簡訊祝賀詞最好用了。以下是虎年成語吉祥話大匯總大家參考參考。虎年祝你財源滾滾,發得象肥虎,身體壯的象頭虎 ,愛情甜的象奶虎,好運多的象虎毛,事業蒸蒸象大虎! 新春佳節, 祝你虎年大吉大利,大顯身手,虎氣沖天!晨曦出現的第一縷陽光是我對您的深深祝福,夕陽收起的最後一抹嫣紅是我對您的忠心問候。在除夕來臨之際,送上我真摯祝福:虎年快樂!如期而至的不僅僅是節日,還有幸福和快樂。日漸增加的不僅是年齡,還有友情和健康。我的心裏一如既往深深祝福:虎年萬事如意!牛尾系著金攏財氣,虎首搖著鈴蕩福音。風追逐著春天的行蹤,雪漫步著溫馨的海洋,燈點亮了回家的路程,無論你在遠在近,我的祝福已經起航;祝你虎年快樂!總有起風的清晨,總有溫暖的午後,總有燦爛的黃昏,總有流星的夜晚,總有一個人在祈禱世界上所有的美好全部屬於你!祝你虎年快樂,心想事成!新春福虎送吉祥,金虎進家富滿堂,肥虎祝你壽延長,奶虎為你送健康,耕虎願你糧滿倉,紅虎祝你事業旺,虎郎望你愛情長!在新的一年祝大家虎年大吉,虎氣沖天!身
早期還在手工完稿時代,都習慣有張斜板製圖桌加個平行尺、切割版、針筆等.... 設計師總是頭低低的認真工作中。 有了電腦之後!設計師終於可以抬頭了,手抓滑鼠(數位筆),抬頭看著螢幕就可以完成工作。 未來呢?大的觸控面板,滑鼠、鍵盤通通不用,用摸的就好,筆呢?手指頭就是筆! 設計師又回到低頭的日子了!有可能會這樣的,不信看看下方的影片,這可能就是設計師未來工作的模式... Google tablet 正在創造一個未來....

CSS圓角 - 圓角化圖片

[ 2010-1-31 04:44 | Admin | RSS ]
我們將一張上下漸變的的圖片作為標題的背景,並將它應用了圓角效果。是不是這種圓角框只能用於比較單調的圖片呢?我們還能將一些顏色比較豐富的圖片也進行透明圓角化嗎?答案是肯定的,下面看看它的終極功夫。還是先看最終效果圖吧:看到了吧,這就是用純CSS實現的圓角化圖片,為了能看到透明化的效果,我特意應用了一個背景圖片,你可以下載本模型到你的電腦中,隨意伸縮窗口的大小,看看外圓角是否是透明的。有了這種效果,你再也不愁給每一張圖片作圓角的工作,這種效果在一些圖片類的演示頁面中經常見到,特別適用那些圖片比較多的列表中。怎麼樣,效果還可以吧!好了,我們來看看它的實現機制吧! 實現原理:這種效果其實就是我在第二章中變體實現,下面講一講主要的關鍵代碼。主要變化的還是背景圖片的定位,只是這一次與第二章中的有些不同,這次需要考慮到下面的兩個圓角的變化。先看看上面兩個圓角的實現: 程序代碼/*圖片偏移定位--上面部分*/.sharp b.b2{background-position:-4px top;}.sharp b.b3{background-position:-2px -1px;}.sharp b.b4{b
CSS3 + HTML5是未來的Web,它們都還沒有正式到來,雖然不少瀏覽器已經開始對它們提供部分支持。本文介紹了5個CSS3技巧,可以幫你實現未來的Web,不過,這些技術不應該用在正式的客戶項目,它們更適合你的個人博客站點,Web 設計社區,或者不會有客戶向你投訴的場合。1. 圓角效果CSS3 新功能中最常用的一項是圓角效果,標準 HTML 方塊對象是90度方角的,CSS3 可以幫你實現圓角。 程序代碼-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px; 甚至單個角也可以實現圓角,不過 Mozilla 和 Webkit 的語法稍有不同: 程序代碼-moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-right-radius:

跑馬燈語法

[ 2010-1-6 19:42 | Admin | RSS ]
文字框跑馬燈 程序代碼<div align="center"><table style="color:white; font-size:10pt" border="1" style="color:white; font-size:10pt" bordercolor="#FF9900"><td background="圖檔網址.gif"><p><font color="#FFFF00" face="新細明體" size="2"><marquee scrollamount='2' scrolldelay='150' direction= 'up' width='105' id=xiaoqing height='120' onmouseover=xiaoqing.stop() onmouseout=xiao
jQuery UI.Layout Plug-injQuery UI.Layout Plug-in對於前端網頁的操作非常有幫助,對於不是很懂CSS的人,很適合用來做後端的操作介面!jQuery UI.Layout Plug-in 有幾點不錯的功能,比較好的部分整理如下:collapsable:讓pane可以自由收合,也可以加上喜歡的jQuery特效resizable:每pane都可以自由的縮放,當然也可以限制縮放的大小 hotkeys:這個選項可以讓pane利用鍵盤的方向鍵來控制,甚至自訂快速鍵 有更多進階範例請直接到demo網頁去看看。部分內容來自這裡:jQuery的plugin,叫做UI.Layout