1. FireBug Lite

I hope we all know FireBug addon for FireFox, so here is the same extension but only for Chrome. Firebug Lite is a tool for web developers, that allows you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

2. Resolution Test

Resolution Test changes the size of the browser window for web developers to preview websites in different screen resolutions. It includes a list of commonly used resolutions as well as a custom option for you to input your own.

3. Speed Tracer

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs. Speed Tracer is available as a Chrome extension and works on all platforms where extensions are currently supported (Windows and Linux).

Using Speed Tracer you are able to get a better picture of where time is being spent in your application. This includes problems caused by:

• Javascript parsing and execution
• Layout
• CSS style recalculation and selector matching
• DOM Event handling
• Network resource loading
• Timer fires
• XMLHttpRequest callbacks
• Painting
• and more …

4. Web Developer

The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the popular Web Developer extension for Firefox written by the same person.

5. Pendule

Use this extension in addition to the built-in Developer Tools. This tool is so similar to FireBug. You can just press mouse button and inspect the element.

6. Aviary Screen Capture

Take a screenshot of any webpage and edit it directly in your browser with Aviary.com applications. Plus convenient access to the Aviary website and tools.

Features:

• Save to desktop, host online, or edit in other Aviary apps.
• Captures instantly.
• Screen capture of the visible portion of all web pages and images.
• Add visual notes like arrows, text and highlights to your capture.
• Crop your capture.
• Resize, rotate and flip your capture.
• Smart select and move of captured elements.
• Grab color information from the page.
• Quick launch 6 Aviary design tools: Image editor, markup editor, vector editor, color palette editor, effects editor & audio editor.

7. Chrome Web Developer Tools

This extensions developers are trying to get this as close as possible to “FireFox Web Developer” addon. This extension made easy the web development.

8. Chrome Sniffer

Chrome Sniffer will help web developer to inspect web framework / CMS and javascript library running on current browsing website. An icon will appear on address bar indicates the detected framework. Great way to know what source site is using (if source is opensource and it is popular).

9. Lorem Ipsum Generator

It generates random “Lorem Ipsum” text, it allows to choose words per paragraph and number of paragraphs.

10. PlainClothes

Unstyle the web with this tool. PlainClothes makes everything as possible closer to default or your wanted style. Just imagine – text is black, backgrounds are white, unread links are blue, visited links are purple, all links are underlined or any other colors you like. And all text is rendered in your default fonts (as defined in “Options” > “Under the Hood” > “Change font and language settings”). Everywhere. Automatically.

This is how 1stwebdesigner.com looks using this tool:

11. Internet Explorer Tab

Internet Explorer Tab shows IE in Google Chrome. Very simple extension. I think it’s very useful to not to use IE.

12. Chrome SEO

The Google Chrome SEO Extension provides easy access to Search Engine Optimization Tools that can help you with Competitive Analysis, Keyword Research, Backlink Checks, PageRank Checks and other daily SEO tasks.

13. SEO Site Tools

It validates CSS and HTML, displays server software, checks for gzip compression, page headers and shares even more on-page suggestions based on accepted SEO knowledge. It can disable right-click scripts, and does window resizing to see where fold would be on different size monitors. Fast clean simple UI with a wealth of SEO information makes doing a quick consult fast and easy.

14. META SEO Inspector

Meta data is not just the usual HTML meta tags, but the XFN tags, various microformats, the recently introduced canonical attribute, the no-follow links and so on.

15. Validity

Validity can be used to quickly validate your HTML documents from the address bar.

Just click the icon in the address bar to validate the current document without leaving the page. The number of validation errors can be seen in the tool tip.

Validity also gives you the option to use your own installation of the W3C Validation Service. (For more information on installing the W3C Validation Service see the documentation at http://validator.w3.org/docs/install.html).

16. Eye Dropper

Eye Dropper and Color Picker extension which allows you to pick color from any webpage or from advanced color picker.

17. Color Picker

Quickly get the Hex and RGB values of any color! Also adjust Hue, Saturation, and Balance.

18. Image Cropper

This extension help you to crop any images on the fly.
It’s especially useful when you need to crop your online album photo for IM thumbnail.

• Crop images in img html element
• Crop css background images for any html element
• Cropped Image is in PNG format
• Right click on top of the selection to “save as” the cropped image.

19. Webpage Screenshot

Makes screenshot of whole page even if page is very long.

20. Picnik

The Picnik Extension for Chrome lets you easily edit the images you come across while browsing the web. With a click you can create a snapshot of your current web page and open it in Picnik for easy editing, annotation and sharing. Do the same for all the image on the current page — just pick the image from the dynamic hot list and then edit, annotate and share with Picnik. It is a great replacement to PhotoShop!

21. MeasureIt!

Draw out a ruler that will help you get the pixel width and height of any elements on a webpage.

22. Pixlr Grabber

Grab visible screen, select part or entire page. Share screen to Pixlr imm.io, edit screen in Pixlr editor or save to desktop. This is one of the few who can capture the entire screen, however since Chrome just supports canvas in png the images created gets quite large and takes a while to process.

23. Domain Availability Checker

Quickly check if domain name is already taken or not.

24. Snippy

Snippy allows you to grab snippets of web pages, save them for future use and upload them to Google Docs.

25. FlashBlock

Flashblock is an extension for the Google Chrome that blocks all Flash content from loading. It then leaves placeholders on the webpage that allow you to click to download and then view the Flash content.

26. BuiltWith Technology Profiler

BuiltWith is a web site profiler tool. Upon looking up a page, BuiltWith returns all the technologies it can find on the page. BuiltWith’s goal is to help developers, researchers and designers find out what technologies pages are using which may help them to decide what technologies to implement themselves.

27. LastPass

LastPass is a free online password manager and Form Filler that makes your browsing more secure.

28. iMacros

Automate your web browser. Record and replay repetitious work. Web developers use iMacros for web regression testing, performance testing and web transaction monitoring. It can also be combined with Google Speed Tracer, Firebug and other web development and test tools. XPath support is included.

29. Chrome Flags

It shows the country where the server is hosting.

30. Frame Two Pages

Put two tabs into one tab’s two frames. Useful to compare two pages.

31. Split Screen

Works very similar to “Frame Two Pages” extension, but the main difference is that you can browse pages not switching tabs.

32. Session Buddy

Session Buddy is a flexible session manager that allows you to quickly save and restore session tabs.

• View all of the tabs in each window of a current or saved session
• Assess easily whether a displayed session has changed
• Save the current session with 2 clicks
• Restore sessions into a set of windows, a single window, or the current window
• Access automatically saved crash recovery sessions after a Chrome or OS crash
• Optionally automatically save the previous session
• Edit sessions by deleting individual windows/tabs or rolling tabs into a single window
• Import a list of URLs
• Export a session to text or CSV format (more formats in development)
• Control what types of tabs Session Buddy recognizes
• Show/hide current session tab count in extension icon badge

Read More at:  http://www.1stwebdesigner.com/development/google-chrome-extensions-web-developers-designers

Bvd is by far one of the greatest WordPress Templates i have come across. It’s the perfect template for a web product or portfolio type business. This great template features Very simple and easy to use design, ready for Twitter updates and thumbnails. Images in thumbnails are automatically resized. All the features can be seen below!

BVD WordPress version

FEATURES :

* Theme options Page Jquery Slider
* Auto resizable thumbnails
* Built In Twitter widget
* Footer widgetized
* Sidebar widgetized
* Built?in contact form

Requirements & Compatibility :

Any modern web browser will make this theme work with no issues! PC or Mac system does not make the difference as well. It has been tested on Firefox , Safari, Google Chrome, Internet Explorer ( 7 + ), Opera.

Demo

1:) Urban Elements

Download

2:) FolioTheme

Download

3:) Design Blog

Download

4:) Blues

5:) Pro Mag

Download

6:) No Good News

Download

7:) Vintage

Download

Please respect the terms of use from there respectable owners.

No 1. deviantART

There are nearly 47000 brushes for download. Deviant is one of the most dominating websites with photoshop brushes

No.2 Brusheezy

One of my favourite sites to get great brushes.

No.3 PSBrushes

More brushes to be added.

The Guys from Sastay where faced with a number of issues in there post discussion prior to this design. They not only wanted to make use of a user friendly website but also the use of rich and professional colors. Although this is just there beta stage, i am sure what’s to follow is going to be mind blowing. The use of Joomla and sobi2 here was a lethal combination. This by far is one of the nicest CSS design’s i ve reviewd in a long time.

Your comments welcome…

Website to Sastay.co.za

Professional WordPress theme, bought and released for its readers by Smashing Magazine.

Download:  WordPress Fun – Free WordPress Theme download

Lets start.

http://www.2advanced.com/

http://www.noastudios.com/

http://lab.mathieu-badimon.com/

http://www.wk.com

http://www.webberdesign.net/

http://www.dotndot.com

Lost and Found | The Found Bin

http://www.dvein.com/

http://www.michelinman.com/

http://www.homeostatic.net/checkpoint.html

http://www.3pix.it/

http://www.ashesandsnow.org

More To Be Added.

Making a impact on your clients is a must with a design as such.This template features all the files you need  to get up and running.

Please note that E-commerce software is needed to use this template.

Free download here

To view these amazing wallpapers please see paintbits.com 

To view more Free wallpapers

News Show is the universal module for content presentation. The module is easy to use, and a great addition to any site that wants to display news or any content in a news-style format. …

Tabs Manager is a fantastic new component from the team at GavickPro! With this module you can not only add user interaction to your website, but make it easy to manage and create multiple instances of tabs…

News Show II is the universal module for content presentation. Module is easy to use, and a great addition to any site that wants to display news or any content in a news-style format.

News Slider can be used to display content item intro text from a defined number of categories or sections. How the majority of our products uses the module framework Mootools.

Gavick TabMods module that presents a lot of modules in just one position in tabs. You can create as many tabs as you want.

Gavick News Column Module be dedicated to display news or any content in a news-style format. News Column is to create a category with news. First news can be display with image, txt., date, other as links.

The “Image Slider Module” use cool mootools framework to display your images in Joomla! website. The module creates slideshow with pagination links let the user quickly pick a images to show

Featured Content Slider, makes a slideshow out of content items from a category on your page. Module use cool mootools framework powered slideshow.

All modules here are feature modules  from GavickPro.

Importance of good website design

The debate between website design and content is a never ending one. While some feel that content is the main part of a website, others are of the opinion that it is the design which holds more importance. The answer is that both are required for a successful website. If the design is not good then your visitors will not even look at your content, and if the content is lacking then the visitors will never come back. A good website design is what compels the visitor to read what you have to say and forms the first impression of your site.

Planning before website designing

It is important that you put in time to plan the website design strategy before starting work on it. The website design should be decided keeping in mind the field the website is related to and the target audience. For instance, a site for business executives needs to portray a professional look with an uncluttered, minimal, and attractive design. On the other hand, a site aimed at kids needs to be full of color, graphics, and maybe even music. Accordingly, you need to give proper importance to the browser and settings you are designing your website for. Any site which incorporates horizontal scrolling is difficult to navigate and not liked by many people, thus you may be alienating a large percent of your traffic. Cross browser compatibility is another issue to be looked into during the planning phase. Also remember to keep the design consistent between the different pages of the site.

Use of color and graphics in Website design

One of the most important though not so obvious aspects of your website design is the background color and the color scheme you use for the site. For instance, a white background conveys a more professional look, lets you experiment with different color schemes, and is best suited for professional sites. However, for an artist wanting to display his or her work the color may be too dull and they should try different colors. Black is often chosen by those daring to be different, and if you have say a rock n roll band then it may be a good option for you. Graphics are a great way to make your site look attractive, but remember too many of them on one page can make the page look cluttered apart from increasing the time the page takes to load. The same rule applies to animations as well.

About the Author:

Aidan Doran is a freelance author who writes about various technology
realated subjects. For more information about aidan visit his website
www.techstore.ie

The web design material.

Joomla

For those of you who dont know,Joomla! is an award-winning Content Management System (CMS) that will help you build websites and other powerful online applications. Best of all, Joomla! is an open source solution that is freely available to everybody.

Joomla! in Action

Joomla! is used all over the world to power everything from simple, personal homepages to complex corporate web applications. Here are just some of the ways people use our software:

• Corporate websites or portals
• Online commerce
• Small business websites
• Non-profit and organizational websites
• Government applications
• Corporate intranets and extranets
• School and church websites
• Personal or family homepages
• Community-based portals
• Magazines and newspapers
• the possibilities are limitless…

Joomla! can be used to easily manage every aspect of your website, from adding content and images to updating a product catalog or taking online reservations.

SOBI2

SOBI 2 – Sigsiu Online Business Index 2 is a directory component for the WCMS Mambo and Joomla! to show entries of companies, clubs, persons, shops, products, aso.
The entries are divided into categories, which can contain subcategories. One entry can be entered in several categories. The companies/clubs/persons enter themselves in the index. Registered users can modify or delete their entries. Entries can be renewed by the user if they expire.Using the integrated Category & Entry Manager in the back-end, all categories and entries can be managed comfortably. Entries and categories can be deleted, unpublished and moved.

A Fields Manager can be used to configure each field entirely. This concerns the ordering, obligatory fields, fees, field length (width of field and number of characters), field type (textfield, textarea, checkbox, checkbox group, select list, text code or calendar), search methods, in which view a field should be shown (Category View and/or Details View), and much more. An unlimited number of new custom fields can be added.

These 2 combinations can be a lethal. The ultimate website directory.

www.sastay.co.za , another joomal and sobi combination

Please feel free to add this list. More to follow….

A completely black background with light or white text superimposed upon it. Even the best web designers in the world have difficulty achieving an appealing look with this type of background.

It gives viewers the impression that you are imperious and condescending and does not do anything to encourage readers to stay on your site. Also, some browsers, when used to print a page, also print background color. This could cause complaints from customers who are not happy about the amount of ink they used in order to print a single page.

A completely black background with dark words. This is an even worse background choice than the previous one because the words simply cannot be seen without great difficulty. In order to read the text, visitors to your site will have to first highlight the text, a task that will quickly irritate them.

Complicated, tiled images. Fresh web designers often use this from of background because it is convenient and looks good to them. They should also bear in mind, however, that this type of background can dramatically increase the amount of load time for a website.

Web Design’s Scariest Text
The main reason people visit your site is that they are interested in the content contained within your website. If they are unable to read your text, then there is nothing for them to stay for.

Your web design company definitely does not want visitors to find nothing worth reading on your site, so avoid the following pitfalls:

Centering all your text. A page with all of its text completely centred is unattractive and difficult to read.

Overly emphasized text. Some designers bold every other line of text and italicize the rest. This is self-defeating because in attempting to make everything stand out, nothing stands out.

Flashing text. Although some people find text that constantly disappears and reappears appealing, it is almost impossible to read, defeating the purpose of even having text in the first place. Text is there to be read!

Web Design’s Scariest Content
As a web designer, you should never ignore your content. At the end of the day, the content of your web page is what either draws visitors to your site, or drives them away.

You should make sure you include interesting and attention-grabbing content and avoid the following mistakes.

Pages consisting solely of links. Pages where every word is a link on its own do not serve any purpose other than to convince visitors never to return to your site.

“Funny” content. Including humorous content is risky, at best. Some people may not understand your humor and will need to have it explained to them or, more likely, they will simply leave your site in search of something more interesting that they can actually understand.

Web Design’s Scariest Multimedia
Many designers find themselves in love with multimedia and attempt to use it in every project that they undertake. The web design company you work for probably does appreciate your talent with multimedia and, when the situation calls for it, you can showcase your talents to your web design company and your clients.

However, designing using multimedia tools is a very time consuming process. You should not let your desire to show off your skills with multimedia compromise the work that you eventually hand in to your clients. You should do your utmost to avoid the following traps:

Image overload. Images of all forms, including icons, should not be present in large numbers. As a general rule-of-thumb, anything more than two images is overkill.

Overly large images. The readership of your site will not suffer if your images are not of print quality. Large, high quality images take a long time to load and most readers would not care if you had used a low quality image.

Embedded audio. Audio streams that play constantly while the page is open are very annoying for visitors who simply want to examine the content of your site. Worse, these audio streams are usually impossible to turn off.

If you absolutely must include some form of sound with your web page, you must give your visitors the controls required to turn off the sound if they wish.

A scary web design is most definitely not what your web design company hopes that you will produce. The web pages you design should be appealing to readers and help keep them on your site, and not drive them away.

Article Source: Moe Tamani is a SEO web design consultant Dallas Web Design.