隨筆分類 - HTML5
HTML5語言
摘要：
《Web 前端開發(fā)精華文章推薦》2013年第七期（總第十九期）和大家見面了。夢想天空博客關(guān)注 前端開發(fā) 技術(shù)，分享各種增強網(wǎng)站用戶體驗的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁設(shè)計 案例，共享精美的設(shè)計素材和優(yōu)秀的 Web 開發(fā)工具，希望這些精心整理的前端技術(shù)文章能夠幫助到您。
閱讀全文
《Web 前端開發(fā)精華文章推薦》2013年第七期（總第十九期）和大家見面了。夢想天空博客關(guān)注 前端開發(fā) 技術(shù)，分享各種增強網(wǎng)站用戶體驗的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁設(shè)計 案例，共享精美的設(shè)計素材和優(yōu)秀的 Web 開發(fā)工具，希望這些精心整理的前端技術(shù)文章能夠幫助到您。
閱讀全文
摘要：大家都都知道，HTML5 具備所有最新的技術(shù)和功能，幫助我們創(chuàng)造平滑過渡，花式圖像滑塊和動畫。如果你正在考慮使用HTML5 來設(shè)計自己的網(wǎng)站，那么這個集合能夠幫助你。在過去的10年里，網(wǎng)頁設(shè)計師使用 Flash、JavaScript 或其他難用的軟件創(chuàng)建網(wǎng)站。但現(xiàn)在你可以前所未有的快速、輕松地設(shè)計或創(chuàng)造互動的、有趣好看的網(wǎng)站。
閱讀全文
摘要：在過去的10年里，網(wǎng)頁設(shè)計師使用 Flash、JavaScript 或其他復(fù)雜的軟件和技術(shù)來創(chuàng)建網(wǎng)站。但現(xiàn)在你可以前所未有的快速、輕松地設(shè)計或創(chuàng)造互動的、有趣好看的網(wǎng)站。如何創(chuàng)建？答案是 HTML5 。這篇文章向大家展示20個創(chuàng)新的 HTML5 網(wǎng)站。看看這些驚人的 HTML5 網(wǎng)站，從這些優(yōu)秀的 HTML5 網(wǎng)站獲取靈感并應(yīng)用在自己的網(wǎng)站中。希望你會喜歡這個集合。
閱讀全文
摘要：對于視差滾動（Parallax Scrolling），關(guān)注網(wǎng)頁設(shè)計的朋友都不會陌生。在網(wǎng)頁設(shè)計中，視差滾動是一種很特別的網(wǎng)頁設(shè)計技術(shù)，通過讓多層背景以不同的速度或者不同的方向移動形成 3D 運動效果，有很強的視覺沖擊力。 前陣子視差被用來提供一個漂浮在屏幕周圍的元素，有很多的網(wǎng)站使用這種效果，有點勢不可擋的趨勢。
閱讀全文
摘要：Google Web Designer 可以幫助你創(chuàng)建引人入勝，互動的基于 HTML5 的設(shè)計和動畫，可以在任何設(shè)備上運行。如果你喜歡自己動手，設(shè)計背后的所有的代碼都是可以手工編輯的。雖然可視化工具是很有幫助的，但它永遠不能代表你的創(chuàng)造力，想象力。這就是為什么你可以來回翻轉(zhuǎn)設(shè)計“視圖和”代碼“視圖，可以立即看到設(shè)計中所做的任何更改的都能在代碼中體現(xiàn)。
閱讀全文
摘要：Clank 是一個自由和開放源碼的 HTML/CSS 框架，可以幫助你輕松創(chuàng)建本地手機或平板電腦應(yīng)用程序的原型。它著重于提供一致的用戶界面，不會刻意去模仿一個特定的 OS 。該框架是基于組件的，這樣我們就可以選擇和使用所需的部分，組件包括按鈕，表格，滑塊，切換等等。
閱讀全文
摘要：如果您已經(jīng)使用了 CSS 或前端框架，創(chuàng)建響應(yīng)式布局應(yīng)該不難。 然而，如果你剛涉足這類布局，Responsive Web CSS 可以幫助你快速上手。這是一個基于 Web 的工具，使任何人都可以通過拖放創(chuàng)建一個具有響應(yīng)性的布局原型。你可以簡單地添加任意數(shù)量的頁面，DIV，定義百分比的寬度，也支持嵌套網(wǎng)格，還可以自動生成下載文件。
閱讀全文
摘要：HTML5 Canvas 元素給網(wǎng)頁中的視覺展示帶來了革命性的變化。Canvas 能夠?qū)崿F(xiàn)各種讓人驚嘆的視覺效果和高效的動畫，在這以前是需要 Flash 支持或者 JavaScript 才能實現(xiàn)的。HTML5 Canvas 提供了通過 JavaScript 繪制圖形的方法，功能強大。今天這篇文章向大家展示9個讓人難以置信的 HTML5 Canvas 應(yīng)用演示。
閱讀全文
摘要：在網(wǎng)絡(luò)上能找很多免費的 PSD 格式素材，但是很少有 HTML/CSS 界面組件下載。在這篇文章中，收集了14套免費的 HTML/CSS 界面源碼分享給前端設(shè)計師和開發(fā)者們。這些組件包括按鈕、滑塊、表單、搜索欄、進度條等。
閱讀全文
摘要：
《Web 前端開發(fā)精華文章推薦》2013年第六期（總第十八期）和大家見面了。夢想天空博客關(guān)注 前端開發(fā) 技術(shù)，分享各種增強網(wǎng)站用戶體驗的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁設(shè)計 案例，共享精美的設(shè)計素材和優(yōu)秀的 Web 開發(fā)工具，希望這些精心整理的前端技術(shù)文章能夠幫助到您。
閱讀全文
《Web 前端開發(fā)精華文章推薦》2013年第六期（總第十八期）和大家見面了。夢想天空博客關(guān)注 前端開發(fā) 技術(shù)，分享各種增強網(wǎng)站用戶體驗的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術(shù)應(yīng)用，推薦優(yōu)秀的 網(wǎng)頁設(shè)計 案例，共享精美的設(shè)計素材和優(yōu)秀的 Web 開發(fā)工具，希望這些精心整理的前端技術(shù)文章能夠幫助到您。
閱讀全文
摘要：Screenfly 讓你能夠在各種設(shè)備的屏幕和分辨率下查看你的網(wǎng)站。輸入網(wǎng)址，并點擊GO開始瀏覽網(wǎng)頁。Screenfly 可以使用代理服務(wù)器來模擬設(shè)備，當(dāng)您查看您的網(wǎng)站，代理服務(wù)器模仿您所選擇的設(shè)備的用戶代理字符串。
閱讀全文
摘要：快速，安全，響應(yīng)式，互動和美麗，這些優(yōu)點吸引更多的 Web 開發(fā)人員使用 HTML5。HTML5 有許多新的特性功能，允許開發(fā)人員和設(shè)計師創(chuàng)建應(yīng)用程序和網(wǎng)站，帶給用戶桌面應(yīng)用程序的速度，性能和體驗。這里推薦的優(yōu)秀 HTML5 框架和開發(fā)工具可以幫助你開發(fā)項目更快，更容易。推薦閱讀：《推薦25款很棒的 HTML5 開發(fā)框架和開發(fā)工具【上篇】》
閱讀全文
摘要：Bootstrap Magic 是一款基于 Bootstrap 和 AngularJS 的主題創(chuàng)建工具。您可以輕松地創(chuàng)建您自己的 Twitter Bootstrap 主題，可以立即看到你的內(nèi)容變化。您還可以添加來自 Google Webfont 的很棒的網(wǎng)頁字體。
閱讀全文
摘要：jsPDF 是一個基于 HTML5 的客戶端解決方案，用于生成各種用途的 PDF 文檔。使用方法很簡單，只要引入 jsPDF 庫，然后調(diào)用內(nèi)置的方法就可以了。瀏覽器兼容性： IE6+*, Firefox 3+, Chrome, Safari 3+, Opera，對于 IE9 以下的版本會使用 Downloadify 來實現(xiàn)文件下載功能。
閱讀全文
摘要：每天都有很多新的網(wǎng)站推出，其中不乏一些設(shè)計極其優(yōu)秀的作品。這個系列的文章，我為大家挑選了2012年贏得 CSS Awards 大獎的50個最佳網(wǎng)站。這些鼓舞人心的網(wǎng)站作品代表了網(wǎng)頁設(shè)計的最高水平，相信你可以得到很大的啟發(fā)。
閱讀全文
摘要：Intention.js 提供一個輕量級的和明確的方式，幫助你動態(tài)重組 HTML，成為響應(yīng)式的方式。操作方法都放在了元素自己里面，所以靈活的布局看起來就似乎不會那么的抽象和凌亂。您可以輕松地增加布局的選擇和靈活性，縮短開發(fā)時間和減少樣式表覆蓋媒體查詢驅(qū)動的必要性。你可以輕松地添加自己的上下文或者創(chuàng)建自己的自定義組。
閱讀全文
摘要：優(yōu)秀網(wǎng)頁作品賞析《第四季》，精彩繼續(xù)每天都有很多新的網(wǎng)站推出，其中不乏一些設(shè)計極其優(yōu)秀的作品。這個系列的文章，我為大家挑選了2012年贏得 CSS Awards 大獎的50個最佳網(wǎng)站。這些鼓舞人心的網(wǎng)站作品代表了網(wǎng)頁設(shè)計的最高水平，相信你可以得到很大的啟發(fā)。
閱讀全文
摘要：HTML5 在不同的領(lǐng)域讓網(wǎng)頁設(shè)計更強大的。快速，安全，響應(yīng)式，互動和美麗，這些優(yōu)點吸引更多的 Web 開發(fā)人員使用 HTML5。HTML5 有許多新的特性功能，允許開發(fā)人員和設(shè)計師創(chuàng)建應(yīng)用程序和網(wǎng)站，帶給用戶桌面應(yīng)用程序的速度，性能和體驗。這篇文章整理了25款優(yōu)秀的 HTML5 框架和開發(fā)工具可以幫助你開發(fā)項目更快，更容易。
閱讀全文
摘要：Twitter Bootstrap 3.0 終于正式發(fā)布了。這是一個圓滑的，直觀的和強大的移動優(yōu)先的前端框架，用于更快，更容易的 Web 開發(fā)。幾乎一切都已經(jīng)被重新設(shè)計和重建，更好的支持移動端設(shè)備。最新的 Twitter Booststrap 包含四層網(wǎng)格類??——手機，平板電腦，臺式機，和大型桌面，你可以做一些超級瘋狂的布局。定制器進行了重新設(shè)計，現(xiàn)在在瀏覽器中編譯，而不是 Heroku 上，有更好的依賴性支持，甚至有內(nèi)置的錯誤處理。
閱讀全文
摘要：每天都有很多新的網(wǎng)站推出，其中不乏一些設(shè)計極其優(yōu)秀的作品。這個系列的文章，我為大家挑選了2012年贏得 CSS Awards 大獎的50個最佳網(wǎng)站。這些鼓舞人心的網(wǎng)站作品代表了網(wǎng)頁設(shè)計的最高水平，相信你可以得到很大的啟發(fā)。
閱讀全文
浙公網(wǎng)安備 33010602011771號