Web用戶體驗師Jake Rocheleau撰寫了一篇文章分享他在Web開發中經常使用的網站和Web App，其中包含各類字體庫、代碼庫、插件庫、配色方案和測試工具。他同時指出，Web開發環境將慢慢轉向云端?？傮w來說，Cmmntr有著很高的文章和豐富的開發資源。Jake Rocheleau認為Stack Overflow是能夠幫助網站開發者解決困難的最好的問答網站。Pictaculous是一個思路非常新穎的網站，當你上傳一張圖片到Pictaculous時，它會幫助你選擇最合適的配色方案。所以，當你設計一個新的網站，尤其是要根據一些限定的Logo的搭建時，將它們上傳到Pictaculous，會得...

Chrome 瀏覽器作為一款版本號跑的超快，功能特性也都超好的超棒瀏覽器，總是會在Candy、Dev版本中加入些超前的實驗性設置。之前就介紹過那些，隱藏在chrome:// 里的頁面，今天就介紹些在chrome://flags 里的優秀實驗性功能。Chrome 此時可以幫助你生成一個隨機的密碼，進入chrome://flags 中，開啟“啟用密碼生成功能”，然后進入任何一個注冊的頁面，點擊填密碼處的鎖，就會自動生成隨機密碼，然后該密碼就會自動同步到谷歌賬戶里，使用任何版 本的Chrome 都會自動同步到本地。...

做地圖開發，最常用到的就是marker一些操作和交互。簡單介紹一下，兩個marker之間的距離計算。google map api 很方便的 只要是常用的 基本上都有接口。...

HTML5絕對是一個流行元素，受到如此多的公司組織的追捧，作為極客來說，豈能錯過呢？在今天這篇文章中，我們將分享一些超實用的HTML5的代碼片段，相信大家一定會喜歡！實用HTML5的一個好處就是簡化了視頻和音頻的嵌入代碼量，不過呢，如何兼容老版本的瀏覽器絕對是一個令人頭疼的問題，特別是在天朝，老版本的瀏覽器絕對處于優勢地位，下面代碼或者能夠幫你忙：。自動補齊功能大家應該都很熟悉，包括jQueryUI中，或者第三方的自動補齊插件也很多，在HTML5中我們使用datalist來實現，如下：...

瀏覽器兼容是前端開發人員必須掌握的一個技能，但是初入前端的同學或者其他后臺web開發同學往往容易選擇忽略，而形成兩個極端：?，F在看來，之前的想法都是不對的，我們誠然應該追求最新的瀏覽器使用最新的技術，但是漸進增強，向后兼容的思想一定要有，因為就現在IE6在中國的份額也是不容小視的。使用Trident內核的瀏覽器：IE、Maxthon、TT；使用Presto內核的瀏覽器：Opera7及以上版本；使用Webkit內核的瀏覽器：Safari、Chrome。...

在HTML5中增加了許多新的標簽和功能屬性，今天我們來看一個Form表單在HTML5中新的使用方法。在下面咱們有幾個場景來看，你就明白啦~假如咱們需要把頁面中不同的表單元素提交，而這些表單元素又分布在HTML中的各個位置，那么Form就只能包含所有的Form標簽了。這里的for屬性=表單的ID，這樣一來，這些元素到底歸那個表單就一目了然了，這個for屬性，你可以理解為label中的for屬性，只不過在HTML5中的這種情況下，他就屬于fome1的元素了。...

HTML5帶出了一系列新元素，并且將在未來被廣泛應用。然而，有一些元素在使用時易被混淆，包括以下兩個新元素：和。最常被問起的問題是：在什么情況下我們應該使用這些元素？這是一個最容易產生歧義的元素。根據WHATWG文檔，對元素做了以下 描述：。&ldquo;元素表示了一篇文檔或應用中，通用段落 - WHATWG&rdquo;&ldquo;當一個元素僅用于風格樣式或是為了腳本的方便，我們鼓勵作者使用。Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.</p>...

在做項目時想做個input focus的效果，感覺很帥！上網搜集了一些資料，整理一下！加工成我的發光效果！哈哈 看著不錯，跟大家分享一下??！-webkit-transition: box-shadow 0.30s ease-in-out; //只讓box-shadow屬性做過渡效果！用css3幾句樣式就可以搞定了，細節做足了吧！...

CSS3為Web設計師和開發者創建偉大的作品帶來了極大的可能性。通過CSS3中的3D變換、動畫等屬性，即使不使用JavaScript，你也能創造出令人印象深刻的動畫效果。本文為你整理了一些使用純CSS3創建菜單的教程。如果你沒有太多時間來看這些教程，你也可以通過下面的CSS菜單生成器來快速打造精美的純CSS菜單。Pure CSS Menu非常輕量，只有幾kb大小，兼容目前所有已知瀏覽器。即使你不知道任何CSS、HTML語法，你也可以輕松創建出CSS下拉菜單。你只需要使用鼠標點擊幾下，即可創建非常漂亮的菜單和按鈕。另一款CSS3菜單生成器，你可以即時看到你的修改所產生的效果。...

如今圖像滑塊已成為一種流行的Web設計元素，通過滑塊，你可以在有限的頁面空間中展示更多的內容，帶給用戶更佳的瀏覽體驗。本文將為你帶來一些非常實用的jQuery圖像滑塊插件。顧名思義，這是一個最基本的滑塊，相當簡單、輕量，只提供了最基本的功能。這是一個靈活的圖像滑塊插件，支持響應式布局和視差動畫，并可以嵌入HTML元素。該插件依賴于jQuery 1.6及以上版本，且要求圖片具有相同大小。一個功能豐富的滑塊插件，支持觸摸操作、自定義導航和各種動畫效果。...