HTML顏色名稱和顏色代碼表
HTML5小游戲：藍色拼圖
這是一個用HTML5制作的智力游戲，有相當的難度。每個方塊一面橙色，一面藍色。點擊一個方塊，這個方塊的顏色會翻轉，并且，與它鄰接的方塊的顏色也會翻轉。使拼板全部變成藍色， 你就算過關了。
CSS顏色混合模式
雖然并不是Adobe的Photoshop發明了混合模式，但它的實現效果是最真實的。但現在，你不需要使用Photoshop來運用混合模式美化你的圖片，因為CSS3里提供里動態的實現這種效果的方法。
你能相信嗎？這些都是由一個DIV元素實現的動畫，純CSS3技術
CSS3給Web程序員提供了無限發揮的創造空間，以前只有視頻、Flash、JavaScript才能實現的動畫效果，如今只需要純CSS+HTML就能做到。你能相信嗎？這里呈現的所有動畫，都是由一個DIV元素實現，純CSS3技術。
HTML5+CSS3特效幻燈片(impress.js)
HTML5和CSS3的誕生和普及必將對傳統行業帶來巨大的沖擊，像微軟PPT這樣的軟件必將慢慢轉移的在線的HTML5+CSS3上，因為用HTML5+CSS3實現幻燈片不僅更簡單、容易，而且功能更強調，特效更絢麗。impress.js就是這樣一款可以讓你輕松利用CSS3動畫實現具有神奇特效的幻燈片工具。
這里提供了各種各樣的超鏈接特性，有些是借助偽元素，有些是借助svg，有些是借助HTML5動畫。用你的鼠標懸停在這些鏈接上，給你跟傳統鏈接完全不一樣的效果感覺。你需要使用現代瀏覽器，比如谷歌瀏覽器或火狐瀏覽器。
在一個大型項目里我需要制作出抖動的效果。最初我使用的是普通的CSS。
當開發完成后，我發現了這個很酷的jQuery plugin(由@jackrugile開發)。
于是我就開始思考，我應該做出這個小的CSS project。
什么是自適應網頁設計？
自適應網頁設計,也叫做響應式網頁設計（英語：Responsive web design）是一種網頁設計的技術做法，該設計可使網站在多種瀏覽設備（從桌面電腦顯示器到移動電話或其它便攜設備）上閱讀和導航，根據設備尺寸的不同，自動的調整頁面上的元素布局和數量。
HTML5技術秀：你的3D立體旋轉名字
這是一個很酷的HTML5技術應用，用戶可以在畫布上用畫筆寫出自己想看的文字或圖案，這個應該能將你寫的東西用3D方式呈現，而且讓它圍著中心3D旋轉，只要你設計的巧妙，你可以繪制出讓人驚嘆的效果和圖案。
一個內衣公司用HTML5制作的公益游戲：讓愛做主
這是一個生產內衣的公司使用HTML5技術制作的公益游戲。曾獲得Cutting Edge技術獎。游戲的主旨是反對印度國內存在的包辦婚姻現象。內衣公司的游戲非常有內衣特色。但游戲中使用的技術還是讓人佩服的，純HTML5+JS，整個游戲有很好的互動性，值得游戲設計者學習。
程序員給女朋友用HTML5制作的3D相冊
程序員給女朋友用HTML5制作的3D相冊，使用鼠標拖拽，能看到3D旋轉效果，點擊相片，相片能放大，移近。程序員發揮自己的專長，這是那些不懂編程的人望塵莫及的。本相冊使用了HTML5的畫布技術，需要谷歌瀏覽器或火狐瀏覽器等現代瀏覽器才能正常觀看。
用CSS3和JavaScript開發《街頭霸王》游戲
最近我學到了一種很酷的技術，使用CSS3的steps()動畫屬性來生成PNG背景動畫。這種技術的主要功能是利用鋪貼PNG背景圖的方式“重現”GIF圖的動畫效果。我的朋友都知道，年輕時候我非常癡迷《街頭霸王》游戲，而當我看到了這個素材….你知道我的腦子里想到了什么嗎？
現代網頁技術：一本書里的大千世界
如果當你翻開一本書的時候，里面飛出來一只蝙蝠，或是一條會噴火的龍，你會有什么感覺？驚奇！贊嘆！目瞪口呆！我想到了電影《哈利波特》里的那份會動的報紙。這里將會給你帶來一種類似的奇觀——一本書里的大千世界。隨著瀏覽器技術的不斷革新，越來越多的可能成為了現實。這里就是現代網頁技術的典型代表。
超級酷炫的HTML5互動式程序員求職簡歷
程序員的求職簡歷應該體現出程序員的技術能力，但幾乎所有的簡歷都是用文字表述的，為什么讓簡歷載體自身成為體現程序員技能的平臺呢？如果你還不明白我說的是什么意思，那就看看這個超級酷炫的HTML5互動式程序員求職簡歷，一定會讓你驚異不已。