隨筆分類 - CSS3
樣式設置
摘要：作為一個前沿的 Web 開發(fā)者，對于 HTML5 和 CSS3 技術或多或少都有掌握。前幾年這些新技術剛萌芽的時候，開發(fā)者們已經(jīng)使用它們來小試牛刀了，如今這些先進技術已經(jīng)遍地開發(fā)，特別是在移動端大顯身手。這篇文章挑選了8個前沿的 HTML5 & CSS3 效果，記得收藏哦：）
閱讀全文
摘要：在當今世界，有許多前端開發(fā)的框架。那么，為什么還要再造一個框架呢？Concise 建立的目的是使你有很多的開箱即用的選項，讓你能夠方便的搭建移動友好的網(wǎng)站和 Web 應用程序。另外還包括一個簡單的網(wǎng)格系統(tǒng)，開發(fā)人員可以使用該框架來推動自己的創(chuàng)作。
閱讀全文
摘要：今天，我們編譯收集一組使用 HTML5 和 CSS3 制作的精美網(wǎng)站。在此集合中，你可以看到平面設計，網(wǎng)頁設計，作品集和企業(yè)網(wǎng)站設計實例。響應式設計和基于 HTML5 & CSS3 編碼的網(wǎng)站是為網(wǎng)站制作的理想解決方案。 HTML5 & CSS3 制作出來的網(wǎng)站結構良好，有很多驚人的效果，并能夠在任何設備上瀏覽。
閱讀全文
摘要：大家可能見過各種各樣的時鐘效果，比如多年前非常流行的 Flash 制作的各種新奇的動畫時鐘，現(xiàn)在的 Web 開發(fā)者們又開始應用 CSS3 和 Canvas 等最新技術來實現(xiàn)。而今天這里要分享的這款漂亮的多彩時鐘效果大家不一定見過，趕緊來看看。
閱讀全文
摘要：
在工作中，我們可能會用到各種交互效果。而這些效果在平常翻看文章的時候碰到很多，但是一時半會又想不起來在哪，所以養(yǎng)成只是整理的習慣是很有必要的。這篇文章收集了10個在網(wǎng)站開發(fā)中很有用的 CSS3 效果，記得收藏。
閱讀全文
在工作中，我們可能會用到各種交互效果。而這些效果在平常翻看文章的時候碰到很多，但是一時半會又想不起來在哪，所以養(yǎng)成只是整理的習慣是很有必要的。這篇文章收集了10個在網(wǎng)站開發(fā)中很有用的 CSS3 效果，記得收藏。
閱讀全文
摘要：響應式設計和基于 HTML5 & CSS3 編碼的網(wǎng)站是為網(wǎng)站制作的理想解決方案。 HTML5 & CSS3 制作出來的網(wǎng)站結構良好，有很多驚人的效果，并能夠在任何設備上瀏覽。今天，我們編譯收集一組使用 HTML5 和 CSS3 制作的精美網(wǎng)站。在此集合中，你可以看到平面設計，網(wǎng)頁設計，作品集和企業(yè)網(wǎng)站設計實例。
閱讀全文
摘要：《Web 前端開發(fā)精華文章推薦》2014年第7期（總第28期）和大家見面了。夢想天空博客關注 前端開發(fā) 技術，分享各類能夠提升網(wǎng)站用戶體驗的優(yōu)秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優(yōu)秀的 網(wǎng)頁設計 案例，共享精美的設計素材和優(yōu)秀的 Web 開發(fā)工具，希望這些精心整理的前端技術文章能夠幫助到您。
閱讀全文
摘要：今天，我們想向您展示如何創(chuàng)建平鋪背景圖像的幻燈片效果。其靈感來自于國外的一個工作室網(wǎng)站（圍觀），這個網(wǎng)站充滿了各種有趣和創(chuàng)意效果，一定記得去看看。這個幻燈片效果是由四個區(qū)域的獨立移動構成，通過畫面分割，同時顯示出新的圖片。這里需要組合使用 CSS3 的3D轉換、過渡和動畫功能。
閱讀全文
摘要：視差滾動（Parallax Scrolling）已經(jīng)被廣泛應用于網(wǎng)頁設計中，這種技術能夠讓原本平面的網(wǎng)頁界面產(chǎn)生動感的立體效果。下面分享的這個圖片滑塊效果是難得一見的結合視差滾動的例子，之前的文章給大家分享過，這里再推薦一下。美女很養(yǎng)眼吧 :)
閱讀全文
摘要：jQuery 和 CSS 可以說是設計和開發(fā)行業(yè)的一次革命。這一切如此簡單，快捷的一站式服務。jQuery 允許你在你的網(wǎng)頁中添加一些真正令人驚嘆的東西而不用付出很大的努力，要感謝那些優(yōu)秀的 jQuery 插件。
閱讀全文
摘要：Bounce.js 是一個用于制作漂亮的 CSS3 關鍵幀動畫的 JavaScript 庫，使用其特有的方式生成的動畫效果。只需添加一個組件，選擇預設，然后你就可以得到一個短網(wǎng)址或者導出為 CSS 代碼。
閱讀全文
摘要：之前的文章個大家分享過各種類型的加載效果（Loading Effects），這里再給大家奉獻一組基于單個元素實現(xiàn)的 CSS 加載動畫集合。這些加載效果都是基于一個 DIV 元素實現(xiàn)的，十分強悍。
閱讀全文
摘要：網(wǎng)站或者應用系統(tǒng)的管理后臺的設計雖然不像前臺界面那樣要求設計精美，但是也需要有清晰的管理模塊劃分，下面分享的這個后臺管理模板的設計非常漂亮，特別是導航部分，頭部還有未讀的短消息和提醒的條數(shù)顯示。
閱讀全文
摘要：《Web 前端開發(fā)精華文章推薦》2014年第6期（總第27期）和大家見面了。夢想天空博客關注 前端開發(fā) 技術，分享各類能夠提升網(wǎng)站用戶體驗的優(yōu)秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優(yōu)秀的 網(wǎng)頁設計 案例，共享精美的設計素材和優(yōu)秀的 Web 開發(fā)工具，希望這些精心整理的前端技術文章能夠幫助到您。
閱讀全文
摘要：在早期，我們都是通過使用 JavaScript 來實現(xiàn)占位符功能。而現(xiàn)在，HTML5 原生提供的 placeholder 屬性讓我們在現(xiàn)代瀏覽器輕松就能實現(xiàn)這樣的功能。這里向大家分享一個自適應的占位符效果（Adaptive Placeholder），當你輸入的時候，提示文字不會消失，而是以動畫的方式移動到了輸入框的上方。
閱讀全文
摘要：使用 CSS3 的3D變換特性，我們可以通過讓元素在三維空間中變換來實現(xiàn)一些新奇的效果。 利用 3D transforms（變換）屬性來實現(xiàn)多種不同的效果。主要的想法是創(chuàng)建三維圖像切片，作為三維物體的另一側，旋轉并顯示下一個圖像。若瀏覽器不支持3D變換，一個簡單的滑塊將作為后備方案。
閱讀全文
摘要：Shine.js 是一個用于實現(xiàn)漂亮陰影的 JS 庫。您可以設置動態(tài)光的位置，可定制的陰影。不依賴于第三方庫，兼容 AMD。能在支持 textShadow 或 boxShadow 的瀏覽器中正常使用，如果有需要會自動添加前綴。
閱讀全文
摘要：Bourbon 是一個簡單易用的 Sass 混入（Mixin）庫，無需配置。該混入包含用于支持所有現(xiàn)代瀏覽器的 CSS3 屬性前綴。前綴需要確保在舊的瀏覽器支持優(yōu)雅降級。Bourbon 使用 SCSS 語法。
閱讀全文
摘要：Fort.js 是一款用于時尚、現(xiàn)代的表單填寫進度提示效果的 JavaScript 庫，你需要做的就是添加表單，剩下的任務就交給 Fort.js 算法了，真的非常簡單。提供了Default、Gradient、Sections 以及 Flash 四種效果，滿足開發(fā)的各種場合需要。
閱讀全文
摘要：在顯示復雜的表格數(shù)據(jù)的時候，相信 Web 開發(fā)人員都碰到過顯示不下的情況。RWD Table Patterns 是一個很好的響應式表格解決方案。它采用移動優(yōu)先以及漸進增強的設計理念，在不支持響應式的瀏覽器會使用滾動條代替。
閱讀全文
浙公網(wǎng)安備 33010602011771號