Script Library
50 Awesomely Useful Yet Free jQuery Tooltip Plugins
Tooltips are used to inform the users about the expected results of a button or option and are particularly helpful in making them learn how to use a product, software and website. Fundamentally tooltips are employed to put up additional information on website. With the help of jQuery, where loads of developers have achieved amazing and incredible results, now you can also create visually appealing and fully functional tooltips.
In this assortment, we are going to share a collection of some useful jQuery Tooltip Plugins. jQuery is the most well-liked technology applied throughout websites development in an enormous range at the present time. Tooltips plugins furnishes facilities to acquire more information or details on mouse hover or click events, links and on words as well like Infolinks. Moreover this technology also has employed to show notification message. Enjoy!
Side Navigation Tooltip / Popup Bubble
Build a Better Tooltip with jQuery Awesomeness
Easiest Tooltip and Image Preview Using jQuery
jQuery Horizontal Tooltips Menu Tutorials
Multiline Tooltip with HTML, CSS and JavaScript
Form field hints with CSS Tooltips
Unobtrusive and Slightly Accessible CSS Tool Tips
Create a Digg-style post sharing tool with jQuery
CSS Tooltips using generated content and HTML5
21 Stylish CSS/jQuery Solutions To Beautify Your Web Designs
We are always in search of great free tutorials, resources, tips, tricks, etc. for our readers. Everyday we work hard to find new and useful stuffs for designers like you. Today, we have another great post related to design a beautiful website using stylish effects with CSS/jQuery. In this, we made a list of 21 Stylish CSS/jQuery Solutions To Beautify Your Web Designs. We obviously cannot cover all of the best available on internet, but we have tried to cover as much as possible.
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 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.
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 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 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.
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 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 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 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.
Gallery For Open-Source And Freely Available PHP Web Applications
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).
Dynamic Drive CSS Library For Practical CSS Codes And Examples
Dynamic Drive’s has a new CSS library where you’ll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast.
There is a great collection of Horizontal CSS Menus, Vertical CSS Menus, Image CSS, Form CSS, DIVs and containers, Links & Buttons, Other.
Let’s Share, Find And Bookmark Source Codes With Snipplr
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.
ASP.NET AJAX Is A Free Framework For Building A New Generation Of Richer, More Interactive, Highly Personalized Cross-Browser Web Applications
ASP.NET AJAX is a free framework for building a new generation of richer, more interactive, highly personalized cross-browser web applications. This new web development technology from Microsoft integrates cross-browser client script libraries with the ASP.NET 2.0 server-based development framework.
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.
Top 1500 Free Designer’s Resource From Top 30 Design Post For You To Use in 2008
The 2007 year has been ended with great new resources for designers or seasoned designer or programmer. But to get all the resources at one place is not an easy for everyone. We bring you a largest collection of Top 1500 Free Designer’s Resource from Top 30 Design Post of different Design blogs. This is great, cool selections of those posts who has many designing resources like web design, icons, buttons, css, ajax, wordpress themes, galleries, money making with adsense, social media networks and more amazing topics. With using those stuffs in 2008 I assure you that you will come back with an amazing product. I try our best to cover maximum free resources as we could. If I miss any post so please share with?all of our readers by leaving your comment here.
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
Ajax has changed the web. There’s no doubt about that. It’s made the internet a happier place to be (well, when it’s used well) and has helped fuel the Web 2.0 movement to make it what it is today. The Best Ajax Scripts Collection is a website from where you can find 190+ ajax scripts for your use.
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.
For The Best PHP Resources On The Net, Just Visit PHP Resources
If you are in need of any php resource like tutorials etc PHP Resources is a great place. This is fastest growning php related resource website where you can find your desired information about php in very short time or if you are a php learner so this is also very helpful for you to find a best php learning website.
You may also submit your own php resource in the website for helping others with your experience.
Site Tour Creator – Simple. Free. Open Source.
Amberjack is a lightweight Open Source library, enabling webmasters to create cool site tours.?By guiding your site visitors, Amberjack tours can greatly improve the usability of your website.
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.
