URL:

http://www.noupe.com

What is Noupe?

NOUPE passionately delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from; CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more.

What you may not know about Noupe

Noupe has a larger category break down at the very bottom of their blog.  Furthermore, Noupe allows its readers to submit news, articles, and more.  This creates even more content to all of the readers on web design and development.  For web developers, this is a blog to follow.

Here’s a quick video on Noupe:

URL:

http://www.dynamicdrive.com

What is DynamicDrive?

Dynamic Drive is a great tool for web developers.  You can find 1000′s of scripts to achieve many popular functions on your website.  Many of these scripts are submitted by a variety of users.  Dynamic Drive also has a large collection of CSS library tools to help you design your sites menus, layout and more.  Learn by example from these libraries of CSS tools.

What you may not know about DynamicDrive

DynamicDrive has a great collection of tools for quickly getting things done for your website.  Some popular tools is the ability to turn an image into a favicon for your website or creating a .htaccess file to password protect a directory.  These tools make these tasks quick and simple in the matter of a few clicks.
Here is a quick video on Dynamic Drive:

URL:

http://www.smashingapps.com

What is SmashingApps?

SmashingApps is a blog full of resources, tools, tutorials, examples and more for web developers and designers. Each blog post is packed with information, images, and more. Content is updated quite frequently and is definitely something to be added to your RSS feed reader, if you’re a web developer.

What you may not know about SmashingApps

On the right sidebar of the page is this thing called the Smashing Apps community which allows the community of users to share their resources, tools, and such for web developers. So now you can go beyond just reading what the SmashingApps writers share, but also what the thousands of SmashingApps readers have as well!

Here’s a short video on SmashingApps:

http://www.jquery.com

What is JQuery?

JQuery is a Javascript library available free to web developers that makes it easy to add features to your websites, much similar to the popular Web 2.0 and AJAX heavy websites out their today. JQuery is a simple javascript includes into the head of your website, and then simply create a Javascript file on your site that reads the JQuery code.  JQuery.com has many demos and example scripts on how you can get JQuery running on your website in the matter of minutes.

What you may not know about JQuery

First, it has an excellent collection of UI (User Interface) components.  Learn how to make things move on your site, draggable, resizable, selectable, progress bars and more without having to use Flash.  Click on the [UI] in the top right of the page to see the User Interface features of JQuery.  (Note: make sure to add the JQuery UI library, when calling these functions).

Second, JQuery has an extensive collection of plugins from JQuery itself and the community of JQuery users.  Learn how to do popular effects on your site from the examples that are available to your in the plugins section.  Want to add an image carousel to your site?  There’s a plugin for that.  Want to add auto suggest search?  There’s a plugin for that.  Want to add tooltip boxes?  There’s a plugin for that.  I think you get the idea.

Here’s a (longer than normal) video on JQuery:

http://www.devsnippets.com

What is DevSnippets?

DevSnippets is a great collection of quality snippets of code for web development.  There is a large collection of categories relating to AJAX, jQuery, MooTools, CSS, Javscript and more.  Learn how to add auto-complete functionality like Facebook.  Or create a flashier, web 2.0 looking menu.  DevSnippets has 100′s of great scripts, hacks, and tutorials for any web developer, from the newbie to the expert.

What you may not know about DevSnippets

DevSnippets code collection is submitted by the community of DevSnippet users themselves.  DevSnippets actually works more like a great mini search engine for web developers.  DevSnippets doesn’t actually host the scripts and tutorials themselves, they just index them and provide you with a link to the actual script or tutorial.  Since the community is submitting the snippets, the repository continues to grow and the content is updated frequently.

Here’s a quick video on DevSnippets: