You are welcome to share more CSS/jQuery tutorials and resources which our readers/viewers may like.  Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.

Fancy Thumbnail Hover Effect w/ jQuery

This is very beautiful thumbnail hover effect with jQuery tutorial using xHTML and CSS. If you switch up the absolute position coordinates, you can create various ways the hover effect pops out as well.

iCarousel

iCarousel is an open source (free) javascript tool for creating carousel like widgets. iCarousel is fully configurable. You can change any default option just initializating the class with an object in JSON.

Create a jQuery Graph Plugin

In this tutorial, author combine the versatile canvas element with the robust jQuery library to create a bar graphing plugin. In this first part, he is going to code the core logic of the plugin as a standalone version.

Styling and Adding Sort Options

This article consists of 2 parts: one is marking up and styling tags and the second is adding behavior to tag cloud using client-side script.

Uni-Form

Uni-Form is an attempt to standardize form markup (xhtml) and css, “modularize” it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.

FancyUpload

FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers.

Animated Menus Using jQuery

This tutorial will show you how to create beautiful animated menus using jQuery.

Improve form usability with auto messages

Animated auto messages are useful to improve FORM usability and Scriptaculous is a great framework to use in this case. In this article, you will learn how to improve form usability adding an auto message which appears and disappears with a nice fade-in and fade-out effect when an user select a field.

Unobtrusive Table Actions Script

An attempt at writing an unobtrusive (and fast) script that adds commonly required “actions” to data tables.

Control.Tabs

Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute. Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and is search engine friendly. It attaches in one line of code for simple use cases, but is highly customizable and can be used in a variety of edge cases.

Simple Page Peel Effect with jQuery & CSS

You have probably seen these forms of advertisings where you can peel a corner of a website and see a message underneath. It seems most are flash driven, but this one was developed using some simple lines of jQuery.

Create a Slick Tabbed Content Area using CSS & jQuery

Tabbed content is a great way to handle this issue and has been widely used on blogs recently. In this article, author is going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we’ll achieve the same thing using the jQuery library.

Create Vimeo-like top navigation 

In this tutorial, you will learn to create Vimeo-like top navigation. The base for this tutorial is simple CSS drop down menu based on unordered list.

Animate a hover with jQuery

Animate an image while hovering it and show the visitors information while doing that. It’s quite simple, you will make a list with a relative position, the image you will place with an absolute position, while hovering it you will give jQuery the command to give it a nice animating effect.

jQuery Tutorials for Designers

This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery.

Style Your Website’s Search Field with JS/CSS

SearchField is a simple lightweight, unobtrusive script that adds styling and behaviour to your search form fields. All you need to make SearchField work is a simple form field and 2 lines of code (links to css and js file) and you are ready to rock.

FancyBox 

FancyBox is tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.

Create an Image Rotator with Description (CSS/jQuery)

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.

Simple CSS + Javascript Tooltip with jQuery

This is simple and easy way to create a javascript tooltip with jQuery. Author break it into several sections: getting the mouse xy axis, anchor tag structure, how to hide default TITLE tooltips, css plus rounded corners box.

Create astonishing iCal-like calendars with jQuery

This is really useful tutorial to create astonishing iCal-like calendars with jQuery.

How to implement a news ticker with jQuery and ten lines of code

In this post, author is discussing to illustrate you how to implement a nice news ticker using jQuery and just ten lines of Javascript code.

Brought To You By

Do you want to advertise here? Click to get more info…

OpenSrcPHP.com features an easy to browse gallery of the best Open Source PHP projects.

Each project features screenshots plus community driven comments, ratings, and bookmarking.

They also provide a hosted demo install thats refreshed every couple hours so you can immediately evaluate a working installation (as admin).

There is a great collection of Horizontal CSS Menus, Vertical CSS Menus, Image CSS, Form CSS, DIVs and containers, Links & Buttons, Other.

Snipplr is a public source code repository that gives you a place to store and organize all the little pieces of code that you use each day. Best of all, it lets you share your code snippets with other coders and designers.

You can find almost every language from ASP, ASP.NET, PHP to Ruby, Django or AS3 code. You can save your time by finding a source code as per your project need. You can also save your likely code which will help you to get the code when you need that in future.

In addition, ASP.NET AJAX offers you the same type of development platform for client-based web pages that ASP.NET offers for server-based pages. And because ASP.NET AJAX is an extension of ASP.NET, it is fully integrated with server-based services. ASP.NET AJAX makes it possible to easily take advantage of AJAX techniques on the web and enables you to create ASP.NET pages with a rich, responsive UI and server communication. However, AJAX isn’t just for ASP.NET. You can take advantage of the rich client framework to easily build client-centric web applications that integrate with any backend data provider and run on most modern browsers.

Web Designing

10 great Web site designs/redesigns of 2007 - These are some of our favorite new designs, and redesigns from 2007. We don’t often blog about outstanding design as much function at Webware, but it’s a very important aspect of how we interact with Webware, and what people see when they first come to a site. All of these sites were either new in 2007, or received major redesigns.

Top 10 Best Designed Blogs - The particular platform (WP, Moveable Type, Typepad, Handcoded) doesn’t matter. It’s what you do with it that counts. This isn’t about prettiest blog, or the best written blog. This is a list of the most groundbreaking, cutting edge blogs out there. You see these blogs and cry, because they’re creatures of fierce untameable beauty.

Online Generators, icons and Buttons

web 2.0 & Online generators [100+] - Check out some of the more popular web 2.0 generators. these make it easy to add stuff like badges, stripes, loading gifs, rounded corners and more to your site.

20+ Free And Fresh Icon Sets – Let’s take a look at over 20 free, beautiful and fresh icon sets as well as references to further free icon libraries. Some of the sets can be used for free only for private projects, however most of them can also be used in commercial projects. In both cases – before using icon sets please read the license agreement carefully; it can change from time to time.

Ajax Resources

80+ AJAX-Solutions For Professional Coding - In this article we’d like to present a list of over 90 useful AJAX-based techniques you should always have ready to hand developing AJAX-based web-applications. Auto-completion, instant field editing, menus, calendars, interactive elements, visual effects, animation, basic javascripts, as well as an extensive developer’s suite should give you a useful and powerful toolbox you can use every day, without a need to go through hundreds of AJAX-related bookmarks.

100 Ajax Tutorials and Resources - Here we present you with 100 Ajax tutorials, other tutorial round-ups, resources and javascript libraries.

Galleries and Showcases

List of CSS Galleries – a brief overview of css-galleries you can explore inspiration from.

A complete list of web design galleries - This is a list of almost every web design gallery around. Feel free to use it for inspiration, or to submit your web sites.

64 Ultimate Design Inspiration Resources – You can find thousands of inspirations online – Logos, Icons, Websites, Colorschemes. He has carried together the best and largest sites. So sit back, relax and let yourself inspire!

Open-Source Resources

Top 100 best open source mac software - Here are some of the most easy to use and useful open source mac tools and gears round the block. See everything from messenger, email clients, writing , listening to music, browsing or even running windows Software on am mac if you like. Take a peek it’s worth your while if your a mac user and don’t want to pay outrageous amounts for propriety software that in most occasions isn’t even remotely better.

TOP 100+ best Free Opensource Software for windows XP and Vista – Here are a few Great open source apps i am using and most which i would definitely recommend to anybody, even if your not particularly skillful with software, these applications have such an easy user interface utilizing should be a breeze. I put them in a list so it is easily browsable.

Web Development Toolbox: 100+ open source Web Development Tools and applications – Web development tools which are open source have great benefits, including free to use and modify code. Thus lately I have been rigorously mapping all the free and open source apps & tools that are useful and easy to use for web developers.

Css and Style Sheets

Now you can code Css like a pro with these 101 awesome CSS Resources – css is a cool and easy way to separate content from design on your sites. here are 101 resources that will help you whether your a novice or a pro full of tips & tricks and techniques, clean your code, and hit the ground running with pre-made layouts.

100 Freebie CSS Resources - Here is designing on a dime: 100 Freebie CSS Resources.

Social Media Networks

Social bookmarking sites uncovered Listed [300+] all tested and live – Social bookmarking sites have become immensely popular managing them can and keeping track of which to use has become a work upon it’s own hereby i have made and updated a list which has nearly all(worth mentioning) social bookmark sites one could possibly need, be it for SEO purposes, general leisure, profile/traffic building, improving your blog or sites authority i can almost guarantee you this list will serve you well.

Analysis: What Type of Content Is Most Popular On Digg, Reddit, Propeller, Del.icio.us and StumbleUpon? – Ever wonder what kind of content is most popular on the various social news sites? Well wonder no more. They analysed over 500 front-page stories for Digg, Reddit, Propeller, StumbleUpon and Del.icio.us to try and determine what type of content is generally popular on each site (Note: this is 500+ stories for each site not the total).

THE 5 simple tips to be a happier Digger – here are some of the obvious thing one should keep in mind and practice to be a happier digger.

What is the most popular top (number) list on Digg?- If you’ve spent any amount of time on Digg you’ll know how popular the top (number) lists are. Top 5, 10, 50 and 100 lists regularly reach the front page – but which number list is the most popular of all? They analysed 766 list stories on Digg to find the most popular top list. To do this they searched for any story that reached the front page containing the word, top in the title.

115 Social News and Bookmark Sites Ranked and Rated – Here’s a collection of 115 social bookmark and news sites ranked by PageRank, number of links and value of each site.

WordPress themes

100 Excellent Free WordPress Themes - In this article we present 100 free high-quality WordPress themes. Together with hundreds of other designs, these themes have been manually selected, installed and tested over the last weeks. They all can be downloaded, customized and used for free in both personal and commercial projects. Links to demo-versions provide a direct preview of a theme.

83 Beautiful WordPress Themes You (Probably) Haven?t Seen - In the gallery you’ll find 83 free WordPress Themes you probably haven’t seen yet. All themes offer quality, elegance and a user-friendly interface.

10 Excellent WordPress Themes – Many pages and blogs offer WordPress themes but they are very often bad designed standard themes.. forget the rest: 10 ultimate designer works for nothing!

21 Fresh, Usable and Elegant WordPress Themes - 21 Fresh, Usable and Elegant WordPress Themes.

10 Fresh, Elegant and Clean WordPress Themes - Let’s take a look at 5 fresh and elegant and 5 simple WordPress themes you might be willing to use for your next project.

Money Making with Google Adsense and others

10 little known ways to skyrocket your Adsense earnings - Traffic is mostly a good way to get more revenue on your Adsense, but there are other little known ways to get more Adsense money from your blog or site. In this article i will try to explain you how in 10 easy steps you to can really tenfold your earnings without thinking about more visitors..

Google AdSense: Facts, FAQs and Tools- They’ve selected the key-points of successful stories and useful tips as well as Google AdSense sites and services you can use on a daily basis. Let’s take a look.

100 Adsense Tips - Great and useful 100 adsense tips and tricks

Mix and Miscellaneous Collection

The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007 - The past year has been an amazing period for those wishing to learn the ropes of design, whether you’re a noob just getting into the game or a seasoned designer or programmer. As we enter 2008, let’s take a look back at some of the most popular articles, resources, and tutorials that helped those who toiled away on the web everyday.

Top Best 55 Photoshop Tutorials For Professional Photographers – Doesn’t matter if you are a professional photographer or amateur, here you are all the techniques that are mastered by all the professional photographers of the world.

85+ Free Killer Resources Every Designer Should Know – Here he’ll give the info that could take you ages to find by yourself or another designer to tell (maybe because of lack of time or selfishness). He tried to cover most of the aspects that will help you in your journey, in a total of 15 aspects.

Top Best 50 Free Apps For Designers And Webmasters – To support the new software designers and programmers means to better the market. But sometimes the great quality of free applications surprises you. You can even notice that they are much better than others that are commercial.

The Best Ajax Scripts Collection website has a big collection of script from various categories like ASP.Net, Flash Scripts, CMS Scripts, Frameworks, Search Scripts, WordPress Plugins, Joomla Scripts, Image Scripts, DHTML Scripts and Many more…

This is not enough, If you have any  AJAX – JAVASCRIPT or DHTML script and you want to share it with others you can submit your script here.

You may also submit your own php resource in the website for helping others with your experience.

The Amberjack JavaScript library is lightweight (~4K), stable, LGPL licensed, browser compatible, set up in 2 minutes & super-easy to customize.

Best of all, nothing must be installed or learned. Use the Tour Wizard to create great looking and helpful tours for your site or intranet application.