I have seen my fair share of strange artwork over the years, however this interesting array of painfully thought provoking pictures is much more intense than your average masterpiece.

Very unique indeed, and the images are impeccably pristine in detail.

The Japanese culture seems to have quite the macabre movement emerging.

Mr. Bean groups are currently all the rage on Facebook, so we have collected the best ones to show you!

If Mr. Bean Had A Bady

If Mr. Bean Was In Avatar

If Mr. Bean Was Justin Bieber

If Mr. Bean Had A Daughter

If Mr. Bean Was Lady Gaga

If Mr. Bean Was Bin Laden

If Mr. Bean Was In Legally Blonde

If Mr. Bean Was In Orphan

If Mr. Bean Was A pirate

If Mr. Bean Was The Pope

If Mr. Bean Was Harry Potter

If Mr. Bean ran For President

If Mr. Bean Was Tomb Raider

If Mr. Bean Was In Twilight

Create A Clean And Effective Product Layout

Design A Clean And Colorful Portfolio In Photoshop

Design A Blue Corporate Website In Photoshop

Design A Green Corporate Layout In Photoshop

Corporate Business Layout Tutorial

Create A Professional Dark Web Hosting Layout

Corporate WordPress Style Layout Tutorial

Photoshop Tutorial To Design A Clean Business Layout

Create A Business PSD Layout In Less Than 10 Minutes

Computer Store Web Layout Tutorial

Sleek And Modern Portfolio Layout Tutorial

The Art Institute Photoshop Template Tutorial

Create A Clean Business Web Template Design In Photoshop

Clean Business Layout Tutorial

Modern Web 2.0 Web Layout

Business Layout – 2

Business Layout – 3

Business Layout – 4

Web Design Layout – 9

Business Layout – 5

Design a Clean Business Layout

Professional Web Layout for Business Solutions

Create a Professional Portfolio Design in 17 Easy Steps

Design a Beautiful Website From Scratch

Create a Clean Modern Website Design in Photoshop

Design a Clean Corporate Website With Illustrator

How To Make A Green & Sleek Web Layout In Photoshop

Create A Clean And Colorful Web Layout In Photoshop

Make A Nice Corporate Website For A Product

Design A Premium Theme Marketplace Layout Using Photoshop

Softblue Template Tutorial

Create A Communication Layout In Photoshop

Product Sales Page Tutorial

Firefox is a free and open source web browser and most popular among Web Designers and Developers. If you see in the graph below (taken from smashingshare analytics), 64.57% users ofSmashingShare are using FireFox. It makes the job of Web Designers and Developers much easier.

There is a huge list of  Firefox Addons or Extensions available to download but here today we will discuss only 30+ Best Firefox Addons for Web Designers and Developers. You are not required to download or install all Firefox Addons or Extensions. There is a little brief with each Firefox Addon so you can read and decide which Addon suites you.

You can mention other “Best Firefox Addons for Web Designers and Developers” in the comments section. Also you might be interested to Be the first to know the latest happenings on Smashing Share.

Greasemonkey

Greasemonkey is a Firefox addon / extension  that allows you to customize the way webpages look and function. Hundreds of scripts are already available for free. And if you’re the tinkerer sort, you can also write your own.

Fasterfox

Fasterfox allows you to tweak many network and rendering settings such as simultaneous connections, pipelining, cache, DNS cache, and initial paint delay. Dynamic speed increases can be obtained with the unique prefetching mechanism, which recycles idle bandwidth by silently loading and caching all of the links on the page you are browsing.
A popup blocker for popups initiated by Flash plug-ins is also included.

Firebug

Firebug is an awesome Firefox Addon for Web Designers and Developers. Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Web Developer

The Web Developer addon / extension adds a menu and a toolbar to the browser with various web developer tools. After installing the extension there is a ‘Web Developer‘ menu under the ‘Tools’ and context menu of the browser, as well as a new toolbar.

FireFTP

FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers.
Along with transferring your files quickly and efficiently, FireFTP also includes more advanced features such as: directory comparison, syncing directories while navigating, SFTP, SSL encryption, search/filtering, integrity checks, remote editing, drag & drop, file hashing, and much more!

YSlow

YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is a Firefox add-on integrated with the Firebug web development tool. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page’s performance, summarizes the page’s components, displays statistics about the page, and provides tools for performance analysis, including Smush.it™ and JSLint.

FirePHP

FirePHP enables you to log to your Firebug Console using a simple PHP method call.
FirePHP is ideally suited for AJAX development where clean JSON or XML responses are required. All data is sent via a set of X-FirePHP-Data response headers. This means that the debugging data will not interfere with the content on your page.

Gridfox – The Grid Layout Firefox Extension

GridFox is a Firefox extension that overlays a grid on any website. If you can open it in Firefox, you can put a grid on top of it. It’s easy to customize, allowing you to create the exact grid you designed your layout around.

FireShot

FireShot is a Firefox Addon / Extension that creates screenshots of web pages (entirely or just visible part).
Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers.

Screengrab

Screengrab saves entire webpages as images. It will capture what you can see in the window, the entire page, just a selection, a particular frame… basically it saves webpages as images – either to a file, or to the clipboard.
It can capture any Java or Flash embedded in a page, but to do this it requires Java to be installed in the browser.

ColorZilla

With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily.

ColorSuckr

Make getting image colors even easier with the ColorSuckr Add-on for the Firefox browser. Install the add-on, then simply right click any image on a webpage and choose ‘Extract Image Colors’ from the menu to go straight to the ColorSuckr website with the image.

CS Lite

CS Lite is a lighter, scaled down version of CookieSafe. This Firefox Addon contains less features, but is considerably easier to use. The extension has been completely recoded from top to bottom making this the most stable version to date.

CSSViewer

CSSViewer is a great Firefox Addon for Web Designers and Developers to learn CSS. When you hover on any element, it will display all CSS styles for that element.

Dummy Lipsum

Dummy Lipsum Firefox Addon/ Extension generates “Lorem Ipsum” dummy text (the text is taken from the Lorem Ipsum site). A context menu option (“Insert Dummy Lipsum”) is shown in the context menu when the cursor is in a form field (text field or text area). This option automatically fills this field with the dummy text.

IE Tab

IE Tab is a great Firefox Addon for Web Designers and Developers, since you can easily see how your web page displayed in IE with just one click and then switch back to Firefox.

IE NetRenderer

IE NetRenderer adds buttons, tools menu and contextual menu entries to get a screenshot of the current page.
Keyboard shortcuts are also available: Ctrl+Shift+F5/F6/F7/F8 to render the page in IE5.5/6/7/8 Beta 2 (Cmd+Shift+F* on Mac).
Really useful for webmasters which are not using Windows!

LiveHTTPHeaders

LiveHTTPHeaders allows you to analyze HTTP headers (response and requests). It help debugging web application. You can see which kind of web server the remote site is using and cookies sent by remote site.

OperaView

OperaView is an Addon/ Extension for Mozilla Firefox and Flock which is very similar (and actually based on)IE View.
Even if you are using Mozilla browser all the time, sometimes you need to view the page you are looking at inOpera browser (especially if you are a web developer). OperaView makes that process easier by adding the item View This Page in Opera to the page context menu, the item Open Link Target in Opera to the link context menu and a button to the toolbar. If you want to open a page in Opera quickly, just right click somewhere on the page and choose new menu item.

Adblock Plus

Ever been annoyed by all those ads and banners on the internet that often take longer to download than everything else on the page? Install Adblock Plus Firefox Addon now and get rid of them.

FEBE

FEBE (Firefox Environment Backup Extension) allows you to quickly and easily backup your Firefox Extensions. In fact, it goes beyond just backing up — It will actually rebuild your extensions individually into installable .xpi files. Now you can easily synchronize your office and home browsers.

Xmarks (formerly Foxmarks)

Xmarks (Formerly Foxmarks) is the #1 bookmarking add-on. Install it on all your computers to keep your bookmarks and (optionally) passwords backed up and synchronized. Xmarks also helps you uncover the best of the web based on what millions of people are bookmarking.

Font Finder

Font Finder simply highlight a single element (e.g. a paragraph or a strong tag ), right-click and select `Font Finder`, then marvel as the full CSS text styling of the selected element appears.

URL Fixer

URL Fixer corrects typos in URLs that you enter in the address bar. For example, if you type google.con, it will correct it to google.com (asking first, if you enable confirmation).
This version will correct common misspellings of .com, .net, .org, .edu, .gov, .mil, and all other mainstream TLDs, as well as the protocol (http:, https:). By right-clicking on the address bar, you can set it to auto-correct your errors, or you can have it ask you before making any corrections.

MeasureIt

MeasureIt is a Useful Firefox Addon for Web Designers. This Addon draw out a ruler to get the pixel width and height of any elements on a webpage.

Window Resizer

Window Resizer resize your browser to various standard resolution sizes. It is useful for testing different screen sizes. It accurately resizes your browser so you can test to see what a web page looks like in all of the standard resolution sizes. Supports the 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200 resolutions.

Palette Grabber

Palette Grabber creates a color palette for Photoshop, Paint Shop Pro, GIMP, Flash, Fireworks, Paint.NET, or OS X based on the current page.

Panic

Are you looking at stuff you shouldn’t be? Whether you are browsing through social networking sites while you’re at work or wandering around MySpace while you’re at school? Well Panic Firefox Extension gives you the ability to close all tabs, while opening another one that will make it look like you are doing what you should be doing.

Cooliris

The Cooliris 3D Wall — Simply the fastest and most stunning way to browse photos and videos from the Web or your desktop. Effortlessly scroll an infinite “3D Wall” of your content from Facebook, Google Images,YouTube, Flickr, and hundreds more.

Morning Coffee

Morning Coffee keeps track of daily routine websites and opens them in tabs. This extension lets you organize websites by day and open them up simultaneously as part of your daily routine. This is really handy if you read sites that update on a regular schedule (like webcomics, weekly columns, etc.)

ReminderFox

ReminderFox displays and manages lists of date-based reminders and ToDo’s. ReminderFox does not seek to be a full-fledged calendar. In fact, the target audience is anybody that simply wants to remember important dates (birthdays, anniversaries, bills, etc) without having to run a whole calendar application. ReminderFox makes sure you remember all of your important dates via easy-to-use lists, alerts, and alarm notifications.

I was going to use the adjective essential in the title rather than useful but no one book is essential when it comes to learning web design. There are thousands of online  tutorials to help you master the profession and there are dozens if not hundreds of books on all aspects of web-based creativity. Not having access to any one book will stop you from learning your desired skill but some books will greatly assist you in the process. 10 of these such books are below.

1. CSS Web Site Design by Eric A. Meyer

Eric has been involved in online activity since the early 90s and has managed to carve a position for himself as one of the main authorities on CSS – he’s so important to web design that he even has his own Wikipedia entry! (Source:http://en.wikipedia.org/wiki/Eric_Meyer)

CSS Web Site Design is part of the Lynda.com Hands-on training series and was first published in 2007.

If you are looking for a resource on learning CSS then Meyer’s Lynda.com publication will guide you through all the main rules ofCSS 2.1 including typography, layout, margin and borders and styling for print. The book also comes with a CD-ROM that contains 10 video tutorials and all the exercise files.

Other books by Meyer include Smashing CSS, CSS: The Definitive Guide and the CSS Pocket Reference.

2. High Performance Web Sites: Essential Knowledge for Frontend Developers by Steve Souders

Steve Souders is probably the world’s authority on the burgeoning discipline of frontend engineering. He really gained this reputation while being Yahoo! Chief Performance officer and has since then spoken at major conferences such as Web 2.0 Expo and OSCON as well as lecturing at Stanford University on this subject.

If you are serious about providing faster page load times on your sites – and you should be as Google now considers this essential – then High Performance Web Sites is a book that you have to read.

It covers all aspects of web page optimisation including how to make fewer HTTP requests, compression, expires headers, reducing DNS lookups, minifying JavaScript and configuring Etags.

3. PHP 6 and MySQL 5 for Dynamic Web Sites by Larry Ullman

Ignore the crap title – there is no PHP 6 with 5.3.1 being the latest version – and concentrate on the content written by Larry Ullman who is also responsible for QuickStart guides to C, C++, Adobe Air, Ruby and Ajax. Without doubt this book has assisted thousands of people in their quest to learn PHP as is testified by the four and a half stars out of five as voted for by 61 reviewers on amazon.co.uk.

Many web designers start to become interested in PHP after firstmastering CSS and HMTL. Realising that some knowledge of this language is invaluable for creating CMS templates, they then look for helpful tutorials.

It’s best to grab any learning resource at all when it comes to grappling with PHP because if you don’t come from a programming background it’s a steep learning curve.

This covers everything you would expect from such a book: an introduction to MySQL, error handling and debugging, cookies and sessions, security, regular expressions and using forms.

4. Don’t Make Me Think!: A Common Sense Approach to Web Usability by Steve Krug

Alright so this book always makes these types of lists but there is good reason for that: it remains, ten years after it was first published, the best introduction to usability in web site design.

That author Krug had already worked in this area for years at major online companies such as Apple, Netscape and AOL, and the book was a way of solidifying his knowledge into a digestible format for all to use.

Not only is the advice spot on but the means of presenting his message by using cartoons lets the reader breeze through the 196 pages in the course of one afternoon.

I bet Steve never thought that Don’t Make Me Think! would have such a massive impact as it has done but lets just state this – web designer, if you haven’t read it then you haven’t lived.

5. JavaScript: The Definitive Guide by David Flanagan

This book has been republished multiple times by O’Reilly Media since 1996 and with good reason as it still remains one of the key texts when it comes to learning the frontend language JavsScript.

Weighing in at a massive 1032 pages David intended this book to be both a learning guide and a reference.

Programmers often look down their nose at JavaScript and disparagingly refer to is as a scripting, rather then a programming language; however, as the author states in the introduction:

“JavaScript is a full-featured programming language, as complex as any and more complex than some. Programmers who attempt to use JavaScript for nontrivial tasks often find the process frustrating if they do not have a solid understanding of the language.”

If you don’t have any knowledge of JavaScript then put it on your Things To Learn In 2010 list as it is becoming essential as understanding CSS or HTML

6. Learning jQuery 1.3 by Jonathan Chaffer and Karl Swedberg

jQuery is a ubiquitous presence across the web and it’s a feature of a wide range of web sites.

Created by John Resig in 2006 it is today the most popular JavaScript library with even Microsoft and Nokia announcing that they plan to bundle jQuery into their platforms.

Much of the reason for jQuery’s success is that it is just so god-damn easy to use as the creator stated in a recent interview: “This simplicity is all throughout jQuery. The API is simple, the good documentation makes it simple to start using it, and the covering up of browser bugs makes it simple to keep using it.” (source:http://www.html.it/articoli/johnresig/index.html

Packt, like O’Reilly and Lynda.com, is a publishing company that specialises in web technology and this book, released in February 2009, is one of eight jQuery guides in their series.

The authors run through selectors, events, DOM manipulation, AJAX, form manipulation, plugins and they finish with various examples of the script in action.

7. Adobe Flash CS3 Professional Hands-On Training by Todd Perkins

I hold my hands up here as I’m recommending a book I haven’t read. My version of Flash hands-on training is for MX 2004 and is written by Rosanna Yeung, but this CS3 edition is by Todd Perkins. However, all lynda.com books are of the highest standard, and written with amazingly loving care by their respective authors. If the guide to CS3 is a good as that for MX 2004 then expect a professional introduction to Adobe’s software.

Although Flash is a niche skill it still remains today the foremost animation web tool and is set to keep that position for the foreseeable future.

As with most hands-on training books it comes with a CD-ROM attached with a series of video tutorials that are easy to follow.

8. Drupal 6 Themes by Ric Shreves

Drupal is a great CMS to use but it can be a real challenge to get to grips with the administration section let alone the actual dynamic code that it is written upon.

As has been noted elsewhere, there are countless quality free Joomla and WordPress themes to download and use across the net, but very few decent Drupal themes.

If you are serious about Drupal then sooner rather then later you will need to create your own theme rather than rely on somebody else’s creation.

Drupal 6 Themes should provide you with most of the information necessary to carry out this task although some basic knowledge of PHP would be of use when tackling this book.

9. Even Faster Web Sites by Steve Souders

This was published in 2009 and was intended as an extension to 2007’s High Performance Web Sites. Again, Souders is the author but chapters are also written by Ben Galbraith of Mozilla, Stoyan Stefonov of Yahoo and Google software engineer Tony Gentilcore.

The most important chapter for everyday web designers is that about how to effectively optimise images which doesn’t just look at the theory but also recommends some valuable tools.

The section on CSS examines how to write efficient code while there are multiple chapters on the correct use of JavaScript in a website.

10. PHP 5 Advanced by Larry Ullman

PHP is an expansive language and one that takes years to thoroughly learn. Once you’ve got past the initial headaches and confusion and you are starting to use it to create actual working forms and applications then Larry Ullman’s guide for advanced users will be useful.

Building on the knowledge he presented in PHP 6 and MySQL 5 forDynamic Web Sites, Ullman looks at more complex database and security concepts and techniques as well as introducing the reader to Object Orientated Programming (OOP).

OOP is not for the faint hearted but if you want to use PHP to its maximum potential you’ll need to tackle this approach rather than just relying on procedural programming.

Going To Lunch On April 2010

The question I am asked most often is “How do I install a dual-boot with Windows XP on my new Windows Vista computer?” The answer is that it’s not that difficult, it’s just very time consuming, and you need to own a copy of Windows XP.

Have you ever plugged in a USB drive or any external device with a hard drive and wondered why you cannot see it in My Computer?