隨筆分類 - 網頁設計
網頁設計
摘要：Ladda 是一組集成了加載提示的按鈕，以彌合行動和反饋之間的時間間隔，提供更好的功能使用體驗。主要用于在用戶點擊提交之后，向用戶提供即時的反饋，讓他們知道瀏覽器正在處用戶提交的任務。
閱讀全文
摘要：圖標字體簡單來說就是外觀呈現為圖標的字體，同時具有矢量圖形的特征，在不同的設備上使用圖標的時候就不用加載不同尺寸的圖片文件，能夠減少 HTTP 請求數，提高頁面加載速度。IconVault 這款在線生成工具讓你可以輕松創建自定義圖標字體，選擇圖標文件夾，點擊生成即可。
閱讀全文
摘要：類似微軟 Metro UI 界面的扁平化設計是平面設計領域的新趨勢，它去除了傳統的陰影，紋理和漸變模式的界面，崇尚純色，簡潔的布局和清晰的排版。越來越多的人喜歡這種簡約、大方和充滿現代氣息的設計。下面我為大家收集了20套精美的扁平化設計素材和資料，相信你會喜歡。
閱讀全文
摘要：Metronic 是一套精美的響應式后臺管理模板，基于強大的 Twitter Bootstrap 框架實現。Metronic 擁有簡潔優雅的 Metro UI 風格界面，6 種顏色可選，76 個模板頁面，包括圖表、表格、地圖、消息中心、監控面板等后臺管理項目所需的各種組件。
閱讀全文
摘要：Unicode（統一碼、萬國碼、單一碼）是一種在計算機上使用的字符編碼。它為每種語言中的每個字符設定了統一并且唯一的二進制編碼，以滿足跨語言、跨平臺進行文本轉換、處理的要求。Unicode Character Table 包含常見語言的字符和可打印的符號字符，字符提供了 HTML 代碼，名稱/描述和相應的打印符號。
閱讀全文
摘要：新穎的錯誤頁面能夠留住用戶，以引導用戶繼續瀏覽其它的內容。404頁面也有一些特別的用途，例如顯示公益廣告，推廣網站自身的內容等，404頁面也是改善網站用戶體驗的一個方面。下面向大家分享30個獨特的404錯誤頁面設計模板。
閱讀全文
摘要：FROONT 是一個基于 Web 的設計工具，在瀏覽器中運行，使得各類可視化設計的人員都能進行響應式的網頁設計，即使是那些沒有任何編碼技能的設計師。FROONT 使得響應式網頁設計能夠可視化操作，能夠在瀏覽器中使用直觀的拖放工具進行設計。
閱讀全文
摘要：追捧的網頁設計種類有很多，但最好的簡潔干凈的網站設計，因為今天的觀眾想只專注于內容，以自然的方式瀏覽您的網站。在這篇文章中，你可以看到30個精湛的簡約風格的網站設計作品，相信你會喜歡的。
閱讀全文
摘要：在 PC 端，我們可以使用 Firebug 或者 Chrome 開發人員工具方便的調試網站或者 Web 應用。但是，當我們想在移動端調試站點或者應用的時候，這些工具就派不上用場了。因此，移動開發人員都希望能有 Mobile 版本的 Firebug 或者 Chrome 開發人員工具。Weinre 就是這樣一款工具，可以幫助我們調試移動網站及 PhoneGap 應用。
閱讀全文
摘要：作為設計師，在創建網站的時候，最關心的是在不影響可用性的情況下如何捕捉觀眾的注意力。做到這點的唯一方法是通過提升你的創意水平，以創造一些真正令人印象深刻的東西。在這篇文章中，你將看到30個使用鮮艷的色彩的華麗網站。
閱讀全文
摘要：CSS 是網頁設計師和網頁開發人員最喜歡的技術之一，因為它有大量新特性、新元素和新技術。創建一個基本的布局可能并不需要很多的時間或精力。但是，如果你想讓您的設計脫穎而出，那么就真的需要花費一番功夫。今天，我向大家分享25個屢獲殊榮的 CSS 網站設計案例。
閱讀全文
摘要：轉眼又已過去了一年，在這一年里，Firefox 和 Chrome 在拼升級，版本號不斷飆升；IE10 隨著 Windows 8 在去年10月底正式發布，在 JavaScript 性能和對 HTML5 和 CSS3 的支持方面讓人眼前一亮。這篇文章給大家帶來《五大主流瀏覽器 HTML5 和 CSS3 兼容性大比拼》，讓我們一起看看2013年的瀏覽器現狀。
閱讀全文
摘要：HTML5 Up! 分享了一組響應式網站模板，這些網站都是基于 HTML5 & CSS3 制作的干凈、簡單、響應式的網站。每個網站都提供了在線演示并可以免費下載使用。需要注意的是，下載的時候需要 Follow 作者的 Twitter。
閱讀全文
摘要：把產品呈現給您的客戶并讓他們購買，這是非常重要的一步。在這個競爭激烈的商業世界，你必須讓你的產品具有優勢才能脫穎而出。因此，我們常看到無論是在商場還是在網上購物，讓產品更加醒目的最佳方式是使用促銷標簽和折扣標簽。在今天的文章中，我們為大家帶來了22個有吸引力的價格，銷售，折扣標簽 PSD 文件，可以免費下載使用。
閱讀全文
摘要：這篇文章向大家分享優秀設計師 Jan Dvo?ák 設計的24款扁平風格 PSD 格式圖標，可以免費下載使用。扁平化設計最近很流行，推薦之前向大家分享機幾篇文章：《25個最佳的扁平化網頁設計案例》，《35套用于扁平化設計的圖標和網頁元素》。
閱讀全文
摘要：
《Web 前端開發精華文章推薦》2013年第四期（總第十六期）和大家見面了。夢想天空博客關注 前端開發 技術，分享各種增強網站用戶體驗的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共享精美的設計素材和優秀的 Web 開發工具，希望這些精心推薦的文章能夠幫助到您。
閱讀全文
《Web 前端開發精華文章推薦》2013年第四期（總第十六期）和大家見面了。夢想天空博客關注 前端開發 技術，分享各種增強網站用戶體驗的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技術應用，推薦優秀的 網頁設計 案例，共享精美的設計素材和優秀的 Web 開發工具，希望這些精心推薦的文章能夠幫助到您。
閱讀全文
摘要：2012年涌現出眾多令人印象深刻的 CSS 網站作品，這些網站充分應用 CSS 的強大特性實現各種絢麗的視覺效果。我根據過去 CSS 典型的應用場景挑選了其中的優秀作品組成一個列表，如果你有收藏更好的作品，歡迎留言向大家分享。
閱讀全文
摘要：無論我們是否使用電腦，字體都在我們的日常生活起到了至關重要的作用。換句話說，字體作為視覺溝通元素，它是一個非常高效媒介。字體的選擇會直接影響設計的成功的，每種字體都有其自己的特色風格，使用正確的字體可以把你的設計項目提升到更高的水平。
閱讀全文
摘要：使用一張大圖片作為網頁的背景是吸引訪客眼球最快捷的方法。高質量的精美照片和抽象的設計圖片能夠給網站的外觀帶去深刻的影響。在使用大背景圖片的時候有幾項事情需要注意，首頁需要確保背景圖片能夠和頁面中的文本完美的融合。這里收集了40個大背景圖片應用在網頁設計的優秀案例，能夠幫助你提高網頁設計技巧。
閱讀全文
摘要：使用一張大圖片作為網頁的背景是吸引訪客眼球最快捷的方法。高質量的精美照片和抽象的設計圖片能夠給網站的外觀帶去深刻的影響。在使用大背景圖片的時候有幾項事情需要注意，首頁需要確保背景圖片能夠和頁面中的文本完美的融合。這里收集了40個大背景圖片應用在網頁設計的優秀案例，能夠幫助你提高網頁設計技巧。
閱讀全文
浙公網安備 33010602011771號