Ajax

21 Most Useful Free Resources For Designers And Web Developers

We are always looking to come up with the post that is attractive and useful for everyone. We most of the time focuses on the designer’s stuff, developer’s resources and where anything is going to launch free of cost. There are countless designer’s and developer’s free resources available which everyone should review at least once. In this post, I have collected 21 Most Useful Free Resources For Designers And Web Developers.

You are welcome to share if you know more great resources for designer’s and developer’s that can be helpful for our readers/viewers. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed.

40 Essential Tools and Resources to Visualize Data

40 Essential Tools and Resources to Visualize Data

A lot of people are excited to play with their data, but don’t know how to go about doing it or even start. Here are the tools that I found helpful for data visualization – starting with organizing the data, to graphs and charts, and lastly, animation and interaction.

13 Awesome Javascript Animated Flash Like Menus

13 Awesome Javascript Animated Flash Like Menus

This is the list 13 awesome Javascript CSS menus that will be very handy and easy to modify to suit your needs.

 75 (Really) Useful JavaScript Techniques

75 (Really) Useful JavaScript Techniques

Sometimes we need JavaScript solutions that are a little more involved or specific. Here are 75 more handy JavaScript techniques that have made websites much sleeker and more interesting.

16 Free Ajax Contact Forms – For A Better User Experience

16 Free Ajax Contact Forms - For A Better User Experience

Depending on the features (or JS frameworks to be used) you may need, you can choose from these 16 very nice free Ajaxed contact forms & implement them easily to any website.

20 Excellent AJAX Effects You Should Know

20 Excellent AJAX Effects You Should Know

These are the top 20 Ajax effects that every web developer should know. They’re essential parts of any web developer’s toolbox. If you haven’t seen them yet, you no doubt will in your future web development endeavors.

7 Free CSS Editors, Which Is the Best? You Choose

7 Free CSS Editors, Which Is the Best? You Choose

I have always used Dreamweaver, and love it. But, I have been thinking, what are the FREE CSS editors like? This is the list of 7 Free CSS Editors to help with your choice.

WordPress Featured Post Slideshow

Wordpress Featured Post Slideshow

This is the detailed tutorial in which you can read that how you can create wordpress featured post slideshow Jquery for your blog.

8 CSS Techniques for Charting Data

8 CSS Techniques for Charting Data

There are many ways you can present numerical, chartable data by styling elements using CSS. Using CSS to style your data prevents you from relying on static images and increases your content’s accessibility.

What Are The Benefits of Using a CSS Framework?

What Are The Benefits of Using a CSS Framework?

What are the benefits of using a CSS framework? And would you suggest that over starting from scratch?

30+ Tooltips Scripts With JavaScript, Ajax & CSS

30+ Tooltips Scripts With JavaScript, Ajax & CSS

This is the collection of 30+ Tooltip Scripts vary from CSS, Ajax based, mootools and jQuery with cool Animation . which you can easily incorporate into your future designs.

50 Excellent AJAX Tutorials

50 Excellent AJAX Tutorials

This post serves as a collection of useful tutorials on working with AJAX in a wide variety of ways. You’ll find tutorials on working with forms, building shopping carts, creating chat features, working with log-ins and usernames and much more.

Tutorial: Creating Custom Write Panels in WordPress

Tutorial: Creating Custom Write Panels in WordPress

It seems the latest fad to hit the WordPress scene is adding thumbnails into a blog post. This is fairly easy to do with some knowledge of custom fields, but can be a little complicated if your client is new to WordPress, or blogging.

Using Javascript to Fix 12 Common Browser Headaches

Using Javascript to Fix 12 Common Browser Headaches

Modern browsers have very good support for CSS — it’s certainly good enough for you to use CSS to control layout and presentation. Sometimes however, certain page elements will appear differently in different browsers.Don’t worry too much if you don’t know the reason why, play around with the CSS rules and check out this post Using CSS to Fix Anything.

How to Create an Object-Oriented Blog Using PHP

How to Create an Object-Oriented Blog Using PHP

While there are countless excellent free blog platforms, the purpose of this tutorial is not to make a “better” blog but to use the process of making a blog to learn about advanced database structure techniques and how to use data more efficiently by utilizing objects in PHP.

37 Ways to Design the Comments Form

37 Ways to Design the Comments Form

There really is no right or wrong way to design a comments form as long as you pay attention to basic usability guidelines. These are the 37 ways other blog designers have designed their comments form

30+ (More) Most Wanted WordPress Tips, Tricks and Hacks 

30+ (More) Most Wanted WordPress Tips, Tricks and Hacks

There are lots of impressive WordPress tricks, hacks and plugins out there that we thought are really great that is why we compiled a list for you.

20 jQuery Plugins for Unforgettable User Experience

20 jQuery Plugins for Unforgettable User Experience

In this article you will find a list of over 20 Useful and New jQuery plugins you should always have ready to create more interactive, more responsive and more flexible web-solutions.

7 Version Control Systems Reviewed

7 Version Control Systems Reviewed

This article reviews some of the top open-source version control systems and tools that make setting up a version control system easy.

Top 10 Tutorials for Developing WordPress Themes

Top 10 Tutorials for Developing WordPress Themes

The fun thing with WordPress is that there’s always something new that you can learn to make the platform work better for you and your clients. These 10 tutorials will teach basic WordPress theming as well as some more advanced skills.

10 Helpful Resources for Cross Browser Testing

10 Helpful Resources for Cross Browser Testing

Finding and fixing problems can be difficult if you’re not equipped with the right tools. In this post you will see a brief look at 10 of the leading resources for making your browser testing less time consuming and more productive.

30+ Animated Tab-Based Interface and Accordion Scripts

30+ Animated Tab-Based Interface and Accordion Scripts

This is the useful collection of 30+ Tab-Based and Accordion scripts vary from CSS only tabs ,Ajax based, mootools and jQuery with cool Animation which you can easily incorporate into your future designs.

Discover The Best Of The Web In August 2008

We are always in the search of great free resources, tips and tricks, etc for our readers. Every day, we work hard to find new resources and show them here for you. Today, we are starting another great section Discover The Best Of The Web on SmashingApps.com. In this, we will find and make a list for the best of the web for the whole month. Maybe, we cannot cover all of the best from around the web but we will try our best to cover as much as possible.

You are welcome to share if you know more best of the web in the month of august which our readers/viewers may like.

Design Tips, Tricks and Tutorial
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

Colorful Glowing Text Effect

Colorful Glowing Text Effect

40 Dark and Futuristic Photoshop Effects

40 Dark and Futuristic Photoshop Effects

30+ Nicest Photoshop Photo Tutorials, Part II

30+ Nicest Photoshop Photo Tutorials, Part II

35 Photoshop Tutorials for Designing Your Own Posters

35 Photoshop Tutorials for Designing Your Own Posters

Artwork, Digital Photography and Inspiration
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

The Showcase of Brilliant Pattern Designs

The Showcase of Brilliant Pattern Designs

Single-Page Portfolio Sites

Single-Page Portfolio Sites

Web Design: Illustration

Web Design: Illustration

50+ High-impact Illustrated Vector Posters

50+ High-impact Illustrated Vector Posters

20 Stunningly Colorful Commercial Designers

20 Stunningly Colorful Commercial Designers

30 Impressive Colour Spectrum and Rainbow Wallpapers

30 Impressive Colour Spectrum and Rainbow Wallpapers

31 Websites Using Wood Elements

31 Websites Using Wood Elements

Javascript and Ajax
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

A study in Ajax Web trends. What are the best Free Ajax Resources?

A study in Ajax Web trends. What are the best Free Ajax Resources? (70 of the Best Ajax Resources).

5 Useful Coding Solutions For Designers and Developers

xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

19 CSS Menu Tutorials to Spice Up Your Web Designs

19 CSS Menu Tutorials to Spice Up Your Web Designs

40+ CSS/JS Styling and Functionality Techniques

CSS/JS Styling and Functionality Techniques

12 Great CSS Resources: From Inspiration to Implementation

Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

13 Sources for Background Patterns and Textures

13 Sources for Background Patterns and Textures

Adobe AIR Apps for Web Designers

10 Adobe AIR Apps for Web Designers

30 Free High Quality WordPress Themes

30 Free High Quality WordPress Themes

Retro Photoshop Brushes And Vector Images – Giant Design Pack

Retro Photoshop Brushes And Vector Images - Giant Design Pack

Retro Photoshop Brushes And Vector Images – Giant Design Pack

High Quality .PSD Files and Tutorials

200+ Photoshop Brushes for Light, Sparkles

200+ Photoshop Brushes for Light, Sparkles

10 Awesome typewriter fonts for web designers

10 Awesome typewriter fonts for web designers

Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

14 of the Most Useful Web Design Blogs

14 of the Most Useful Web Design Blogs

Top 5 Graphic Design Forums

9 Of The Best Ways To Present A Website To A Client

10 Amazing Visualizations of Social Networks

9 Web Developers That MUST Be Followed On Twitter

SQL Buddy, A Web Based MySQL Administration With An Ajaxed Interface

SQL Buddy, A web-based MySQL administrator with an Ajaxed interface was designed to meet the demands of modern web developers and its completely open source and free for everyone to use.

SQL Buddy

SQL Buddy uses the MySQL user table for authentication. Therefore, you can get started right away by using users that already exist. Most people will want to login as root because this level of permissions is necessary for certain tasks (like adding users, for example). However, you can login with any user that you wish.

A Free Ajax Based PHP Poll Script By Zoki!

Zoki Poll is a simple and high-tech poll system, based on AJAX and XML. It can be simply integrated in almost every site. It is written in HTML, CSS and JavaScript with small back end files in PHP.

zoki ajax poll

There are a lot of web resources that allow users to create custom polls, tests and a lot of more websites that offer webmasters pretty dynamic polls and tests but do not share the code of them, only link to parent site. The main idea of this pack is to help creating independent systems. You can fit this pack for any task listed before. Tested in IE, Mozilla and Opera browser families.

Online Web-based Ajax Document Viewer

Are you having problems displaying documents, pdf’s, images, word documents? Do your customers have to download a reader to view a file? Do you need a fast pdf reader? Do you need a universal viewer for any kind of documents?

All these problems go away by using Ajax Document Viewer.

ajax document viewer

Ajax Document Viewer is a web based online document viewer and can embedded into any web page or linked from any page.  It is fast, customizable and FREE.

poMMo, A Versatile Mass Mailing Free Software

poMMo is versatile mass mailing software. It can be used to add a mailing list to your Web site or to organize stand alone mailings. Unique Features such as the ability to mail subsets of your subscribers set it apart from alternatives. poMMo is written in PHP and freely provided under the GPL.

poMMo

poMMo designed to be easy to use and powerful, poMMo provides flexible Mailing Management that everyone needs — from Software Projects to Shoe Stores, to Marketing Firms, to pioneers of the Blogosphere.

It has simple 2 minute web based installation and can quickly import and export subscriber base. poMMo has a revolutionary AJAX based subscriber Management.

Free PHP, JavaScript And Ajax Based ShoutBox

wTag is a shoutbox (chatbox or mini chat) that is written in JavaScript and PHP, and using Ajax to exchange data with the server without need to reload an entire page. It uses MySQL database as backend. Just take a look at demo here.

shoutbox

Image Manipulation With Javascript

A phototype, a client/server-side library, based on prototype, which supports all kinds of image manipulations.

Ajaxorized

On the serverside the library is powered by combination of PHP/GD that renders the image. With phototype, you are able to rotate, resize, flip and do some other cool effects to images. Let’s see how you can do it?

FlashUploader S3, A Free Multi-File Uploader In ASP.Net

flash uploader

Flajaxian FileUploader S3 is a fully self-contained .NET assembly allowing multiple asynchronous file uploads with no page postback. It has the ability to transfer files to Amazon’s S3 storage service on the server. Click here to see the demo!

AJAX Image Gallery Powered By Slideflow

AJAX Slideflow Control is an ajax based image gallery in which you can drag the Slideflow using your mouse, or click anywhere in the stack to jump there. Click inside the frame in order to enable mouse wheel and arrow key navigation! Or better yet, try the fullscreen example.

ajax image gallery

The photos and titles are read from an XML file, and the thumbnails are pre-generated using Photoshop actions (included in the download).

LightForm – Free Stylish Ajax/PHP Contact Form

LightForm is a free Ajax/PHP contact form. It also uses FormCheck2 for fields validation and NiceForms to style text fields and textareas. Features of the form are listed below:

  • Form Validation using FormCheck2.
  • Spam Check.
  • Display user IP, user agent and referrer in the message.
  • Display a dialog box when message sent succesfully.
  • Inputs and textareas are styled with NiceForms.
  • Works in the most recent browsers (IE6+, Firefox, Opera, Safari and Netscape).
  • Free Ajax/PHP Contact Form

    Use of this contact form is free of charge but the copyright notes in the footer must remain intact.

    Let’s Share, Find And Bookmark Source Codes With Snipplr

    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.

    Snipplr screen

    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.

    Create Clear and Colorful “Flash-like” Effects With Javascript For Your Web Applications Using GlassBox!

    GlassBox is a compact Javascript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. With GlassBox you can build transparent border, colorful layouts and “Flash-like” effects.

    GlassBox

    The GlassBox library ..

    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.

    ASP.NET AJAX

    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.

    Photos Will Be Uploaded In A Queue, Upload Them With One Click By FancyUpload Using MooTools

    Swf meets Ajax for beautiful uploads. The release of the long awaited MooTools upload widget “Fancy Upload“thats allows queued multiple-file upload including progress bars. Try it out, the unobtrusive file-input replacement.

    Fancy Upload

    Example in the Playground which shows the full features and is good documented! The source for the example upload PHP-backend is here. Of course the script does not depend on PHP as server language, it works with every script language that can handle file uploads!

    Fully compatible with all A-Grade Browsers and Flash 8+ (Internet Explorer 6+, Opera 9, Firefox 1.5+ and Safari 2+)

    Features

    This script is licensed under the terms of the MIT-License.

    NicEdit Is A Javascript/AJAX Micro Inline WYSIWYG Content Editor To Allow Easy Editing Of Web Site Content On The Fly In The Browser

    NicEdit is a Javascript/AJAX inline content editor to allow easy editing of web site content on the fly in the browser. It integrates into any site in seconds to make any element/div editable or convert standard textareas to rich text editing. You can try it right now by clicking on this!

    NicEdit

    In addition NicEdit instances are more flexible than some other editors and can expand to fit content added. NicEdit controls can also edit multiple divs or converted textareas on a page transparently while preserving the look and feel of the page and saving content via AJAX. Download NicEdit today and see how Rich Text editing can fit your application!

    An alternative for the complexity, many files and large download size (> 200KB) of popular WYSIWYG editors such as TinyMCE and FCKEditor. It implements many of the standard rich text features like these editors but is easier to integrate without impact on download size.

    “<script src=”http://js.nicedit.com/nicEdit.js” type=”text/javascript”></script>
    <script type=”text/javascript”>
    bkLib.onDomLoaded(nicEditors.allTextAreas);
    </script>”

    By using the code above visitors will recieve the latest NicEdit version properly compressed and served directly from their server. However, if you would like to download and host NicEdit yourself only 2 files are required below and a full package with source code is available.