I bet you all are a little bit tired of classic list posts so this time I really spent my time to bring some value into this inspirational article. I gathered here 40 really unique and trendy web designs from Deviantart, all of them are fresh, created in February, 2010. But this time instead of just listing them all, I did a step forward – I tried to analyze and criticize each design, point pros and cons you should give some more attention to. For me design never is complete, there is always space for improving, but it takes serious experience to notice those small mistakes.

If this idea will raise some discussion and attention I am sure I will make more comprehensive research so we all could improve ourselves actually in the meantime.  I am quite excited, how about you? Let’s get started!

You may take a look to our other Deviantart Inspiration based articles made in past as well:

• 55 Trendy Web Design Interfaces From Deviantart
• 60 Trendy Web Design Interfaces Created In October
• 46 Outstanding Web Layouts From DeviantArt: September 2009
• 48 Trendy And Fresh Web Interfaces From Deviantart: August 2009

1. World Comics magazine by RadziuPL

Interesting blog using brown, red and few more subtle tones. I like overall design, nice mouse over effects – to main navigation, to RSS button, but something seem a little bit strange to me. For example that bird in header and funny icon in “Comment/ Continue reading” section in post. While blog is created for world comics, I think all icons (RSS,newsletter,search icons) should be funny, logotype maybe too?

And yet again some good points – notice all polished buttons, sections, little embossing, glossing effects, which make design look really professional.

2. Sense Design V1 by webdesigner1921

Design home page for germany web agency. Could turn out as amazing Flash page, great photomanipulation type website.

3. Sense Design V2 by webdesigner1921

Second version of Sense Design website – beautiful 3D effects just buy me to love this website! I don’t even dare to criticize here, fell in love with colors! Which is your favorite design?

Okay, if I need to tell something then I think white color is too bright in second screenshot. I understand on bright background it’s hard to put readable text, but this isn’t the best case. On text I would try slightly darker monochrome color as well as darker box behind the text. What about navigation?  Maybe something bright and big text could get attention to the right place as well?

Would love to hear your opinions, this is a really hard case.

4. Company Portfolio Web 2.0 by princepal

Interesting, yet clean and professional website design. I like especially header where featured slideshow is beautifully executed from original design point of view. Only I think company will definitely need to update their logo to fit it with this beautiful design.

5. MobileSoup by yehsper

Very fresh and trendy designs using just blue and black color variations throughout whole design. Close to simple perfection, though not aligned “Attention please” note confuses a little bit and footer should need more tweaking I think.

6. Designer portfolio by preet618

Site uses green as main bright color to get attention, black color is used just to define navigation and footer, but I don’t quite like black to white gradient in background of slideshow. Also logo looks quite good, but typeface used with it I think isn’t quite suitable.

I love this design, but it’s interesting to analyze and find some little points which could take this design to even higher level!

7. Empati Tasarim by SencerBugrahan

This artist also has full gallery of amazing works – very dark website yet great for image based website. Notice also beautiful 3D effects, glossing and shining borders. I am confused only about background stripes – resembles web 2.0 type designs a little bit and footer lacks little white stripe which all other blocks have.

8. WhitePress by SencerBugrahan

One more great design using only light, subtle colors. For me the most succesful seems header and left content area. I would love to have something similar on my own blog. From marketing point of view though I would like to have bigger RSS and Twitter buttons, also no one would buy sponsor ads if they would lie so far from “Above the fold”.

It’s very hard task to create successful blog design and yes, I see countless bad design executions in my own site as well.

9. HeyU by yehsper

I wanted to bring attention to this design as well! Seems everything put so random, but in the same time here you will find great color and alignment hierarchy! Check out also cool looking left sidebar with nice embedded effects. I would only find some confusion in header, logo face seems to be too small and main branding item simply disappears in whole loud design!

10. TwoPulse by jk9o

Simply pointed – less is really more, perfect color harmony. I just love blurred contours at the back of logo and little innovative text on the main circle.

11. LimoTaxi by VictoryDesign

No comments, simply amazed about interesting and unique design though while it looks good I am not sure if it will not hurt text readability and usability as whole.

12. Producer Portfolio Business by designresource

Wow, for this design I simply couldn’t find words to tell any critique. Beautiful accent in above the fold field (featured slideshow), light design, perfectly aligned and executed. I am watching and learning.

13. AVG – SkyRide by AntoniaVG

“The site focuses on skydiving, hot air balloon rides, hang gliding, gliders, warbirds and biplanes.”

Designer tries to put really big amounts of information here and I think he did great job! Great inspiration where successfully are added several photographs in background. Only confusion for me is left top section “Welcome to 1800Skyride” – all other sections has it’s own boxes but here text is just lying in the air. I am not sure – maybe it’s good thing, welcome text got my attention, but main text is a little hard to read. Analyze this site design yourself, you’ll find many more beautifully executed small things.

14. C.E. – Flash Layout by detrans

Interesting approach to hybrid/futuristic type of design. I am curious to see how this site will look live in Flash, notice all little points, glossing, gradients, shine.

15. Paper Portfolio by deadlinesdesign

No comments from my side is needed here – very unique and very well executed website design idea. Notice importance of well picked typeface, size and color as well, red color is used very well to get necessary accents – lovely.

By the way did I mention, designer is only 17 years old?

16. Design Creator Blog by deadlinesdesign

Interesting blog execution. I just love light designs and this structure would be great for small blog, though if content amounts grow in future, there would be problems with categories and sidebar, where I would add more choices for visitors to click.

17. Box – Web Layout by detrans

Trendy design, very good colors for easy reading and interesting idea about boxes opening while navigating between different business plans.

Notice also unique “more” button and how navigation is emphasized with really subtle effects. I have one confusion though – why “Login” button on top right side isn’t in the dark field, but somewhere in the middle? Small point, but I am sure just inattention mistake. Interesting to find little points right?

18. Rigid Modeling by alighandour

Eye candy – modern colors and execution.

19. Colormix by gdnz

Very unique website, everything is tied together literally! I don’t know for what purpose this website is created but could turn out great portfolio or css (or whatever) showcase site!

20. Oxymore by miko434

Maybe not one of the most user-friendly websites, but you cannot deny – definitely grabs attention! Exercise for yourself – what’s so special in this design, what makes it to look professional, not cheap? I think this is great solution for product based websites where you don’t need to deliver big amounts of information.

21. Watercolor Blog by deadlinesdesign

I just keep finding more hand-drawn type trendy webdesigns from this author! Great inspiration to look how you can create modern yet a little bit playful type of design. I don’t know why, but only thing I would like to fix in this design is that dark border around featured images in articles. From my point of view more brighter or exactly opposite – lighter color would suit there a lot better.

Notice beautiful watercolor header and cute RSS, Twitter icons.

22. Design Development Firm by manujg

Professional, perfectly aligned website using subtle white and blue colors. Could turn out as great corporate website, by the way it is for sale.

Now, cons I am noticing is – I love that popular mac window, but description under “Mission Statement” is simply unreadable don’t you agree? I also don’t understand why “Twitter Feeds” section has icon, but all other ones have not? Design would look a lot better with icons on each category I guess.

Put your attention to header navigation, which is very interesting and eye catchy, phone icon also get good attention, exactly how it was intended.

23. Freedom Church by alivepixel

Just beautiful design – I was surprised there are so many colors used –  blue, orange,brown,white, green, even red, but it all together looks just outstanding! Here’s some impressive inspiration!

24. New Portfolio by dustinstreeck

Very interesting retro type web design in the meantime looking very modern. I enjoy the use of subtle textures and monochromic colors – just plain black and white!

25. VoiceKraft by pcholewa

Well executed design showing how to display huge amounts of information in good way. Impressive 3D effects work throughout whole design, only I think company now definitely needs a new logo design.

26. Shop Layout by razr-designs

Extreme website, T-shirt shop design executed in really good way, I think it’s very relevant, colorful, in the meantime looking very harmonic and aligned. Logotype is great and those stitches throughout whole design are relevant to T-shirt (stitches in fabrics) and give design it’s uniqueness.

27. inFocus Wordpress by designresource

This website is very polished, I suggest to visit it as great inspiration. By the way this theme is on sale in Themeforest, where you can actually see live version of this website. Great work. Check out live demo on Themeforest.

28. Beauty salon 2 by webdesigner1921

Very interesting design concept, great for product/image based websites. This one is for SPA salon.

29. Mood Template by badboythemer

Website for sale by the way and what I like in this template to so much is colors, logo approach (though typographic template one, but still nice) and placement. Interesting concept behind mood template – light grey at the header and pitch black at the footer.

I am not sure though about gradients in buttons, they seem to disappear and become blurred in design, and yes – concept is good, but for me that pitch black gradient seems to be too strong. White text on black background isn’t the favorite color scheme for eyes.

30. Eshop Template by Honya

This design caught my attention with it’s unique and interesting top navigation. While website should require a lot of tweaking to work as real sale shop, color scheme and item placement is really great.

31. New Grunge Portfolio by misht

Trendy and unique website design, I enjoy all the arrows to point and get smiling attention to necessary sections. While header, sidebar and content section are very polished at least for me footer looks too short, text in footer too big to be harmonic. Other than that – great design concept!

32. CompanionFinder.eu by luqa

Website design for company CompanionFinder – Adult friend finder. Girl definitely grabbed my attention, so header is purposely and well done I presume. Color selection is interesting and very harmonic and easy for eye to look at and read.  Polished site, my attention grabbers were header with girl, and then textures in background making look design transparent and professional.

33. AIQOON by kaan-arts

As I mentioned several times before already, it’s really hard task to process huge amounts of information in user-friendly and harmonic way. One more great inspiration with good concept and well thought through small section placements.

34. World Creative by mhmoodzaidan

Simply great eye-candy. No more comments needed here I presume.

35. Blue Portfolio by ParadigmTradition

Interesting color contrasts – site is using just blue and monochromic colors to achieve everything. Definitely grabbed my attention as unique design.

36. Mazikeen by QwibbleDesigns

Great corporate website design, actually for sale. Click to image to see it full view, many small details are nicely done there.

37.Misz.com by misz000

Simply amazing, very clean and professional design here!

38. WordPress – IcePress Theme by detrans

Amazing water/ice type theme – I would love to see how this design would look as live blog! Very refreshing!

39. 96 Artist Magazine by PanthereNoire92

Interesting magazine type theme, we all know how hard is to view a lot of information in transparent way. I am not sure about background though, other than that – simple and professional!

40. Artcase by alexdesigns

Beautiful choice of colors, AlexDesigns is very talented designer and this work doesn’t dissapoint as well! Eye candy and surprisingly I cannot find anything I don’t like in this design!

This is my first time doing such research, review and critiques so you can be harsh too. Point out to my mistakes, you don’t agree with, add your opinion – I would love to hear it. Critiques for us, designers, is the best way how to improve, would love to hear your thoughts here.

I am even thinking making this advanced feature, analyzing some fresh, popular redesigns, pointing out tools and techniques how specific effects are created in design and maybe even create some fresh tutorials. Now is your time to talk, I did mine!

1. CSS3 Clock With jQuery

Use the basic features of the CSS3 Transform: rotate. And the combination of javascript frameworks like jQuery can produce a cool CSS3 clock

2. Analogue Clock

Analogue clock created using webkit transition and transform CSS. JavaScript is only used to pull in the current time.

3. 3D Cube That Rotates Using Arrow Keys

You can Use up, down, left and right keys to navigate the 3D cube. 3D cube built using -webkit-perspective, -webkit-transform and -webkit-transition.

4. Multiple 3D Cubes (Slide In/Out)

Multiple 3D Cubes using CSS3 and proprietary ‘transform’ and ‘transition’ properties. I thought it was amazing, you can see the writing on the 3D object.

5. CSS3 Accordion

An accordion effect using only CSS. Proprietary animation in WebKit based browsers.

6. Auto-Scrolling Parallax

Auto-Scrolling Paralax is an animated parallax effect using WebKit’s CSS transition property,Auto-Scrolling Paralax no need JavaScript

7. Isocube

Isocube is like 3DCube but have litle different. Isocube can load images on one side

8. Image Gallery

9. Matrix

The Matrix is one of the best sci-fi films of all time. CSS3 capable of making such an amazing animated film made

10. 7 Javascript-effect Alternatives Using CSS3

7 examples of alternatives to javascript effect by using CSS3. Various effects such as Fade Block, Block Pulsate, Nudge, Expand Block, Block Bounce, Spin Block and Accordion

11. Image Hover Effects

Image Hover Effects is an example of using CSS to replace the javascript. The image will shrink when you put your mouse pointer on top of it.

12. Turning Coke Can (Control With Scrollbar)

13. 3D Meninas

14. Polaroid Gallery

Polaroid Gallery is animated pile of photographs utilizing a ton of new CSS3 commands. It’s interesting when your mouse cursor is above the image, the image will enlarge

15. Space

16. Mac Dock

This list of links as the basis and change into an OS X icon dock of amazing.

17. Drop-In Modals

With CSS3 effects and property Drop In Modals can help you make quick, animation, a simple change to using modals, and some subtle design cues.

18. Sliding Vinyl

Vinyl effect can be created by using CSS3 transition and a little HTML. This can make a standard album cover to have an interesting style

19. Zooming Polaroids

Polaroid is a picture that is in the box and spun like a pile of random photos that are sorting through CSS3 techniques. The text that comprises only extract the title and alt attribute

20. Animated Rocket

The principle of Animatid Roket is CSSEffect. The transformation changed the appearance of an element in the browser, moving, rotating, or other means. In determining the conversion of styles before making the application to happen so that you can not really animation.

21. Poster Circle

Poster Circle. is an animated spin column consists of a row of colored boxes and text are wonderful. The overall effect is crazy cool and undeniably dizzying

22. Morphing Cubes

Morphing Cubes will shows some of the more interesting content using 3D transformations, animations and transitions. Note that you can still select text in the element, even if the rotation. Converting elements are fully interactive.

23. Animated Polaroid Gallery

This is the example of other Polaroid Gallery. Piles of images at random and when the cursor hovers over an image, selected images will be enlarged

24. Spotlight Cast Shadow

When the cursor moves as if like a lamp spotlight leading up to the writing and cast

25. Colorful Clock

Colorful Clock is a colorful jQuery & CSS3 which will help you keep track of those precious last seconds of the year.

26. Lightbox Gallery

Lightbox Gallery is an awesome image gallery which leverages the latest CSS3 and jQuery techniques.Lightbox Gallery using jQuery, jQuery UI (for the drag and drop) and the fancybox jQuery plugin for the lightbox display in addition to PHP and CSS for interactivity and styling.

27. Elastic Thumbnail Menu

Elastic Thumbnail Menu is an alternative method for smoothing the menu, in particular by increasing the menu items when the mouse is hovering over the menu. And then expand to the top menu

28. Coverflow

This animation Apple style that combines CSS transformation and jqueryUI. This one truly animate between two half states, making a slider like iTunes

29. jQuery DJ Hero

DJ Hero This is one of the interesting combination of CSS3 with jquery. On-screen controls you can control the pace or just take enough to record your mouse

30. Dynamic Stacking Cards

inn is a dynamic stack of index cards that simply using HTML and CSS3 features such as change and transition (for the dynamic effects) and the @ font-face, box-shadow and border-radius (for styling).

31. Another Image Gallery

This is an example of another image gallery that uses CSS3 transforms property and property transitions.

32. Snow Stack (Control With Arrow Keys)

33. Animated Pricing Column

CSS3 animation can also be used in the package list price of a product. Animated Column Pricing can be applied properly there

34. Slick jQuery Menu

Slick Jquery Menu achieved through a combination of CSS3 and JQuery menu below is very elegant and shows some great use of Jquery and CSS3. This is just one of those crazy concepts that the test can be used in CSS3 will be true of the standard Web.

35. CSS Tabs Without Javascript

36. Tab Menus Without Javascript

37. SVG Fisheye Menu

CSS animation can animate almost any property on the item and do funny things, such as rotation and tilt. As proof,will created quick and dirty CSS3 Fisheye / Dock demo. Used as an added bonus, the demo-SVG in the tag IMG.

38. Falling Leaves

Like autumn. Animated falling leaves are made using CSS3

39. Rotating Gallery

Image Gallery Rotaitng build with CSS transform transition and CSS features. To see the effects of rotation, click the small image

40. Dropdown Menu

Dropdown Menu is a very nice navigation menu by using CSS3 transition property. CSS transitions are very strong influence to renounce the use of JavaScript for many common side effects.

41. Star Wars Crawl

Star Wars opening crawl, using only HTML & CSS. It only works in Snow Leopard in Safari 4.0.4 and the WebKit nightly.

42. Sticky Notes

43. Snowflakes

44. Another Fisheye

This is another fisheye that using CSS3

45. Frame-by-Frame Animation

The first demonstration reqires you to keep clicking the image to see the next frame, and it wraps around to the start when you reach the last frame.The second demonstration just needs you to keep the mouse moving over the image in MOST browsers. But the BIG drawback to this method is that the speed of movement of the mouse governs the speed of animation

46. AT-AT Walker

AT-AT Walker is not flash but only CSS3. That amazing !

47. Another Accordion

48. Dynamic Presentation Without Flash

49. Smoothie Slider Menu

50. Spinner

This is basically like an ajax/loader spinner except its not a animated gif. It uses CSS3 to make it spin.

This series is supported by Rackspace, the better way to do hosting. Learn more about Rackspace’s hosting solutions here.

As a web developer, you’re probably among the earliest adopters of new browser technologies. Google’s relatively new Chrome browser is one of those products that developers jumped all over as soon as it became available, but its initial lack of extensions was a dealbreaker for many.

Now extensions are supported in Chrome and some of the tools you’re accustomed to using in Firefox have become available, plus a few unique to Chrome. We’ve compiled a list of ten of the most useful Chrome extensions for web developers right here; if you use these extensions, you might even be able to make Chrome your main workhorse. Maybe!

Look at the list and give it a try — and if there are any great ones that we missed, be sure and share them with us and the other readers in the comments.

1. Firebug Lite

Arguably the most popular Firefox extension for web developers, Firebug lets you look at and edit the HTML, CSS and JavaScript of any page on the fly without leaving your browser. Firebug Lite is a scaled-down version of Firebug made for Chrome. You can inspect a page for errors then quickly edit to fix them.

Though Firebug Lite doesn’t have all the same features as Firebug, it has most of the essentials, and there’s a console interface for power users.

2. IE Tab

Microsoft’s Internet Explorer web browser is not at all popular with web developers, but it’s by far the most popular browser for the general population. With IE Tab you can open any website in a tab that’s actually running Internet Explorer instead of Chrome. You can make sure your website runs correctly for those millions of people who aren’t using Firefox, Safari, Chrome, or Opera.

3. Eye Dropper

With EyeDropper, you can find useful information on any color on a website you’re viewing in Chrome. Click the extension button and a color wheel interface drops down. From there, you can click the color picker button, then click anywhere on the site to see where the color for that pixel falls in the wheel, what its RGB levels are, and what its HTML color code is.

4. Chrome SEO

Tapping the Chrome SEO button after the extension has been installed will give you website information that’s important for search engine optimization. You can check backlinks, traffic measures like the Alexa Rank and Google PageRank, popularity on social bookmarking sites like Delicious, and more.

5. Lorem Ipsum Generator

The Lorem Ipsum Generator extension will generate filler text for your websites so you can make sure your formatting works well without wasting time typing several paragraphs of text. This extension is lightweight and minimalistic, so it’s easy to use and it won’t take up a lot of memory. That means it’s easy to pop in and out of as needed.

6. Resolution Test

Resolution Test’s purpose is right there in the name — it re-sizes the browser window to show what your website will look like at various popular screen resolutions. As a web developer, you probably have a very high-resolution display. Good for you! But most of the visitors to your site don’t; this extension will help you make sure the site’s formatting looks ok to them.

7. Speed Tracer

Speed Tracer uses the browser’s built-in metrics tools to record how much time your web application is spending on various tasks so you can find out what the hang-up is if your site is running slowly. It can tell you how much time the browser is spending interpreting layout, Javascript, and other details.

The only downside to this useful tool is that for it to work, you have to run the browser with the command line flag “–enable-extension-timeline-api.” But if you’re a developer, that’s probably not a big issue, right?

8. MeasureIt!

MeasureIt! is pretty straightforward — it gives you the dimensions (pixel width and height) of any element present in a website you’re looking at. Like a lot of the other extensions on this list, it was previously available for Firefox.

9. Pendule

Pendule pops up an easy-to-use, well-laid-out control panel full of miscellaneous tasks helpful to developers. Examples include reloading or disabling CSS, viewing JavaScript scripts, hiding images, a color picker, a display ruler, viewing source, and several script validators. It works well as your basic, catch-all web developer’s extension.

10. BuiltWith

BuiltWith gives you a profile of the website you’re hanging out at, including a list of all the technologies it can find there. It will tell you what widgets the site is using, which analytics tracker the webmaster is using, which frameworks are present, which advertising platforms are in use, and so on.

Rackspace is the better way to do hosting. No more worrying about web hosting uptime. No more spending your time, energy and resources trying to stay on top of things like patching, updating, monitoring, backing up data and the like. Learn why.

Tags: development, extensions, Google, google chrome, rackspace, web development series

Jessica Faye Carter is an award-winning author and columnist. Her company, Nette Media develops social media technologies for women and multicultural communities, and she blogs at Technicultr.

The expression of community has changed considerably since the emergence of social media technologies, but its basic foundation — the notion of individuals exchanging information, ideas, and opinions — remains firmly intact. Today, one of the most widely-used tools in developing these types of exchanges online is WordPress, the popular blogging and publishing platform. Part of its appeal is the ease with which users can build advanced functionality into their sites with plugins. If you’re interested in building a community around your site, there are plenty of third-party add-ons that can help create one.

These 10 WordPress plugins add features that will help you to engage your user base.

Highlight Your Best Content

1. Featured Content Gallery – If you’re not an expert in programming or design, Featured Content Gallery makes it easy to highlight images, posts, or pages anywhere on your site. It comes with a sleek and contemporary design that is fully customizable through the WordPress dashboard, so that you can integrate your highlighted content seamlessly with the rest of your site.

2. Popularity Contest – Your users will want to know what’s popular and interesting to their peers in the community and the Popularity Contest Plugin can help. It keeps track of the most popular posts and pages on your site and acts as a leaderboard that directs users to the most active content in your community. You can customize the point values assigned to user actions on the site, such as comments or views, and display the results easily in a widgetized-sidebar.

Facilitate User Engagement

3. Viper’s Video Quicktags – Including video in your community is easy using Viper’s Video Quicktags. Just enter the URL of the video in the prompt box and see a preview of the video right on your screen. Then specify the dimensions and other customizations you’d like to add and see your final product before saving it into your post. Supported video sites include YouTube, Google Video, Vimeo and others.

4. WPtouch – Part of keeping the community vibrant means letting your users take it with them. You can go mobile with your community using WPtouch and avoid building a mobile website or the costs of developing an iPhone application. You can control the mobile user interface by allowing the browser to automatically route users to the interface of your choosing — your site or the WPtouch interface, which looks similar to an iPhone app. You can also show or hide post excerpts and customize the icons and general appearance of your mobile site.

5. Disqus Comment System – Nothing stops a potential commenter in their tracks faster than having to set up a user ID and password in order to leave a message on your site. At the same time, most of us would like some sort of authentication process we can use to identify and correspond with other users as we develop our communities. The Disqus Comment System allows users to engage with your site using their Twitter, Disqus, Facebook, OpenID or selected other accounts. This prevents users from having to set up new accounts while allowing for authentication. Bonus: the Reactions feature allows you to include the social component of user feedback into your comments.

6. Customize Your Community – Customize Your Community (CYC) provides some useful options for those building communities in WordPress. It allows you to re-brand the WordPress pages for registration, logging in/out, and lost passwords, as well as the user profile pages. In addition to giving your community a standardized look and feel, CYC helps with a long-standing navigational issue in WordPress: it automatically directs “subscribers” to their profiles and bypasses the WP backend entirely.

Measure on the Fly

7. Clicky – While Google Analytics provides you with a long-term perspective on your site metrics, Clicky gives you instantaneous feedback. The dashboard includes traditional site metrics, but also offers cool features, like “Spy”, which pinpoints the location of current visitors on a map. It’s an easy way to get a snapshot of your site’s current activity and, in conjunction with Google Analytics, gives you a comprehensive overview of your site’s activity.

Improve User Navigation

Home » Dance Music » Saint Etienne » Method of Modern Love

Breadcrumb NavXT, the successor to Breadcrumb Navigation XT, improves your site’s navigation by building this kind of virtual breadcrumb trail for your users to follow. This way, users will know where they’re located on your site. This plugin may require customization, depending on your theme; check out the Advanced Options section of the plugin’s homepage for additional instructions.

Monetize It!

9. Advertising Manager – If you were previously using the Adsense Manager plugin, you’ve probably noticed that it hasn’t been updated in a while. That’s because it has been succeeded by Advertising Manager, which is recommended unless you are using WordPress version 2.5 or earlier. The renamed version supports a broader group of ad networks in addition to Google AdSense, such as Adify, AdBrite, and several others. It also imports your AdSense Manager settings, for users of the previous plugin.

10. WP125 – Do you prefer a more hands-on management style for your advertising? WP125 allows you to do everything from arranging the ad display so that it fits your site design to setting timelines for ads (they can be removed automatically or manually at expiration). It also provides a placeholder for empty ad space, which you can switch to your own customized version.

Do you have another plugin that’s been helpful to you in building your community? Share your favorites in the comments below.

More WordPress resources from Mashable:

WordPress Themes: “Top 12 Stunning WordPress Themes“, “30+ WordPress 3 Column Themes,” “20 WordPress 4-Column Themes,” “30+ WordPress 1-Column Themes,” “10 Unusual & Original WordPress Themes”

Plugins: “50+ WordPress Plugins for Multimedia,” “30+ WordPress Plugins for Statistics,” “30+ WordPress Plugins for Comments,” “30+ WordPress Plugins to Get More Blog Readers,” “Top 10 WordPress Plugins to Promote Your Social Media Profiles”

Miscellaneous: “WordPress God: 300+ Tools for Running Your WordPress Blog,” “The 7 Weirdest and Wackiest Uses for WordPress“

JavaScript – an indispensable part for developing websites and web pages, whether that is simple pages or professional website, and whether you are senior or junior. Nowadays, JavaScript frameworks become more powerful and more specialized; they can do many things in just a few basic steps.

However, when you decide that you need a JavaScript framework it can be quite a challenge to figure out which framework to should use, which framework is best for your needs, … ? This is mainly because there are so many frameworks out there you can choose from.

In this post, I want to summarize the list of frameworks that Google assumes most popular, maybe you wonder why it’s Google? Because it’s the most popular search engine, so I think the results will be most relevant and accurate to the majority of web developers. Here’s the list of top JavaScript frameworks by Google, with the keyword: “javascript framework”.

1. jQuery: The Write Less, Do More, JavaScript Library

Yes, jQuery is really a new kind of JavaScript library, you can write less but do more; maybe jQuery is the JavaScript framework that have the biggest collection of plug-ins and add-ons. Some things you should know:

• Current version: 1.3.2
• Size: 19 KB (Minified and Gzipped) and 120 KB (Uncompressed Code)
• Author: John Resig
• Tutorials in 19 languages: 183 (data on 19 October, 2009)
• Sites in use: 1000+
• Plugins: 3.493 (data on 19 October, 2009)
• Easy to learn
• Support designers very well, by using CSS syntax
• A lots of nice and lovely extensions
• Great community, maybe largest
• Used by millions of website and well known companies like Google, DELL, CBS, NBC, DIGG, Bank og America, Wordpress, Drupal, Mozilla etc…

2. MooTools – a compact javascript framework

MooTools is an Open Source MIT application, which you have the possibility to use it and modify it in every circumstance.

• Current version: 1.2.3
• Uncompressed Size: 95 KB (client) and 22 KB (server)
• Author: Valerio Proietti
• Using: w3c, cnet, bing, …
• Plugins on Official site: 4
• Better OOP structure
• The animations are smoother
• The syntax and the handle of elements are more logical

3. Prototype: Easy Ajax and DOM manipulation for dynamic web applications

Used by the big media companies and organizations, Protorype is unique JavaScript framework that is quickly becoming the codebase of choice for web application developers. And now with the latest version, 1.6.1, Protorype has improved performance, new user-action events, and compatibility with the mordern browsers.

• Lastest version: 1.6.1 (1st September, 2009)
• Uncompressed Size: 136 KB (closely 5.000 code lines)
• Creator: Sam Stephenson
• Using: NASA, CNN, NBC, …
• Plugins: 150+
• Better for the big web apps, give you many choices to write custom code

4. Dojo Toolkit: great experiences for everyone

Dojo Core features small, fast, deep – gives you a rich set of utilities for building responsive applications; great interface widgets with accessibility and localization built right in.

• Lastest version: 1.4 Beta
• Compressed Size: 26 KB (closely 5.000 code lines)
• Foundation: Dojo Foundation
• Dojo Users: AOL, IBM, Sun, …
• Client-side data storage
• Server-side data storage
• Asynchronous communication

5. script.aculo.us: easy-to-use, cross-browser user interface JavaScript libraries

Update to the lastest version, script.aculo.us is an open-source JavaScript framework for visual effects and interface behaviours, have some improved features as: loading work maker, Windows Media player/RealPlayer checker, fixing old issues, … check more at here

• Lastest version: 1.8.3 (8 October, 2009)
• Size of Compressed package: 197 KB (including Prototype + Test page)
• Creator: Thomas Fuchs
• Users: Gucci, Feedburner, Ruby on Rails, …
• Documentation wiki & Usage
• Extending the Prototype framework by adding visual effects, user interface controls, and utilities

6. ExtJS: Cross-Browser Rich Internet Application Framework

ExtJS is a very cool cross-browser JavaScript framework for helping you build rich web applications, support all modern web browsers. Plus plenty of plugins and extensions, your ExtJS based web applications become more attractive by features such as well designed, documented and extensible Component model, high performance, easy-customizable UI widgets, …

• Lastest version: 3.0 (6th July, 2009)
• Size of Compressed package: 197 KB (including Prototype + Test page)
• Creator: Jack Slocum
• Users: Gucci, Feedburner, Ruby on Rails, …
• Download | Samples & Demos | API Documentation
• Great components and support

7. UIZE: supporting widgets, AJAX, DOM, templates, and more

Some things about UIZE you should know:

- is an open source Javascript framework

- easy-to-change your own CSS skins

- plenty of built-in widgets

- amazing effects and powerfull features

• Size of Compressed package: 4.47 MB
• Creator: Chris van Rensburg

8. YUI Library: is proven, scalable, fast, and robust

YUI is one of the biggest JavaScript frameworks in this list. YUI has all things to help you build interactive web applications using techniques such as DOM scripting, DHTML and AJAX by a set of powerful utilities and controls. YUI has countless powerful features, plugins, extensions that take you the very long time to learn.

• Lastest version: 3 (September 2009)
• Size of Full Developer Kit: 5.7 MB (including Source, debug files, examples, and more)
• Creator: Yahoo! Developer Network
• Sites Powered by YUI: LinkedIn, Wikia, NewsVine, …

9. Archetype

Let sees the power of Archetype by yourself to understand what it can do.

• Lastest version: 0.10.0 (September 2009)
• Size of package: 2.14 MB
• Creator: Temsa & Swiip
• In use: GifTeer, Meteo France, …

10. qooxdoo: the new era of web development

What’s qooxdoo? That’s great and powerfull JavaScript framework to create rich internet applications (RIAs) by taking the advantages of object-oriented JavaScript. qooxdoo includes a platform-independent development tool chain, a state-of-the-art GUI toolkit and an advanced client-server communication layer. It is open source under an LGPL/EPL dual license.

• Lastest version: 0.8 (September 2009)
• Size of package: 24 MB
• Core Developers: 1&1 Internet AG
• Download | Samples & Demos | Documentation
• Fully-featured graphical user interface toolkit
• Drag and drop capabilities among other components

Conclusion

The top 10 Frameworks on Google is all worth investigating if you’re considering to start using one. It is likely that if you query the keyword: “javascript framework” on google, that you will not get the exact same result. This is not a problem really, because the all the JavaScript frameworks featured here are very good & powerful. It is likely that picking on of them will address all your needs.

Bonus: lists of top 10 JavaScript frameworks by Yahoo and Bing:

Author: Phong

Admin of JavaScriptBank.com: provide you thousands of free JavaScript code, DHTML, tutorials, examples, reference and help.

Hope you like this post and find some helpful things in this, leave Cao any comment/thought on his website if you want. Hope see you in the next post, Top 10 jQuery plug-ins by Google, soon.

Please visit JavaScriptBank.com if you find this article interesting to find more information on Javascript !

Post tags: developer toolbox, framework, google, javascript, jQuery