ChatZilla developer home install add-on
	Codetch developer home install add-on
	FireFTP developer home install add-on
	Graphing Calculator Toolbar developer home install add-on
	The Pencil Project developer home install add-on
	PicLens developer home install add-on
	Regular Expressions Tester developer home install add-on
	Sage developer home install add-on
	Simple Mail developer home install add-on
	ScribeFire Blog Editor developer home install add-on
	SQLite Manager developer home install add-on

原文链接：

11 Powerful Firefox 3 Add-ons That Can Replace Standalone Applications

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 搜狐网站诚聘Java、PHP和C++工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛

HTML/XHTML

1. HTML Help Sheet

• PDF

2. HTML Cheat Sheet

• PDF
• PNG

3. HTML Character Entities Cheat Sheet

• PDF
• PNG

4. XHTML Cheat Sheet v. 1.03 – PDF

CSS

5. CSS Cheat Sheet (V2)

• PDF
• PNG

6. CSS Cheat Sheet

• PDF
• HTML

7. CSS Shorthand Cheat Sheet

• PDF

8. CSS Level 1 Quick Reference – PDF

9. CSS Level 2 Quick Reference – PDF

10. CSS2.1 Quick Reference Card – PDF

11. CSS2 Reference Guide – PDF

JavaScript

12. JavaScript Cheat Sheet

• PDF
• PNG

13. Addison-Wesley’s JavaScript Reference Card – PDF

14. JavaScript and Browser Objects Quick Reference

• PDF

15. The most common DOM methods at a glance – PDF

16. JavaScript Quick Reference Card/Cheatsheet

• PDF

17. mootools 1.2 cheat sheet

• PDF

18. jQuery Cheatsheet

• PNG

19. jQuery 1.2 Cheat Sheet

• PDF

20. jQuery Visual Map – PNG

Miscellaneous

21. RGB Hex Colour Chart

• PDF
• PNG

22. The Web Developer’s SEO Cheat Sheet

• PDF

23. The WordPress Help Sheet

• PDF

原文链接：

Cheat Sheets for Front-end Web Developers

• 快来参加7月17日在成都举行的SOA中国技术论坛
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 搜狐网站诚聘Java、PHP和C++工程师

Adding Light Streaks to a Photo

Fiery Photoshop Space Explosion

Really Cool Eclipse Effect in Photoshop

Electrifying Glow Album Art

Lighting Effects in Photoshop

Luminescent Lines

Super Slick Dusky Lighting Effects

Creating Light Motion Trails and Glowing Spark

Create a Space Explosion from Scratch in Photoshop

Seriously Cool Photoshop Explosion Effect

Add a Sparkle Trail to a Photo

Space Lighting Effects in 10 Steps

Creating a Trendy Music Style Background

Advanced Glow Effects

MSNBC Style Effect

Easily Create a Beautiful, Unique Website Header

Photoshop Space Tutorial

Water Spirit - Drawing Fire

Energize Your Graphics with Abstract Energy Lines

Making an Abstract Art Piece

Super Fast - Speed Lighting Effect

Fire Lines Tutorial

Create Cool Watercolor Effects in Photoshop

True Flames

A Cool Lighting Effect in Photoshop

Shiny Starburst Effect

How to Make Great Fireworks in Photoshop

Creating Smoke

End of the World Photo Manipulation

Swirl Mania in Illustrator and Photoshop

Design a Coldplay/Apple Inspired Portrait in Photoshop

Magic Lighting Effect in Photoshop

Make Your Image Look Awesome with a Few Light Effects

Explosion Tutorial

Intense Solar Flare (Filter) Effect

Beautiful Lighting FX Effect

Smoke Effect

Leopard Starburst Effect in Photoshop

Create an Energy Drink Ad Design

Mysterious Lighting Effect Tutorial

原文链接：

40 Photoshop Tutorials for Lighting and Abstract Effects

• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 快来参加7月17日在成都举行的SOA中国技术论坛
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

1. HomeStar Runner

   

2. PEN-and-PAPER

   

3. Project EUH

   

4. Tix02

   

5. Spore

   

6. Psicobyte

   

7. Poemofquotes

   

8. Underconsideration

   

9. Martinkorner

   

10. MTV.de

    

11. Jackfig

    

12. Newyorker

    

13. Meroigo

    

14. Mikeace

    

15. Jhuskisson

    

16. Startdrag

    

17. LookItsMe

    

18. Amcharts

    

19. Alistapart

    

20. Enesto Timor

    

21. Jtbullitt

    

22. Galiacho

    

23. Ateaseweb

    

24. Cgcraft

    

25. Codesense

    

26. Suspended Animations

    

27. Mixx.com

    

28. Tysontate

    

29. Rubberducky

    

30. Aviation Reviews

    

31. Twitter

    

32. Kitty-yo

    

33. Jibjab

    

34. Pownce

    

35. Freeshell

    

36. Dazeofourlives

    

37. The Big Noob

    

38. Jeremy Fuksa

    

39. Just Creative

    

40. Slonky

    

41. Frye / Wiles

    

42. NTL World

    

43. Lumino.us

    

44. Bruno Bellamy

    

45. Blue Vertigo

    

46. HomeStar Runner

    

47. Krystal Archive

    

48. D20srd

    

49. Rainfall Daffinson

    

50. CUOMA Design Studio

    

原文链接：

49 Nice And Creative Error 404 Pages

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 快来参加7月17日在成都举行的SOA中国技术论坛

YSlow

Visit Home Page
Download from Mozilla Add-ons site

Firecookie

Visit Home Page
Download from Mozilla Add-ons site
Report an issue

FirePHP

Visit Home Page
Download from Mozilla Add-ons site (experimental)
Report an issue
Join FirePHP group

RainbowForFirebug

Visit Home Page
Download from Mozilla Addons site (experimental)

Jiffy

Visit Home Page
Download from Mozilla Add-ons site (experimental)
Join Jiffy-Web group

Firequark

Visit Home Page

LiveCoder

Visit Home Page
Download from Mozilla Add-ons site (experimental)

Visit Home Page

Pixel Perfect

Visit Home Page
Download from Mozilla Add-ons site (experimental)

FirebugCodeCoverage

Download from Mozilla Add-ons site (experimental)

Firebug Net Panel History Overlay

Visit Home Page
Download from Mozilla Add-ons site (experimental)

Fireclipse

Visit Home Page

Chromebug (alpha)

Download here
Get source code

原文链接：

• 快来参加7月17日在成都举行的SOA中国技术论坛
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 搜狐网站诚聘Java、PHP和C++工程师

Different Uses of Styled Lists

1-Custom Select Box

<dl class="dropdown">
<dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu('two',-1)" class="module">Recent Archives</dt>

<dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)">
<ul>
	<li><a href='http://www.darrenhoyt.com/2008/06/' title='June 2008'>June 2008</a></li>
	<li><a href='http://www.darrenhoyt.com/2008/05/' title='May 2008'>May 2008</a></li>
	<li><a href='http://www.darrenhoyt.com/2008/04/' title='April 2008'>April 2008</a></li>
</ul>
</dd>
</dl>

2-Code Blocks

<div id="portfolio">
<ul id="gallery">
<li><img src="/{client}/before.jpg" /></li>
<li><img src="/{client}/sketch.jpg" /></li>
<li><img src="/{client}/wireframe.jpg" /></li>
<li><img src="/{client}/after.jpg" /></li>
</ul>
<img id="frame" width="580" height="415" src="frame.png" />
<ul id="sequence">
<li id="before"><a href="/{client}/before.jpg"><a></li>
<li id="sketch"><a href="/{client}/sketch.jpg"><a></li>
<li id="wireframe"><a href="/{client}/wireframe.jpg"><a></li>
<li id="after"><a href="/{client}/after.jpg"><a></li>
</ul>
<a id="launch" rel="external" href="{url}">
<img src="launch.png" alt="Launch this site" />
</a>
</div>

3-Tabs

<ul id="home_button">
  <li><a href="javascript:void(0)" onMouseOver="showContent('home_welcome_content','home_button_welcome')" id="home_button_welcome" class="on">Welcome</a></li>
  <!-- <li><a href="javascript:void(0)" onMouseOver="showContent('home_mymonterey_content','home_button_mymonterey')" id="home_button_mymonterey">My Monterey</a></li> -->
  <li><a href="javascript:void(0)" onMouseOver="showContent('home_visitors_content','home_button_visitors')" id="home_button_visitors">Visitor's Guide</a></li>
  <li><a href="javascript:void(0)" onMouseOver="showContent('home_multimedia_content','home_button_multimedia')" id="home_button_multimedia">Multimedia Gallery</a></li>
  <!-- <li><a href="javascript:void(0)" onMouseOver="showContent('home_travelblog_content','home_button_travel')" id="home_button_travel">Travel Blog</a></li> -->
  <li><a href="javascript:void(0)" onMouseOver="showContent('home_weather_content','home_button_weather')" id="home_button_weather">Weather</a></li>
  <li><a href="javascript:void(0)" onMouseOver="showContent('home_surf_content','home_button_surf')" id="home_button_surf">Surf Report</a></li>
</ul>

4-Post’s Information

<ul>
  <li class="dateposted">Posted on: 19th November 2006</li>
  <li>Posted by: <a href="http://ifelse.co.uk">Phu</a></li>
  <li>Number of comments: <a href="http://ifelse.co.uk/archives/2006/11/19/cssedit-2-review/#comments">29</a></li>
  <li><a href="http://ifelse.co.uk/archives/2006/11/19/cssedit-2-review/#commentform">Add a comment</a></li>
</ul>

5-Popular Posts Block

6-Blog’s Comment

7-CSS Galleries

8-Text Blocks

Tutorials and Examples

1-Nested lists used to create a simple folder metaphore

2-Mini Slide Navigation

3-html vs css pt2/navigation lists

 /* html code */  <li><a class="item"> nav item </a></li>  <li class="active"><span class="item"> nav item </span></li>  /* css code */  li .item {display:block; padding:0.5em;}  /* css code alternative */  li a, li span {display:block; padding:0.5em;}

4-Floating next and back buttons using lists

 /* html code */  <li><a class="item"> nav item </a></li>  <li class="active"><span class="item"> nav item </span></li>  /* css code */  li .item {display:block; padding:0.5em;}  /* css code alternative */  li a, li span {display:block; padding:0.5em;}

5-Safe Lists Next to Left-Floated Elements

6-Style Your Ordered List

7-Centering List Items Horizontally

8-Advanced CSS Menu Trick

9-A Stripe of List Style Inspiration

Further Reading on CSS-Styled Lists

• Listutorial
• List Indent by Eric Meyer
• CSS Design: Taming Lists
• Style Unordered Lists

原文链接：

• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 快来参加7月17日在成都举行的SOA中国技术论坛
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师

这两天在我常去的网站上都有关于Protocol Buffers的新闻，光看新闻里吹嘘得这么好，感觉有点不过瘾，于是抽了点时间来了解整个项目。下面是我个人对Protocol Buffers的理解和看法：

1、项目背景

我觉得该项目的主要目的是用于处理复杂数据结构定义，这是XML文件所不能满足的；而数据文件大小和读写速度并不是那么重要；再说google并没有给出这个测试报告，具体有多大的优越性，这个还得打个问号（当然，我是相信google声称的文件的大小要小3-10倍，解析速度要快20-100倍）。

2、项目初探

Protocol Buffers的确很轻量级，拿Java来说，除了protocr外，源代码也就20来个；定义数据结构的描述文件也很简单易懂，基本上不需要注释说明；通过描述文件生成的源码会将数据结构封装成类，同时会提供一个静态Builder类，数据结构和数据组装的Builder都有明确的情况下，数据解析装配的数据应该会有所提升，还不需要其它工具的辅助。看来自己了解自己才是王道！对于文件大小这一点，对比一下两类文件就很明显，少了XML文件的复杂节点信息，存储的数据量小了，当然文件大小也就小了。

3、Protocol Buffers数据语言不是标准

现在在用Protocol Buffers的也就是google，用户群很小，外加不是标准，其它的一些组织还不一定卖google的帐；即使它有这么多优势在这里，但它是不是项目比不可少的，还值得讨论。

拿当前软件开发现状来说，配置文件已经是满天飞了，每个项目都有一大堆的配置问题，Java这边的趋势是用Annotation来替代配置，而ROR也是用约定来消除一些不必要的配置；Protocol Buffers还能在那些地方派上用场呢？

a.配置文件——感觉大材小用，一般的配置信息的数据结构都不复杂，对读写时的性能要求也不高；

b.数据文件——应该还是与数据库无法比，安全性，可操作性，可靠性都存在不足。

因此，除非是一定要在项目中处理复杂的数据结构文件时，可以考虑Protocol Buffers；否则，观望……

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！

从NETTUTS看到的文章，效果很不错，有点类似于Flash做出来的效果，demo在这里 ，原文 对实现步骤讲得很清楚，我就不多提了，实现效果的逻辑比较简单，也就是slideDown()方法，

// shows a given element and hides all others  
function showViaKeypress(element_id)  
{  
    $(".container").css("display","none");  
    $(element_id).slideDown("slow");  
}  
  
// shows proper DIV depending on link 'href'  
function showViaLink(array)  
{  
    array.each(function(i)  
    {     
        $(this).click(function()  
        {  
            var target = $(this).attr("href");  
            $(".container").css("display","none");  
            $(target).slideDown("slow");  
        });  
    });  
}  

而对键盘按键的监听是用的keypress()方法，其实也没什么难度，不过我们很少在页面上使用按键监听，这个例子比较新奇，值得我们参考，如有必要时，可以在项目里用用。

$(document).keypress(function(e)  
    {  
        switch(e.which)  
        {  
            // user presses the "a"  
            case 97:    showViaKeypress("#home");  
                        break;    
                          
            // user presses the "s" key  
            case 115:   showViaKeypress("#about");  
                        break;  
                          
            // user presses the "d" key  
            case 100:   showViaKeypress("#contact");  
                        break;  
                          
            // user presses the "f" key  
            case 102:   showViaKeypress("#awards");  
                        break;  
                          
            // user presses the "g" key   
            case 103:   showViaKeypress("#links");  
        }  
    });

• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛
• 搜狐网站诚聘Java、PHP和C++工程师

Basmati Tree

The Ernest Hemingway Collection

Toucouleur

Ma.tt

Pointless Ramblings

Richard Stelmach

Mitxel

Photoshop Lady

The Seen

Matt Bernstein

Josh Tilton

NJ Rebel

Tennessee Education

Catalyst Studios

Studio Racket

Chris Burrows

Narfstuff

Simply Creative

TopTut.com

Klinkov Valeriy

Hicksdesign

Raggz

Ganato Design

Sean Johnson

Dean Whittaker Creative

原文链接：

25 Incredibly Artistic Websites - Part II

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛
• 搜狐网站诚聘Java、PHP和C++工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！

Name: Mastering Dojo

Author: Craig Riecke, Rawld Gill, and Alex Russell

published: 2008-06-18

Name: Dojo: The Definitive Guide

Author: Matthew A. Russell

published: 2008-06-17

Name: Dojo: Using the Dojo JavaScript Library to Build Ajax Applications

Author: James E. Harmon

published: 2008-06-21

• 快来参加7月17日在成都举行的SOA中国技术论坛
• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！

1. 3.7 Designs

2. Blogsolid

3. Candes Projects

4. coda.coza

5. ISO50

6. Larissa Meek

7. Vikiworks™ Studio

8. keasone.de

9. RobGoodlatte.com

10. Graphik’n'Sound

11. La Vie Est Une Fête !

12. Moderno Prometeo, escrito por Rolando Hernandez

13. Mark Forrester

14. Stylized Web

15. Portfolio of Adit Shukla

16. Antiphrasis

17. JESUS RODRIGUEZ VELASCO

18. Basmati Tree

19. La Privata Repubblica

20. {e} house studio

21. Arnii

22. Pelangi Petang Production

23. Kevin John Gomez

24. aiAlex

25. mr. diggles

原文链接：

25 Outstanding WordPress Designs

• 快来参加7月17日在成都举行的SOA中国技术论坛
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 搜狐网站诚聘Java、PHP和C++工程师

Concentric Studio

DS.Emotion

Winnie Lim

RIKCAT

Kyle Sollenberger Design

David Sutoyo

Vitor Lourenco

Pixish

Poccuo

International Orange

Brad Young Photography

Jeff Croft

The DECK

Hot Meteor

Six Apart

Nathan Carnes

dConstruct 2008

Opdyne Design

Matt Bango

Vesess

Artworking

Design Intellection

Vitec

Pixelhaven

Jamie Gregory

原文链接：

25 Beautiful Minimalistic Website Designs: Part 3

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 搜狐网站诚聘Java、PHP和C++工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛

CSS Globe

Finch

Maqina

Darren Alawi

Brijit

CRCBUS

Brynn Shepherd

Chama Inc.

SayHej!

FL2

Oranges

Janic Design

Gedankenberg

Achtentachtig

Headcase Barbers

Jon Tan

Superawesome

Mark Wieman

Cameron i/o

The Design Canopy

Monoroot

Huge

Sitening

Postmachina

Josh Minnich

原文链接：

25 Beautiful, Minimalistic Website Designs - Part 2

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 快来参加7月17日在成都举行的SOA中国技术论坛

Rainfall Daffinson

John Merrells

SEO Design Studio

Ben Hulse Design

Amy Levy Public Relations

Jan Reichle

Brand Spanking New

SMO Blog

Frieze Magazine

Mitch Bryson

simpleModus

Daniel Scrivner

Indie Labs

Jeff Croft

Kind Company

Vitec

Rikcat Industries

The Morning News

Cracked Shell

WordPress

Mark Boulton Design

AIGA/NY

Jonno Riekwel

None-Design Media

Wan Zafran

原文链接：

25 Beautiful Minimalistic Website Designs

• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛