WEB設計技巧:Web開發中經常使用的網站和Web App

來源:互聯網
上載者:User

文章描述:Web使用者體驗師Jake Rocheleau撰寫了一篇文章分享他在Web開發中經常使用的網站和Web App,其中包含各類字型庫、程式碼程式庫、外掛程式庫、色彩配置和測試載入器。他同時指出,Web開發環境將慢慢轉向雲端。

Web使用者體驗師Jake Rocheleau撰寫了一篇文章分享他在Web開發中經常使用的網站和Web App,其中包含各類字型庫、程式碼程式庫、外掛程式庫、色彩配置和測試載入器。他同時指出,Web開發環境將慢慢轉向雲端。

CodeVisually是一個開源項目。在它的分類目錄下有各種外掛程式、 模板、 主題和指令碼程式,你可以找到很多有用的 JS 庫,也為WordPress開發人員提供了架構和模板。如果你是一個jQuery架構或JavaScript 愛好者,那麼你一定要經常去CodeVisually上看看,你會發現有許多新的外掛程式能夠為你的網站增添一些令人振奮的功能。同時,通過用縮圖形式顯示外掛程式也協助你能比在Github 或其它程式碼程式庫中更好的整理它們。

Cmmntr是日本開發人員Motoshi Goto面向Web設計中的新聞和熱點問題所搭建的網站。網站中的資源主要是一些教程和外掛程式,也包含一些很棒的Demo示範和開源項目。Jake Rocheleau說,他最喜歡Cmmntr的一點是——它將相似的資源都整合在一起,並列出了詳盡的比較,例如CSS DB架構。總體來說,Cmmntr有著很高的文章和豐富的開發資源。

這項Google的網站字型資源是免費的並且相容各個瀏覽器,因為只是從 Google 引入了一個字型庫的 link 樣式,無需擔心像各個瀏覽器對 CSS 解析不同導致各種bug。同時,無需引入 JS,那麼即使使用者 PC禁止載入 JS,也不會影響 Google 字型庫的使用。另外,WordPress部落格可以使用WP Google Fonts外掛程式方便的更改字型。

Jake Rocheleau認為Stack Overflow是能夠協助網站開發人員解決困難的最好的問答網站。除了使用者回複意願很強烈外,這些答案也很少會被刪除,利於開發人員歸檔和搜尋。Jake Rocheleau說,通過在Google裡搜尋問題並加上stackoverflow.com作為關鍵字,可以找到許多靠譜的解決方案,他在編碼中90%的疑問都可以通過這種方式得到解答。

Web App——CodePen是一個雲端的Web整合式開發環境。它提供了非常多的效果,也有開發人員不斷開放自己的demo和代碼給他人使用。開發人員只需選擇不同的效果就可以輕鬆搭配出想要的網站頁面,也可以在這些Demo的基礎上自己開發。它的另一個好處是——你可以將自己做的demo都以書籤的形式存於CodePen中,當你像他人展示時可以方便調用,而無需再將代碼上傳到伺服器中。

如今,越來越多的使用者開始通過平板電腦和手機來查看網頁,針對移動產品的網頁效果測試就成了一個非常重要的領域。在iPad Peek中,你只需選擇你想測試的裝置(包括iPhone 4、iPhone 5和iPad的橫豎兩種螢幕模式),就可以在PC上查看他們在不同行動裝置上的呈現效果。

Web設計師Chris Coyier的部落格中有單獨的一個頁面——CSS snippets專門搜集那些可以被經常使用的CSS程式碼片段,利用像Coda這樣的網頁編輯應用,你就可以將這些程式碼片段歸檔整理。這協助Web開發人員可以節省大量的開發時間,另一個相似的工具還有Eric Meyer建立的CSS Resets,它更適合儲存網頁局部效果的代碼。

Pictaculous是一個思路非常新穎的網站,當你上傳一張圖片到Pictaculous時,它會協助你選擇最合適的色彩配置。所以,當你設計一個新的網站,尤其是要根據一些限定的Logo的搭建時,將它們上傳到Pictaculous,會得到不錯的配色參考,也方便進行各種色彩配置的測試。



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

11.11 Big Sale for Cloud

Get Unbeatable Offers with up to 90% Off,Oct.24-Nov.13 (UTC+8)

Get It Now >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

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

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