隨筆分類 - HTML5
HTML5語言
摘要：在過去的幾年，設計師們已開始關注和使用 HTML5 了，如今 HTML5 得到了更加廣泛的應用。雖然說 HTML5 取代 Flash 還為時尚早，但 HTML5 將逐漸成為 Web 舞臺的主角。今天，本文向大家推薦30個應用HTML5的網站案例，感受一下 HTML5 的魅力。
閱讀全文
摘要：如今，HTML5 可謂如眾星捧月一般，受到許多業內巨頭的青睞。很多Web開發者也嘗試著用 HTML 5 來制作各種各樣的富 Web 應用。HTML 5 規范引進了很多新特性，其中最令人期待的之一就是 Canvas 元素。HTML 5 Canvas 提供了通過 JavaScript 繪制圖形的方法，非常強大。今天，本文收集了一些非常好的基于 HTML 5 Canvas 的圖表方案推薦給大家。
閱讀全文
摘要：
Google的 Chrome實驗室 收集了很多讓人難以置信的基于 HTML5 Canvas 和 JavaScript 的實驗項目，里面的例子都很獨特，讓人驚嘆。我從未想過結合 HTML 和 JavaScript 能實現這么神奇的效果。今天，本文與大家分享其中9個很棒的例子，為了有更好的效果，建議使用Chrome瀏覽器瀏覽。
閱讀全文
Google的 Chrome實驗室 收集了很多讓人難以置信的基于 HTML5 Canvas 和 JavaScript 的實驗項目，里面的例子都很獨特，讓人驚嘆。我從未想過結合 HTML 和 JavaScript 能實現這么神奇的效果。今天，本文與大家分享其中9個很棒的例子，為了有更好的效果，建議使用Chrome瀏覽器瀏覽。
閱讀全文
摘要：現在，越來越多的人嘗試用 HTML5 來制作網頁游戲等豐富的 Web 應用。上次向大家推薦了21款最佳 HTML5 網頁游戲，今天要與大家分享的是另外25款基于 HTML5 Canvas 開發的網頁游戲，相信體驗了這些游戲之后，大家都會覺得 HTML5 很好很強大。
閱讀全文
摘要：盡管 HTML5 的完全實現還有很長的路要走，但 HTML5 正在改變 Web，未來 HTML5 將把 Web 帶入一個更加成熟和開放的應用平臺?，F在，越來越多的人嘗試用 HTML5 來制作網頁游戲等豐富的 Web 應用。今天要與大家分享的是 21 款基于 HTML5 的游戲，讓大家體驗一下 HTML5 的強大。
閱讀全文
摘要：當下掀起一股HTML5學習熱潮，越來越多的人嘗試用HTML5來制作網頁游戲等豐富的Web應用。盡管HTML5的完全實現還有很長的路要走，但HTML5正在改變Web，未來HTML5將把Web帶入一個更加成熟和開放的應用平臺。為了方便大家學習HTML5 ，本文向大家推薦十個非常好的學習HTML5的網站。
閱讀全文
摘要：HTML 5 是近十年來 Web 標準最巨大的飛躍。和以前的版本不同，HTML 5 并非僅僅用來表示 Web 內容，它的使命是將 Web 帶入一個成熟的應用平臺，在這個平臺上，視頻，音頻，圖象，動畫，以及同電腦的交互都被標準化。盡管 HTML 5 的實現還有很長的路要走，但 HTML 5 正在改變 Web。為了方便大家學習HTML 5 ，本文與大家分享幾份 HTML 5 標簽、屬性、事件及瀏覽器兼容性速查表。
閱讀全文
摘要：我們知道，素描是設計師工作流程中的一個重要方面。本文收集了一些借助JavaScript和HTML5 Canvas開發的素描工具，這些工具表明，HTML5的確是一個令人興奮的標記語言。如果你發現了新的基于HTML5 Canvas開發的工具，歡迎在這里與大家分享。
閱讀全文
摘要：十天前，W3C發布了HTML5的Logo，不過WHATWG隨后宣布取消HTML5的版本號，取而代之的是一個活的HTML標準，這個標準會隨著新技術的發展而不斷更新。其實大家叫HTML5都叫習慣了，我們還是繼續叫HTML5好了，只是這個名稱的含義僅是用來指最新的HTML技術而已。下面的例子充分展現了HTML5的優越性，希望你能喜歡，更多更精彩的應用正等著大家去實現 :）
閱讀全文
摘要：在2009年的時候，我們宣布HTML5規范制定已經接近尾聲了，原先計劃的時間是今年完成草案并在2012正式發布。然而，不久之后我們認識到人們對增加HTML新功能的需求一直高漲，因此在可以真正稱它為HTML5之前，我們仍然稱作HTML并繼續增加新的功能，我們將轉移到一個新的發展模式，HTML將不再帶有版本號，而是一個活的標準，隨著技術的發展而不斷更新。
閱讀全文
摘要：2010 Web前端技術的一些趨勢?？偟膩碚f，隨著后端技術(存儲，并發，分布式)的成熟，各大公司已經把重點從后端架構調整/建設轉移至前端(TTI時間，快速發布，帶寬利用率)。但作為明星技術的HTML5/CSS3，都未正式成為各公司的考慮重心，雖有所嘗試，但在關鍵功能上，均未成為主力。
閱讀全文
摘要：其實這篇文章不是這里的，只是，后臺很傻B地進不了了。也不知道是什么亂七八糟的問題。先寫在這里，當做這么久沒更新的偷懶好了。（而且，挑出來的這些都是精華呢!），大家各取所需吧：1. 默認Web字體樣式 & 再談 Web 默認字體這兩篇文章是要聯一起看的，總的來說，前者的精華在兩句話（行高：1.5倍中的第2點和第3點），而玉伯的文章，在秦歌的文章后看，相信可以讓你更好地知道如何選擇排版中的字體。2. jquery、prototype、mootools、YUI的繼承的實現繼承、原型，兩個難搞的東西，看看這些天才們是怎么來解決的?？纯醋髡叩睦斫夂湍愕睦斫馐遣皇且恢碌摹?. Pixel Perfect
閱讀全文
摘要：HTML5 的 Canvas 對象將改變 JavaScript 的使命，使之成為 HTML5 下強大的動畫腳本編寫工具。本文介紹了 8 個你從未見過的，基于 HTML5 Canvas 和 JavaScript 的動畫，這些令人難以置信的效果將使你對 HTML5 徹底折服。需要指出的是，這些都是瀏覽器的原生動畫，無需任何插件。Tunnelers純 JavaScript + HTML5 Canvas 生成的交互動畫，難以置信。The Mesmerizer在格子中移動鼠標，顏色隨著改變并擴散到周圍的格子，很迷幻。用鼠標點四角的格子，或按鍵盤，可以看到更奇妙的效果。Burn在頁面上移動鼠標，或按下鼠標
閱讀全文
摘要：Web 設計與開發師的一個重要工作環節是跨瀏覽器測試，誰讓我們生活在這個既幸福又痛苦的時代，有那么多瀏覽器擺在我們面前，還有那個噩夢般總也擺脫不掉的 IE6。本文講述了與跨瀏覽器測試有關的各種問題與知識，包括渲染，平臺，設備以及 JavaScript 引擎。夢幻五組合IE 獨霸天下的那些日子，Web 設計師不時陷入 IE 同它競爭者的口水戰，然而，當一些新的，注重 Web 標準的瀏覽器出現時，事情...
閱讀全文
摘要：盒子模型（Box Model）是 CSS 的核心，現代 Web 布局設計簡單說就是一堆盒子的排列與嵌套，掌握了盒子模型與它們的擺放控制，會發現再復雜的頁面也不過如此，然而，任何美好的事物都有缺憾，盒子模型有兩種不同的詮釋，一種來自 IE6，一種來自 W3C 標準瀏覽器。盒子模型下圖就是一個典型的盒子模型示意圖在內容區外面，依次圍繞著 padding 區，border 區，margin 區，這一模型結構在所有主流瀏覽器都是一致的。通過盒子模型，我們可以為我們的內容設置邊界，留白以及邊距，盒子模型最典型的應用是這樣：我們有一段內容，可以為這段內容設置一個邊框，為了讓內容不至于緊挨著邊框，可以設置
閱讀全文
摘要：如今，HTML5 可謂如眾星捧月一般，受到許多業內巨頭的青睞。且不說谷歌、蘋果等業內巨頭把它描繪為互聯網體驗的未來，即便是以不服從標準著稱的微軟，也向它頻頻示好， 決心在 Internet Explorer 9 中加入對 HTML5 的大量支持。然而，HTML5的路途真的將一帆風順么？本文將列舉了一些在HTML5發展和普及過程中需要解決的問題。 什么是HTML5？ 根據維基百科上的解釋，H...
閱讀全文
摘要：庶幾何時，HTML5 開始吸引越來越多的人的目光，盡管 W3C 表示，它的最終成熟還有很長的路，然而并不能阻止人們對它的期待。2007年，HTML5 向 W3C 標準進軍，HTML5 的使命是實現富 Web 應用的本地化，脫離瀏覽器插件的羈絆。W3C 于 2008 年 1 月 推出 HTML5 的第一份草案，而 HTML5 標準的全部實現也許要到 2022年以后。什么是 HTML5HTML5 是繼 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一個重要版本，旨在消除富 Internet 程序（RIA）對 Flash， Silverlight， JavaFX 一類瀏覽器
閱讀全文
摘要：支持 CSS3 和 HTML5 的瀏覽器越來越多，甚至包括最新版的 IE，當然，所謂支持僅僅是部分支持，因為 CSS3 和 HTML5 的W3C 規范都尚未形成。如果你現在就希望使用 CSS3 和 HTML5 創建你的站點，至少要對各個瀏覽器對這兩種新技術的支持情況有一個全面了解。 需要指出的是，即使同一個瀏覽器的同一個版本，在 Mac 和 Windows 兩個平臺，它們對 CSS3 和 HTML5 的支持也并不一致。本文是一份 Chrome， Safari， Firefox， Opera， IE 5 大瀏覽器，在 Mac 和 Windows 兩個平臺，對 CSS3 和 HTML5 各種功能.
閱讀全文
摘要：Cheat Sheet 一詞在中文中并沒有很貼切的對譯，大概是考試作弊條一類的東西，這要求 Cheat Sheet 必須短小精悍又覆蓋廣泛，作為 Web 開發與設計師，免不了在工作時查詢大量資料，某個 Web 色值，某個 JavaScript 庫的核心語法，這類資料如果攢齊了，怕有半間屋子那么多，如果用 Cheet Sheet 也許幾十頁紙就夠了，本文收集了近百份用于 Web 開發與設計的 Cheet Sheet，你會發現他們非常實用。HTML, XHTML, CSS2CSS2 Cheat Sheet 不僅是一份完整的 CSS2 速查手冊，還讓你了解每個屬性該怎么用。預覽 | 下載 （PDF）
閱讀全文
浙公網安備 33010602011771號