background preloader

20 More Excellent AJAX Effects You Should Know

20 More Excellent AJAX Effects You Should Know
Back in October we wowed you with 20 Excellent Ajax Effects You Should Know. The post went on to become one of the most popular ever published at Nettuts+. This time around we have twenty more equally excellent Ajax effects for you to know and love. 1. Image Menu The Image Menu is a simple piece of JavaScript that uses images to make a horizontal image menu. 2. ImageFlow is an unobtrusive and "user friendly" JavaScript image gallery script. 3. If you're looking to add some interesting backgrounds, rotations and other effects to images, Instant.js might be just what you're looking for. 4. We've all heard of Lightboxes and even Greyboxes, but how about GlassBoxes? 5. Auto-completing search fields are highly valuable when it comes user interaction. CSSGlobe has a very nice tutorial on how to enhance your site's searchfield (unobtrusively, no less) with a bit of CSS and Ajax. 6. Loading images and fields are important to modern web applications that use Ajax. 7. jwysiwyg 8. jquery.biggerlink 2

Related:  Ajax

Twitter Like More Button with jQuery and Ajax. This is an interesting tutorial I had developed this using jQuery and Ajax. Some days back twitter added new feature like 'more' button it's nice the some thing I'm presenting in this post. Download Script Live Demo 40 Free High Quality Hand-drawn Fonts Unlike the serif font family, these hand drawn fonts looked less serious but they tend to give and convey strong human touch wherever they are applied. Hand-drawn fonts are hard to stand on it’s own, but they are utmost perfect for these following situations: Hand drawn websitesIf you are inspired to give your new web design a sketchy or hand-drawn look and feel, these fonts are without a doubt the perfect math to the layout. Click here for more examples of Hand-drawn style websites. via bootbGuides and instructions Whether its a storyboard, an online guide & tutorial or merely an attempt to help user understand an illustration better, arrow, pointer and text guide gets the job done seamlessly. In terms of text, typography that mimics human writing tend to make reading and understanding things easier. Here’s a good example: via woorkComic and dialogues You don’t need Marvel to tell you Helvetica won’t fit for the text in drawing and illustrations.

Essential PHP Techniques for Web Designer and Developers If you’re a web designer or developer pretty sure you know or heard about PHP. Just as a refresher, PHP is a server-side HTML embedded scripting language, which designed for producing dynamic web pages. It generally runs on a web server, taking PHP code as its input and creating web pages as output . Some PHP script requires general knowledge or Math and logic. In this post, you will find 30 PHP tutorial and techniques that are not too complex and different. You can easily learn these techniques and implement them for your next project.

20 Simple jQuery Tricks jQuery has quickly made it’s way into nearly every web developer’s bag of tricks. The simplicity with which jQuery allows us to handle complicated events and perform smooth animations makes it the perfect tool for both beginners and experienced developers to add professional flair to their sites. Here are 20 simple jQuery tricks to get you on your way to JavaScript bliss. The keyword here is “simple” so even if you’ve never used jQuery before, this is the perfect place to start! Beginner Tutorials Just to get you started off right, here are the beginner tutorials straight from

Live Username Availability Checking using Ajax and jQuery. Demo Available Simple script to check username availability using jQuery and Ajax. Try out demo and use it. I used gif loader and jquery fade in effects to make it fit. You can find many script like this but i want to keep my valuable users here to share their development needs. [ad#ad-4] Table Structure 100+ Resources for Web Developers Photo Credit: SMITHMag Update #1 – March 14, 2008 Update #2 – September 22, 2008 Translated into Italian at Geekissimo There is some amazing stuff out there on the Web–resources, tools, tricks, and tips. How to Centre and Layout Pages Without a Wrapper The number one suggestion I see from the proprietor of to submitters is not to use the “<section>” element as a glorified “<div id="wrapper">”. Here, I shall demonstrate that “<body>” is already a wrapper and can be hacked to achieve some pretty remarkable layout and clean code! Let me just repeat that.

15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials :Speckyboy Design Magazine Image galleries, sliders and slideshows have become increasingly popular within webpages over the last year or so, and with jQuery becoming ever more popular, more and more developers have been creating these amazing powerful, versatile and sleek galleries. Thank you jQuery. Below you will the most powerful, the most creative and most versatile of jQuery plugins and tutorials built using jQuery. Galleriffic jQuery Plugin Link : Galleriffic jQuery Plugin → Description : This sleek plugin is great, its simple to use and implement, fast, looks amazing and feature rich. Supersized – Full Screen Background/Slideshow jQuery Plugin

How to Create an Ajax File Uploader In this tutorial we will be creating a simple Ajax style file uploader using jQuery, Ajax and Php. Something you can easily implement on your site, complete with front and backend validation. Introduction