Browsing articles in "CSS3"
十一月
30
2011

HTML5 – Canvas 畫圖測試

html_canvas

*只可在支援HTML5的瀏覽器上運行

十月
22
2011
AS3 // CSS // CSS3 // HTML5 // web 2.0

Web 2.0開源應用大集會

13712257_200808061307391-180x160

數字媒體 相冊(Flickr, Picasa) Gallery,基於PHP + MySQL的Web相冊。非常易於使用,包括一個配置嚮導,對於相片的操作包括自動生成縮略圖、相片的大小改變、選擇、排序等。 Piwigo,基於PHP + MySQL。配備了強大的功能,發佈和管理您的照片,可擴展性和智能瀏覽功能,如類別,標籤,或年表。這是網絡和照片的標準要求。擴展使Piwigo更可擴展性和可定製的。 UberGallery,一個簡單易用的相冊。PHP。不需要數據庫。 Zenphoto,一個簡單的web相冊程序,它能夠簡單的展示你的圖片,並含有你所需要的所有功能和特點。可以和Wordpress集成。 視頻(YouTube) Flowplayer,一個用Flash開發的在Web上的視頻播放器,可以很容易將它集成在任何的網頁上。支持HTTP以及流媒體傳輸。 Plumi,一個建立在Plone 內容管理系統上的視頻分享系統,可幫助你輕鬆建立視頻分享網站。 音樂電台社區(last.fm, ulike) Libre.fm,對Last.fm 的克隆。 視頻電影社區(netflix, criticker) Filmaster,fileaster.com的源碼。 書(LibraryThing, Shelfari, Goodreads) O’Reilly Bookworm,在線電子圖書閱讀。 期刊參考論文數據庫(Emerald Insight, Springer Link) CiteSeerX, 採用機器自動識別技術蒐集網上以Postscrip和PDF文件格式存在的學術論文,然後依照引文索引方法標引和鏈接每一篇文章。(其是CiteSeer 的換代產品。1997年,CiteSeer引文搜索引擎由NEC公司在美國普林斯頓研究所的三位研究人員Steve Lawrence, Lee Giles和Kurt Bollacker研製開發。它是利用自動引文標引系統ACI(Autonomous Citation Indexing)建立的第一個科學文獻數字圖書館(Scientific Literature Digital Library))。 地圖(Google Maps) OpenStreetMap,一個可供自由編輯的世界地圖,它是由所有的用戶創造的。OpenStreetMap允許您查看,編輯或者使用世界各地的地理數據來幫助您。其就像Wikipedia一樣,全世界的人都可以編輯,據說其上面的數據超過了政府的數據。當然,目前其參與的人數還不夠,大量的地方都是白板。 文件存儲 文件共享/同步(DropBox, drop.io, Ubuntu One) Tahoe Least-Authority Filesystem,一個雲存儲分佈式文件系統。 iFolder,一個簡單安全的存儲解決方案,可在計算機間文件的同步和分享。可以用來隨時備份本地的文件。 存儲(Amazon S3, Imageshack, Box, Variety of models) Jesse Vincent’s Prophet,你可以看看他的文檔介紹吧。 在線文件編輯(Google Docs) AbiCollab,基於AbiWord的社群的線上文書處理協作服務。 Etherpad,基於開放軟體的線上文書處理服務,最大的特色在於多人即時共同協作一份文件,軟體組織不直接提供服務,而是透過其他沒有連繫的組織網站提供。 虛擬機供應(Amazon EC2) Eucalyptus (computing), 是一用來通過計算集群或工作站群實現彈性的、實用的雲計算。它最初是美國加利福尼亞大學 Santa Barbara [...]

九月
20
2011

Adobe Edge – DEMO展示

adobe-edge

動態展示: http://labs.adobe.com/technologies/edge/resources/gettingjumpy2/wordAnimation2.html http://labs.adobe.com/technologies/edge/resources/ferriswheel/Wheel.html http://labs.adobe.com/technologies/edge/resources/sunshinesailing/Test.html 預灠版下載: http://labs.adobe.com/technologies/edge/

九月
20
2011

Adobe Edge HTML5 開發工具 – 簡單教學

adobe-edge

Adobe Edge HTML5 開發工具 – 簡單教學

七月
3
2011

初探Google plus

google-plus-logo-640

近日網上最多人問的問題,就是「你『加』了沒有?」加,是指Google plus。 Google plus是今年Google的重頭戲,一個對抗Facebook挑戰其互聯網廣告霸者地位秘密武器。暫時Google plus只是限量開放,要接受到邀請才能使用,所以網上不少人都向朋友打聽是否有戶口可以發出邀請函。   6月30日早上11時,朋友Dennis向筆者發出邀請信,筆者有幸搶「鮮」試用Google plus。   Google plus的主版面,盡量以簡潔為主。   Google plus打著爭奪社交網絡山頭的旗號,用法和Facebook,坦白說是大同小異。一樣是分享狀態、分享相片影片、分享連結及所在地等等。那豈不是另一個Facebook? 當然Google不會蠢得只會抄,亦有少少優化了Facebook的地方。     社交圈是Google plus的秘密武器。   先說說它的社交圈功能。Facebook最大一個敗筆,就是沒有分組功能,你在Facebook上所有公開分享,其他人都可以看得到。要個別分享相片也可,不過過程卻很惱人,倒不如不分享。 Google plus的社交圈就是讓你將朋友一組組的分門別類,中學同學、大學同學、同事甚至是前女友,通通都可以成為一個類別。你要分享資訊,例如:「我中了六合彩三獎!」這樣的事你不想公司同事知道,以免要「大宴三日」,那就可以設定分享給同事以外的朋友知道。 Google plus要搶Facebook生意,「新增朋友」一項亦變得方便。Google plus可以瀏覽你Gmail、Yahoo或Hotmail內的聯絡人,用家只需要簡單的Drag and Drop,就可以將朋友加入不同的社交圈子之中。   Facebook有Like,Google plus有+1   至於Facebook上經典功能「Like」,Google plus就將之包裝成為「+1」,意即給予1分的意思,亦貫徹了plus的名稱。   有競爭才有進步,雖然現時Google plus的功能和Facebook只是差不多,但當更多用家投入Android,將手機與社交網絡進一步融合只是時間問題,筆者亦相信Google有能力及財力提供更多有創意的服務。不只+1,要+更多,才是網上用家的福氣。

四月
14
2011

微軟釋出IE10平台預覽版

Preview

微軟釋出IE10平台預覽版 E10強調對HTML5的原生支援。微軟企業副總裁Dean Hachamovitch表示,上個月出爐的IE9一開始就是專為HTML5所設計,並希望在視窗平台上提供最自然的HTML5體驗,而IE10則追隨IE9的腳步。 微軟最新的IE9瀏覽器正式版才在上個月開放下載,緊跟著在周二(4/12)的MIX會議上微軟便釋出了IE10的第一個平台預覽版(IE10 Platform Preview 1)。 IE10強調對HTML5的原生支援。微軟企業副總裁Dean Hachamovitch表示,上個月出爐的IE9一開始就是專為HTML5所設計,並希望在視窗平台上提供最自然的HTML5體驗,而IE10則追隨 IE9的腳步,直接使用視窗系統所提供的資源並避免任何可能拖慢網站或使用經驗的層級與函式庫等。 所謂的原生程式指的是針對機器語言或作業系統所設計的應用程式,而不用另外經過轉譯或環境的模擬。Hachamovitch認為,目前網站與HTML5所 能展現的最原生的經驗是在Windows 7上執行IE9,IE利用了作業系統的各項資源來最大化瀏覽器的效能、可用性與可靠性,最好的HTML5對作業系統來說應是原生的,讓網站經過最少的轉換 層,以及使用跨瀏覽器的HTML、CSS與script等。 微軟於本周展示IE10中用來描述文件呈現與格式的串接樣式表(Cascading Style Sheets,CSS)各種新興標準,諸如多欄位配置(CSS3 Multi-column Layout)、網格配置(CSS3 Grid Layout)、排版彈性配置(CSS3 Flexible Box Layout)、顏色漸層技術(CSS3 Gradients)及嚴格模式(ES5 Strict Mode)等。 Hachamovitch說,當開發人員可橫跨各種瀏覽器採用一致的混搭技術,並使用最新的技術打造網站,而且使網站的執行更像是原生應用程式而非網頁時,網路就會進步,這也是產業標準的價值所在。 初期看起來IE10像是IE9的強化版,強化IE9所具備的硬體加速能力及對各種新標準的支援,微軟已推出IE10各種技術的測試中心,並供應逾500種已提交至標準組織的新測試。

四月
8
2011

15 個實用的 HTML5 與 CSS 教學和速查表

html5_tutorials_3

HTML5的是給網頁設計師和開發新的功能,是事物的幻想與以前的版本的HTML。網頁現在將使用更多的語義與結構的特定標記。視覺元素如圓角現在 內置的,因此是能夠創造拖放互動。即使是不完全支持HTML5的主要瀏覽器中,有那些是推進和試驗的新功能。為了鼓勵你做同樣的和準備你的未來,我們』 VE的圍捕 15個有用的HTML5的教程和速查表. 教學 如何使一個 HTML5的iPhone應用程序 代碼向後兼容,第一頁與 HTML5的投資組合和CSS3 設計與應用程序代碼酷iPhone在HTML5網站 5編碼的HTML佈局便條 的HTML 5和CSS 3:技術說不定你們很快就會出院的使用 有1場日,HTML5的形式 設計一個用HTML5的博客 觸摸未來:創建一個優雅的網站在HTML 5和CSS3 在HTML5的結構標籤 編碼一對 CSS3和HTML5的單頁網站模板 如何使所有的瀏覽器渲染HTML5的標誌,正確 – 偶的IE6 備忘單 HTML 5的小抄 HTML 5的視覺小抄 HTML5的帆布小抄 HTML 5的袖珍手冊 相關文章 下面是一些其他文章,你一定會找到有用的。 13純 CSS技術創建的JavaScript類的相互作用 12個優秀的技術對 CSS3按鈕和菜單 最常見的HTML和CSS的誤區,以避免 14個有用的速查表的前端Web開發 11個有用的在線工具更好的CSS發展