其他

FireBug是FireFox下最強大的調試外掛程式.利用它，可以讓JQuery的學習過程更加輕鬆愉快.    這篇文章是我從一個國外網站看的視頻，經過簡單實踐，我發現這樣做的確可以提高不少效率。下面來說說這種方式:    先決條件:    安裝firefox+firebug    

CSS3 給 Web 開發帶來了革命性的影響，以前很多需要 JavaScript 才能實現的複雜效果，現在使用 CSS3 就能簡單的實現。如果你想瞭解 CSS3 可以做些什麼的話，可以參考本文列出的 CSS3 能實現的很炫的應用。這些很酷的例子中有漸層、旋轉、字型效果以及三維變換等等，盡情欣賞吧。1. 製作精美的按鈕2. 實現很酷的字型效果3. 建立時尚的表單  4. 製作漂亮的導覽功能表5. 最後，分享另外28個很炫的 CSS3 樣本和實驗

解決IE相容問題是比較頭疼的問題，無論你是新入門的菜鳥還是久經考驗的職業行家，相容問題，特別是IE，IE6會讓你非常頭疼。很多時候，div

01-別過來，過來我就撕票了！　　　　02-竟然有這麼小的長頸鹿，太萌了　　　　03-一天很短，開心了就笑，不開心了就過會兒再笑。。。　　　　04-公交車上，一個大約8、9歲的男孩對旁邊的小女孩說：“誰說不能預測未來，至少我能知道以後我的孩子姓什麼，　　可是你就不同了，你的孩子姓什麼還是未知數呢！”那小女孩毫無思索地大聲回了一句：“哼哼，那是！但是，我的孩　　子肯定是我的孩子，你的孩子就未必了…喲！”。全車人被秒殺了。。。　　　　05-某校同學怒了，做了個對聯。。。　　　　06-計算男生價格的方

文章目錄 1. 一定要閉合HTML標籤2. 聲明正確的文件類型( DocType )3. 不要使用嵌入式CSS樣式4. 在頁面head標籤中引入所有的樣式表檔案5. 在頁面底部引入javascript檔案6. 不要使用嵌入式JavaScript，這都21世紀了！7. 開發中隨時進行標準驗證8. 下載Firebug9. 使用Firebug！10. 使用小寫標記11.使用H1 – H6標籤12. 如果是部落格，那把H1留給文章標題13. 下載ySlow14.

CSS3為我們帶來了令人驚歎的新特性，而最有趣的就是CSS動畫。向大家推薦這50個CSS動畫集合可以讓你通過使用JavaScript函數來讓動畫更生動。為了能夠預覽到這些驚人的CSS3技術帶來的動畫特效，請大家使用如Safari和Chrome這類基於WebKit核心的瀏覽器。(IE瀏覽器謝絕觀賞~)1.CSS3實現鐘錶效果(基於jQuery)　　使用CSS3的基本變形特性:rotate，並結合了jQuery這類javaScript架構製作的CSS3時鐘效果。2.類比時鐘　　類比時鐘基於過渡web

導覽功能表作為網站必不可少的組成部分，關係著網站的可用性和使用者體驗。有吸引力的導航能夠吸引使用者去瀏覽更多的網站內容，增加使用者在網站的停留時間。常見的導航形式有頭部導航、側欄導航、底部導航和固定位置導航等各種形式，今天這篇文章要和大家分享的是20佳國外優秀的固定位置導覽功能表設計案例，相信這些形式各異的導覽功能表設計能夠帶給你靈感。Psych & PsychJames AndersonOK StudiosReservedhard graftHappy Cog

HTML5和CSS3已經開始徹底變革全世界的Web前端開發和Web設計發展格局，因為他們給這個領域帶來了太多太多令人驚奇的新特性！我用大量時間學習了HTML5和CSS3技術，它們的動畫、圓角等特效會令你震驚…在後面的內容將向大家推薦一些能協助你更好的掌握甚至精通HTML5和CSS3的終極工具資源集合。雖然還有很多特性不被瀏覽器所支援，但我們作為前端開發從業者，有必要掌握它們。HTML5 & CSS3

一個人擁有自己獨特的風格，是一般人所沒有的，就會讓人注意到那個人的特別，若那個人的風格是正面的，甚至就會引起別人的羨慕與注意，或是讚賞。就如同一個網站，擁有別的網站所沒有的風格，就會讓瀏覽者願意多停留些時間，細細品嘗該站的內容，甚至該站會得到多人的鼓勵與注目，粗略的說，網站風格可以從以下幾個方向來探討，而每一項都是有關聯性的：　　1. 色系：網頁的底色、文字字型、圖片的色系、顏色等等。　　2. 排版：表格、架構的應用、文字縮排、段落等等。　　3. 視窗：視窗效果，例如：全螢幕視窗、特效視窗等。　

文章目錄 1) Twofold2) Markdearman3) Syropia4) Mynus5) Florisvoorveld6) Haluko7) Fremox8 ) Danielcrisp9) Frontendlabs10) Nathanrafter11) Dehviana12) Henry Brown13) Marekmis14) Studiofoundry15) Kennandelmar

12款有助於簡化CSS3開發的工具：網站開發人員能通過CSS3為網站設計增添很多時尚元素，CSS3 對CSS規範做了很大的改進。現在，本文將為你介紹12款有助於簡化CSS3開發的工具。  1、CSS3 Pie: 允許在IE上使用CSS3絕大部分的酷炫功能。 2、CSS3 Builder：通過該工具，你可以用類似應用photoshop特效的介面來設計複雜的CSS3 box模型。非常節約時間。 3、CSS3 Drop shadow

html標籤眾多，在HTML手冊裡你可以都查到。但有的HTML標籤你可能從未使用過。不是因為你欠缺學習精神，而是它們確實用處不大。如果你有探索精神，那就接著往下看吧。第一個：<abbr> 或 <acronym>這兩個標識是一回事，主要是用於一些英語的縮寫，當你把滑鼠移上去的時候，你會發現會出現一個小提示來提示縮寫的全稱，前提是你給標籤添加了title屬性。但<acronym>在HTML

現在的HTML5就像當年嶄露頭角時的Ajax，有人在做，但不知道叫它什麼。最近，蘋果在HTML5上大做文章，而著名的Web設計師Eric Meyer則提出了Web Stacks的概念。Alex Kessinger是Yahoo的一名前端工程師，本文是他對HTML5應用現狀與前景的思考。開源模式帶來轉變O’Reilly創始人，TimO’Reilly，一位開源的支援者，曾在《Open Source Paradigm

文章目錄 01. Cymetriq02. Ludwings03. Intac to 10 Years04. Besser Leben Mit Lehm05. Interaktiva Online06. Shelton Fleming07. Werbeagentur Kopfnuss08. Grab & Go09. Pixel Baecker10. Slavery Foot Print11. Dylan Baskind12.

如果一個網站的內容不是很多而且將來內容也不怎麼增加的話，那麼製作成單頁（Single Page Websites）的形式是很好的選擇。這種只有一個頁面的網站形式，曾經非常流行，現在依然有很多人喜歡。如果你也想做一個這樣的網站，那麼本文收集的23個漂亮的單頁網站設計作品相信能夠協助你找到靈感。Matt Brothersdj XeederValerieGrind – Work LiquidRodeskHouseiamcreative.meValentine Favrewit

作為前端開發工程師,你有能力編寫複雜的代碼，但你真正需要的是你最喜愛的，可信賴的文字編輯器。你可以使用一個簡單的，如微軟的記事本，但往往比較有益的文字編輯器具有文法突出/高亮功能，支援多種語言，包含一個強大的尋找和替換功能，和其他功能和選項，讓你在編寫代碼的時候更加容易。　　如果你在尋找一個優秀的，免費的文字編輯器。下面收集了20款免費的文字編輯器，包含適用於Windows ， Mac或Linux作業系統的。一句話，你能找到你想要的文字編輯器。1.Bluefish Editor(Mac,

  解決CSS3圓角相容所有瀏覽器的方法。本文提到了一種很不錯的實現跨瀏覽器圓角的解決方案。       前一段時間，我經常收到一個關於如何在IE瀏覽器中使用CSS3的border-radius屬性實現圓角HTML元素的問題。你或許知道CSS3的border-radius 屬性被Safari、Firefox和Chrome等瀏覽器原生支援，但是由於某些原因IE並不支援它。         那麼要想在IE中實現圓角，你不得不使用一些技巧，比如使用帶有背景圖片的CSS類。             

文章目錄 01. Wp Auto Pilot02. luvra03. Thirteen2304. This is Marcela05. Raise the roof productions06. Jon White Studio07. Fork Cms08. Somospochocleros09. Shop HTML10. Isaacpvl11. Love Statistics12. Column Five Media13. Getyowza14.

文章目錄 1. Reap2. Zaarly3. Nebud-Jouda4. Anuprasad Online5. Uklizenodoma6. Gimme Money7. Stura8. Frecklea and Handsome9. Skittles10. Mball11. Meomi12. Iutopi13. Hole In One14. Garnier Body15. Pioneer Records Management16. Eco Bio

CSS對瀏覽器器的相容性具有很高的價值，通常情況下IE和Firefox存在很大的解析差異，這裡介紹一下相容要點。常見相容問題：1.DOCTYPE 影響 CSS 處理2.FF: div 設定 margin-left, margin-right 為 auto 時已經置中, IE 不行3.FF: body 設定 text-align 時, div 需要設定 margin: auto(主要是 margin-left,margin-right) 方可置中4.FF: 設定 padding 後, div