background preloader

MiniAjax.com / Highlighting Rich Experiences on the Web

MiniAjax.com / Highlighting Rich Experiences on the Web

Best Open Source Resources for Web Developers | WebAppers 36 Eye-Catching Jquery Navigation Menus Navigation menus have really important role in any website. For big sites full with a lot of pages and articles, drop down menus and tabs are popular because they can make it a lot more easier to navigate and move through site, also you can save space on website displaying content on dynamic tabs. Also if you want to create a navigation menu, that really stands out of the crowd, jQuery could be the right choice to choose offering bunch of customizable options. That’s why I present to You 36 really good jquery navigation menu examples for every need. 1.jQuery Tabbed Interface / Tabbed Structure Menu Tutorial Tabbed Interface or Tabbed Structure Menu is getting really famous in web design & development. Preview || Download 2.Animated Menus Using jQuery Learn how to create this amazing animated effect menu just with plain Xhtml,CSS and Javascript help, similar to Dragon Interactive (dragoninteractive.com). Preview || Download 2.1. View Demo 3. Preview || Download 4.jQuery ListNav Plugin 5.1. 8.

Fancy Scrolling Sites In the last year or so, there's been enough sites that do fancy things when you scroll down that it's kind of a trend. I thought I'd blog it, you know, for the sake of history. By "fancy things" I mean something happens when scrolling down besides the site scrolling down. So how do they do that? JavaScript. Know any others? Add them in the comments. Share On Sliding Login Panel with jQuery 1.3.2 Sliding login panel with jQuery - Demo This script is based on my previous script "Show/Hide Login Panel with Mootools 1.2" but now works with jQuery 1.3.2 instead of Mootools 1.2. Click "Log In | Register" on top to open the demo. Please note the Login and Register forms in this demo will not work "out of the box" without a user login system pre-installed on your site (e.g. This page is valid (X)HTML & CSS. What's new in this version? Panel has been redesigned to be "slicker". Known Bugs Rollover effect for the login button doesn't work in IE6 because of 24Ways' script. And now some Lorem Ipsum to fill the page Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

JavaScript Kit- Your comprehensive JavaScript, DHTML, CSS, and Ajax stop Free Web Resources – Web Resources Depot 15 Handpicked Fresh and Useful jQuery Tutorials jQuery has really simplified the work flow for web designers. Even someone with basic javascript understanding can use it. These tutorials are proof of that. In this post you will find 15 really useful jQuery tutorials that has been published in the previous month or so. 1. Demo This tutorials shows how to create a slide out menu that stays on the left of the webpage. 2. Demo We have seen some sliding background with jQuery before. 3. jQuery AJAX Tabs Demo A neat, simple, fast jQuery tabs tutorial. 4. Demo This menu tutorial is in two parts and really an awesome menu tutorial. 5. Demo An easy to understand jQuery Pagination tutorial. 6. Demo If you are thinking why would anyone one want to do this, here is an example: if you are running a music website, need people to vote for albums or lets say a wallpaper website, you can use the technique for this tutorial. 7. Demo Make getting back to top of the page fun and cool with this tutorial. 8. Demo 9. Demo This tutorial is about usability. 10. Demo

Javascript in Modern Web Design In today's web design, Javascript is a must-have component. Aside from its functionality, Javascript can enhance user experience by creating transitional effects such as fading and sliding animation. Thanks to the open source Javascript frameworks, we don't need to write custom Javascript from scratch anymore. Here are 47 Javascript plugins that you can use to enhance the user experience and functionality of your website. Don't forget to check out the sample sites, which show how the plugins can be used. The Two Popular Javascript Frameworks Right now, the two commonly used Javascript frameworks are: jQuery and MooTools. Loading ... Image Zoom and Popup Lightbox You're probably very familiar with Lightbox — a light Javascript used to display overlay images on the current page. jQuery lightBox Plugin This is exactly the same as Lightbox JS, but written on top of jQuery library. Thickbox Thickbox is a jQuery plugin that is very similar to Lightbox, but comes with more features. Highslide JS Tabs

iPhone Toggle Switches // Elijah Miller 05 Aug 2009 Way back in June, Thomas Reynolds released iPhone-style-checkboxes for jQuery, a progressive enhancement for checkboxes which makes them into the beautiful iPhone toggle switches. I really like these switches on the iPhone so I went about finishing up his version for the Prototype framework. Of course, I couldn't help but add some new features along the way! Variable sizes The initial version supported changing the ON/OFF label text, but if you made the text longer than a few characters, it would be hidden under the handle. As a bonus, you can also specify that no automatic resizing should be done and do the control and handle sizing with CSS to make a group of controls uniform. Draggable They certainly looked like the iPhone switches, but they didn't feel like them. Sliding labels A quick check through the network graph revealed Matthijs Langenberg had devised a clever way to slide the labels along with the handle. iPhone compatibility Thanks Download

Ajax (programming) Ajax is not a single technology, but a group of technologies. HTML and CSS can be used in combination to mark up and style information. The DOM is accessed with JavaScript to dynamically display, and allow the user to interact with, the information presented. JavaScript and the XMLHttpRequest object provide a method for exchanging data asynchronously between browser and server to avoid full page reloads. In 1996, the iframe tag was introduced by Internet Explorer to load or to fetch content asynchronously. In 1998, Microsoft Outlook Web App team implemented the first component XMLHTTP by client script. Google made a wide deployment of standards-compliant, cross browser Ajax with Gmail (2004) and Google Maps (2005).[6] The term "Ajax" was publicly stated on 18 February 2005 by Jesse James Garrett in an article titled "Ajax: A New Approach to Web Applications", based on techniques used on Google pages.[1] get-ajax-data.js: send-ajax-data.php: jQuery example

Blog Archive » 15 Javascript Snippets You Can’t Live Without Please Note: We have moved to our new home WebCodr.com - please update your links and bookmarks! You either love Javascript or you hate it. Either way it can provide great functionality that users love. And it doesn’t have to affect usability. Image Loading & Fading Crisp photography is a sure-fire way to make a site look great, but what about the loading times of those chunky images? Dynamic Data Tables HTML tables are so last century. Calendar / Date Selection Asking users to enter a valid date can be a pain - frustrating for the developer, and frustrating for the user. Tabbed RollBar Tabs are great for sorting short snippets of information. Draggable Windows These draggable windows are lightweight and efficient, and are perfect for intranets and web-based applications where multiple views are required simultaneously. Zoomable Image Thumbnails One subject, many photos? Javascript Lightbox A favourite little effect of mine found on many good sites these days - the Javascript Lightbox.

Beautiful Background Image Navigation with jQuery In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into place in […] View demoDownload source In this tutorial we are going to create a beautiful navigation that has a background image slide effect. On top of that we will have sub-menus that appear with their semi-transparent background sliding in. Note: There is a new version which let’s you customize things better:Sliding Background Image Menu with jQuery We will be using the amazing Background-Position Animation Plugin by Alexander Farkas. The photos that we will be using are from Pat’s beautiful B&W collection on Flickr. There will be a little bit of CSS3 involved which absence will almost not be notable when using a browser that does not support its properties (like IE). OK, so let’s get started! The Markup The CSS

Related:  ajaxajaxajaxajax 1WebWeb designComputingwidgetsvarious stuff 1ajaxprogramación_web 1scriptsAjaxvarious stuff 1rastorizeWeb Designajaxajaxtallerdigitalcollectionajaxajaxcodeoutsourcingpopea02accessibilityWeb Development