使用 CSS3 可以實現的五種很酷很炫的效果

文章目錄 相關閱讀:   CSS3 給 Web 開發帶來了革命性的影響,以前很多需要 JavaScript 才能實現的複雜效果,現在使用 CSS3 就能簡單的實現。如果你想瞭解 CSS3 可以做些什麼的話,可以參考本文列出的 CSS3 能實現的很炫的應用。這些很酷的例子中有漸層、旋轉、字型效果以及三維變換等等,盡情欣賞吧。1. 製作精美的按鈕2. 實現很酷的字型效果3. 建立時尚的表單4.

12款很棒的瀏覽器安全色性測試載入器推薦

您可能還喜歡 24款非常實用的CSS3工具終極收藏推薦25個提高網站可用性和轉化率的工具推薦20款非常好的網站可用性測試載入器分享15款很棒的 JavaScript 開發工具最新20款Web設計和開發工具推薦   對於前端開發工程師來說,確保代碼在各種主流瀏覽器的各個版本中都能正常工作是件很費時的事情,幸運的是,有很多優秀的工具可以協助測試瀏覽器的相容性,讓我們一起看看這些很棒的工具。Spoon Browser

推薦18個非常棒的Web和移動開發架構

  如今,Web開發有了很多的輔助架構,它們可以協助Web開發人員集中精力去實現他們頭腦中的想法而不必浪費過多的時間去思考如何設計網站。當然,第一次使用這些架構或者庫的時候可能並不是那麼容易,不過通過閱讀協助文檔和不斷的實踐,相信你很快就能掌握的。今天,本文收集了18個非常棒的Web和行動裝置 App程式開發架構與大家分享。iWebKitjQTouchjQuery MobileSencha TouchWijmo – jQuery UI WidgetsThe-M-Project – HTML5

Web 設計師的 50 個超便利工具(上)

作為一個 Web 設計師並不容易,不僅考慮設計與架構,還要時刻注意各種小細節,設計師的工作被各種各樣的問題包圍,你需要一套超級便利的工具幫你解決各種消耗時間和精力的問題。本文介紹了50個非常強大的工具,你會發現,其中的一些工具會讓你感到驚豔在,這是第一部分。LaunchList網站發布前的工作清單,預設了28個需要檢查的事項,也可以自訂。同類工具: Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch

12個便於web設計及開發的線上工具

請不要低估這些小工具,他們極其的方便並且能節省很多的時間和工作,下面就是這些線上工具的列表,挑幾款來試試吧。我還是比較喜歡Ajax Load和Web 20 Badges Generator的,你們呢?Favico一個表徵圖製作工具,很是方便。SpiffyBox一個純css圓角解決方案,不需要任何js和圖片。這個線上工具可以選擇前景色彩背景色,寬和高等。css3正在被越來越多的瀏覽器所支援,所以你可以堅持使用這種解決方案。Ajax

走進 HTML5:20個驚豔的 HTML5 Canvas 應用實驗

  如今,HTML5 可謂如眾星捧月一般,受到眾多業內巨頭的青睞。很多 Web 開發人員也嘗試著用 HTML5 來製作各種 Web 應用程式。HTML5 規範引進了很多新特性,其中最令人期待的之一就是 Canvas 元素,HTML5 Canvas 提供了通過 JavaScript 繪製圖形的方法,非常強大。今天這篇文章收集了20個驚豔的 HTML5 Canvas 應用實驗推薦給大家。01. Cloth Simulation使用 Canvas 模仿的3D布料圖案效果。02. Particle

為你的網站增加亮點的9款 jQuery 外掛程式推薦

  如今,jQuery外掛程式眾多,滿足各種各樣的應用需求。 在這篇文章中,我收集了9款很棒的外掛程式,最喜歡的是Sausage內容分頁外掛程式,作者想法特別新穎!希望你能從中找到自己需要的外掛程式。Sticky Sidebar這款jQuery可以讓你設定浮動的側欄,當頁面滾動的時候能固定的設定的位置,看起來像是粘住了一樣。相容IE6-9及其它主流瀏覽器。WaypointWaypoints

10個讓你忘記 Flash 的 HTML5 應用示範

  大家可能聽到很多關於 Flash 是否會被 HTML5 取代的討論,個人認為,HTML5 在某些應用場合有其更先進的地方,會慢慢取代 Flash,但是無法被完全取代,Flash 永遠會佔有一席之地。  如果你想知道 HTML5 能做些什麼,看看下面這些驚豔的動畫樣本,相信你看完這些例子後會對未來的 Web 發展充滿無限期待。為了有更好的效果,建議在 Chrome 瀏覽器中瀏覽。CanvasMolFlickr and Canvas in 3DCanvas Minimal Particle

19個非常有用的 jQuery 圖片滑動外掛程式和教程

  jQuery 是一個非常優秀的 Javascript 架構,使用簡單靈活,同時還有許多成熟的外掛程式可供選擇。其中,最令人印象深刻的應用之一就是對圖片的處理,它可以讓協助你在你的項目中加入精美的效果。今天這篇文章向大家分享19個非常有用的 jQuery 圖片滑動外掛程式和教程。SlidesSmooth Div ScrollCreate an Image Rotator with DescriptionAnimate Panning Slideshow with jQueryCreate a

網站最佳化:測試網站速度的8款免費工具推薦

  網站的載入速度是決定網站成敗的重要因素,值得站長特別關注。原因很簡單,沒有人願意為了開啟一個網頁而等老半天,換句話說,如果你的網站開啟速度很慢,將流失大量的訪客,甚至出現多米諾效應的不良影響,因此瞭解自己網站載入速度非常重要。下面向大家推薦8款非常有用的測試網站速度的免費工具,讓你更加全面的瞭解自己的網站效能。PageSpeed

使用 ThreeSixty 建立可拖動的 360 度全景片預覽效果

  ThreeSixty 是產生可拖動的360度預覽映像序列的 jQuery 外掛程式。只需要在你的 HTML 頁麵包引入最新的 jQuery 和 threesixty.js 檔案就可以使用了,支援鍵盤上的方向鍵,也支援觸摸和行動裝置。可以使用 nextFrame() 和 prevFrame() 綁定 UI 控制項。  官方網站     線上示範     外掛程式下載   樣本 HTML:<div class="threesixty"

CSS3 經典教程系列:CSS3 盒陰影(box-shadow)詳解

  《CSS3 經典教程系列》的前一篇文章向大家詳細介紹了線性漸層(linear-gradient)的用法,今天本文介紹的盒陰影(box-shadow)是目前用得最多的 CSS3 特性之一。盒陰影製作效果和圓角效果一樣都是做成圖片,直接編寫  CSS 代碼就可以實現。您可能感興趣的相關文章Web 開發人員和設計師必讀文章推薦20個非常絢麗的 CSS3 特性應用示範35個讓人驚訝的 CSS3 動畫效果示範推薦12個漂亮的 CSS3 按鈕實現方案24款非常實用的 CSS3 工具終極收藏   CSS3

一組免費的響應式 HTML5 & CSS3 網站模板

  HTML5 Up! 分享了一組響應式網站模板,這些網站都是基於 HTML5 & CSS3 製作的乾淨、簡單、響應式的網站。每個網站都提供了線上示範並可以免費下載使用。需要注意的是,下載的時候需要 Follow 作者的 Twitter。您可能感興趣的相關文章Transit – 超平滑的 CSS 過渡和變換動畫效果外掛程式Squel.js – 基於 JavaScript 的 SQL 查詢構建器Debuggex – 超好用的Regex可視化調試工具jQuery.mmenu – 用於移動

推薦10個很棒的 CSS3 開發工具

  CSS3 是對 CSS 規範的一個很大的改善和增強,它使得 Web 開發人員可以很容易的在網站中加入時尚的效果。儘管如此,有幾個工具可以在你使用 CSS3 製作網站的時候起到很好的協助作用。在這篇文章中,收集了10款非常有用的工具推薦給大家。CSS3 Pie使用CSS3 Pie可以讓IE6至IE8版本實現大多數的CSS3修飾特性,如圓角、陰影、漸層等等。→ 訪問 CSS3 PieCSS3 Builder使用這款工具可以製作出漂亮的CSS3盒子,像是Photoshop製作出來的效果。→ 訪問 

推薦25個提高網站可用性和轉化率的工具

  網站建設的核心關鍵是“如何發現潛在客戶並有效轉化為合作客戶”,這裡提到有效轉化也就是說找到的客戶不一定會選用我們的產品或者服務,成為了我們的客戶的轉化才是有效轉化,那麼在競爭如此激烈的網路時代,我們該怎麼去挖掘潛在客戶並提高我們網站的轉化率呢?關鍵之一就是提高網站的可用性。  對於網站來說,可用性是指使用者能否有效地找到所需的資訊或完成他的任務,效率如何以及是否讓人有愉快滿意的感受。如果網站可用性較差,會浪費使用者的時間,大大降低網站的回頭訪問率,這對網站的生存是一個至關重要的問題。因此,為

網站安全檢測:推薦8款免費的 Web 安全性測試工具

  隨著 Web 應用程式越來越廣泛,Web 安全威脅日益凸顯。駭客利用網站作業系統的漏洞和 Web 服務程式的 SQL 注入漏洞等得到Web伺服器的控制許可權,輕則篡改網頁內容,重則竊取重要內部資料,更為嚴重的則是在網頁中植入惡意代碼,使得網站訪問者受到侵害。這也使得越來越多的使用者關注應用程式層的安全問題,對 Web 應用程式安全的關注度也逐漸升溫。下面向大家推薦8款非常有用的免費 Web 安全性測試工具。 N-Stalker Free VersionN-Stalker Web

Hook.js – 在傳統網頁上實現手機中的下拉重新整理效果

  我們都很喜歡行動裝置上的“下拉重新整理”功能,那麼如果這個效果應用到傳統網頁上怎麼樣?嗯,Hook.js 可以實現。他們採用了手機和平板電腦中的這個創新,只要向下滾動了一下,然後彈回到頂部,頁面就會自動重新整理。您可能感興趣的相關文章使用 Toolbar.js 實現超酷的 Tooltip 風格工具列Textillate.js – 實現 CSS3 文本動畫的簡單外掛程式使用 ThreeSixty 建立 360 度全景片預覽效果實用錦囊:推薦一款非常棒的響應式網頁測試載入器令人印象深刻的

非常棒的Web標準學習資源推薦

  Web標準,或者說是網站標準,不是一種單一的標準規範,而是由一些規範共同組成的標準集合,是由W3C和其它的標準化組織共同制定,用來建立和解釋基於Web的內容。這些規範是專門為了那些在網上發布的可向後相容的文檔所設計,使其能夠被大多數人所訪問。近年來,這個術語也時常和一套建立網站的標準化的最佳實務方法、網頁設計的原理、以及上述方法的衍生物連繫在一起。這篇文章向大家推薦一些非常棒的Web標準化學習資源。Web 標準和可訪問性學習資源World Wide Web Consortium

Web設計師應該收藏的11個網站

  今天,本文與大家分享11個Web設計師應該收藏的網站,這些都是我最喜愛的尋找設計構想的網站。我很喜歡Dribbble,可以花很長的時間只是為了瀏覽網頁,欣賞那些耀眼的設計,也很喜歡One Page Love,這是我見過的最好的分享單頁網站設計作品的網站。DribbbleDribbble 是一個專門推發圖片的網站,類似 Twitter,不同的是,網站分享的主要內容是設計師上傳的 400x300 像素的設計圖片。AwwwardsAwwwards

Textillate.js – 實現動感的 CSS3 文本動畫的簡單外掛程式

  Textillate.js 是一款實現極酷 CSS3 文本動畫的簡單外掛程式。它整合了兩個流行的工具庫(animate.css 和 lettering.js)來提供便於使用的外掛程式,能夠把 CSS3 動畫應用到常值內容上。您可能感興趣的相關文章20個非常絢麗的 CSS3 特性應用示範23個純 CSS3 打造的精美LOGO圖案35個讓人驚訝的 CSS3 動畫效果示範推薦12個漂亮的 CSS3 按鈕實現方案24款非常實用的 CSS3 工具終極收藏   只要引入 textillate.js

總頁數: 61357 1 .... 3370 3371 3372 3373 3374 .... 61357 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.