syrian developers community
AJAX
38 jQuery And CSS Drop Down Multi Level Menu Solutions
Nov 29th
1. “Outside the Box” Navigation with jQuery
This tutorial will cover a few ways to do just that with OS X style docks and stacks navigation.
2. Sexy Drop Down Menu w/ jQuery & CSSIn this tutorial you will learn how to create a sexy drop down menu that can also degrade gracefully.
3. Designing the Digg Header: How To & DownloadNavigation is compacted with the use of simple drop-down menus.
4. Create The Fanciest Dropdown Menu You Ever Saw 5. A circular menu with sub menusA follow on from the simple single level circular menu, this one adds a sub menu level of More >
57+ Free Image Gallery, Slideshow And Lightbox Solutions
Nov 29th
Ajax, JavaScript ( jQuery, MooTools), Lightbox based galleries
Using MooTools v1.11, this JavaScript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website. Together there are 7 different gallery demos, You can download and test for free.
Unlike other systems out there, JonDesign’s SmoothGallery is designed from the ground up to be standard compliant: You can feed it from any document, using custom CSS selectors. And even better, this solutions is very lightweight: The JavaScript file is only 24kb.
Minishowcase is a small and simple More >
100 Ajax Tutorials and Resources
Oct 29th
Here we present you with 100 Ajax tutorials, other tutorial round-ups, resources and javascript libraries.
- Ajax Tutorials
- Expression Engine and Ajax
- Ajax Instant Tutorial loading – content without page refresh
- Drag and Drop with Rico
- Drag and Drop Sortable Lists
- Ajax Shopping Cart
- Accessible forms and unobtrusive javascript
- Form Submit With Ajax
- Ajax File Uploading
- Ajax Basics
- Ajax Image Gallery
- Tabbed Content
- Amazon Web Services with Ajax
- Learn Ajax in 20 Minutes
- Shopping cart with script.aculo.us
- Ajax Design Patterns
- Ajax for Designers
- Ajax Progress Bar
- Handling Bookmarks and the Back Button
- Build a photo tagging site
- Introduction to Ajax
- Ajax : What is it good for ?
- Newsletter sign up Tutorial
- Develop a web-based pop3 client
- AJAX Tutorial with Prototype
- How to Auto Include a Javascript More >
10 Javascript Ajax Tabs
Oct 29th
If you’re building a web site which has tabs within the design, why not spice it up with a little JavaScript magic. Today we round up 10 JavaScript/Ajax Tab scripts you can easily incorporate into your future designs …
jQuery Coda Slider – The sliding effect is what the Coda-Slider is all about; Nice, slick content presentation Perspective Tabs – Perspective tabs (formerly Sliding Tabs) is a simple mootools plug-in that allow for a large number of tabs to fit into a small space jQuery ID Tabs – idTabs is a plugin for jQuery – It makes adding tabs into a website super simple, but it More >
12 Javascript Image Galleries
Oct 29th
There are a large number of Flash image galleries but sometimes Flash is not required or cant be used so we turn to JavaScript and CSS. Here is a roundup of some of the better JavaScript and Ajax based solutions to our gallery requirements …
(E)2 Photo Gallery Made With Mootools – (E)2 Photo Gallery is a open source gallery built with Mootools JavaScript Library the compact, modular, Object-Oriented JavaScript framework. Designed to allow you to upload your photos to a desired folder, tell the (E)2 Photo Gallery what folder to look at and it will automatically load the images using PHP jqGalViewIII – More >
Free Chart and Graph Solutions
Oct 29th
Charts and graphs help the user to visualize data in a more meaningful way than rows of text statistics. They are extensively used in reporting applications, for displaying earnings, website traffic etc – here we take a look at some pre-made scripts and frameworks available to the web designer or web application developer …
Open Flash Chart – Open Flash Chart, is open source. It is free to use and you get the source code to fiddle with amCharts – Pie and donut charts, line and area charts, column and bar charts, scatter and bubble charts and an interactive map tool are all free for More >
How To Create Your Own Ajax Contact Form
Oct 29th
Ajax (Asynchronous Javascript and Xml) has become a very popular tool in web design. This tutorial will teach you how to make an ajax contact form using PHP and Jquery. See the code in action here.
Step 1 – The HTMLTo start things off lets create a new file and call it contact.html, inside it we want to create a simple html form, like so:
<div></div>
<div></div>
<div id="container">
<form id="contactForm" method="" action="mail.php">
<p>
<label for="name">Name </label>
<input id="name" name="name" />
</p>
<p>
<label for="email">E-Mail </label>
<input id="email" name="email" />
</p>
<p>
<label for="message">Your Message </label>
<textarea id="message" name="message" rows="4" cols="30" ></textarea>
</p> More > 25 Ajax Code Snippets and Tutorials
Oct 29th
It’s a Friday Flashback! Our list of 25 Ajax Code Snippets and Tutorials has been recently updated and now re-released! We’ve got two double-scoops of Ajax resources for storing, sorting and sharing code snippets as well as direct links to ajax tutorials for creating drag & drop lists, polls, rss readers, bookmarklets, and even digg-style voting scripts. Enjoy the refresher course.
After our code snippets for web designers series, we present you with 25 Ajax tutorials and code snippets .
Drag & Drop Sortable Lists with JavaScript and CSS – In Web applications I’ve seen numerous — and personally implemented a few — ways to More >
