Talk to me about anything. If you’d like to work with me, or
even if you just need a hug, I’ll get back to you shortly.

Please enter your name

Please enter a valid e-mail

It's cold!

Say something!

Posts Tagged ‘AJAX’

jQuery AJAX Validation Contact Form with Modal + Slide-in Transition

Due to popular demand, here is a tutorial on how I created one of the more complicated pieces of machinery on my new site: the contact form. A lot of different techniques went into this, and I have a few people/places to thank for some of the original code that inspired my final product: primarily Design Shack for their tutorial on creating a slide-in contact form with ajax, Zachstronaut for his code on scrollable same page links (used all over my site, but most effectively on the contact link in my footer), and Yens Design for a quick how-to on creating the modal pop-up background darkening effect (surprisingly extremely easy to do with jQuery).

All you need is jQuery. No plugins are necessary for this to work, and it is only 2kb of extra code in addition to the jQuery library. This also works on all browsers, IE6 and up.

Read the rest of this entry

367 Comments. Add one!
Jun
11

Useful Javascript, jQuery, and AJAX Tutorials and Resources – MLC#1

Welcome to the first post of a series of articles I will be doing that will bestow on you an enormous collection of bookmarks that I’ve horded like a squirrel and his nuts. These blog posts are not going to be your typical lists. These are posts that I have collected over the past year, and they’ve all been bookmarked and tagged for later use. Any good web designer and developer should have a nice bookmark collection; it’s appropriately compared to batman’s utility belt. With Firefox’s bookmarking system that it introduced in Firefox 3, this has become very easy thanks to its tagging system. For example, need to find a quick tutorial on that cool jQuery accordion effect that you found a couple of months ago? Hit CTRL+B, type in jquery accordion and whammo, there is the bookmark you need. This is only my recommendation, so do what you will with these links.

Many of these links are bookmarks to articles that were list themselves, so they included many items. What’s special about this list on Joren Rapini’s blog, you ask? Well, I have graciously copied and pasted the Firefox tags that I use to identify each one of these pages in my bookmarks, so you can copy and paste them right into yours! This should save you a lot of time, and give you an enormous wealth of resources to boot.

Read the rest of this entry

30 Comments. Add one!
Apr
5
This site is protected by Comment SPAM Wiper.