Create a toggle footer with jQuery & CSS
February 24, 2010 jQuery Tutorials
This is one of the easiest implementations of jQuery but underlines the simplicity and robustness of the library as a powerful web development tool. Here I used the slideToggle & toggleClass functions to create a sliding sticky footer, in this instance as use for a 'Contact Me' panel. You could use it for just about anything including login & contact forms, slideshows, or you can combine it with cookies to create a user-controlled sliding message.
Twitter-style confirmation message with jQuery
February 21, 2010 jQuery Tutorials
One of the cool ways that Twitter interacts with users (when you're not too busy seeing that pesky fail whale!) is how they display their error and confirmation messages. I especially like the clean approach and displaying the messages at the top of the page. If you're looking for a similar approach with your web application or dynamic web site, here's one way you can do it using the jQuery form & some validation.
User-controlled sliding jQuery panel (with cookies)
February 21, 2010 jQuery Tutorials
One of the ways you can communicate with your users is with a dynamic message that is displayed when your page loads. This is a common method of adding important information (or possibly promo items). While it can add some immediate accessibility, having to force the message on them again after already seeing it once isn't the most ideal user experience. The method I developed here displays such messages but gives the user the option of not seeing it again by setting a browser cookie, thus eliminating that "ugh, not again!" reaction that your users may feel.
A jQuery-powered social dropdown menu
February 20, 2010 jQuery Tutorials
When David Walsh posted his article on using jQuery's sliding effect for use in FAQs, I was once again reminded of the beauty of jQuery in its simplicty. I thought I'd take it a step further and show how it could be used for a static dropdown menu for your site/blog's social media links.
How to show/hide a hidden input form field using jQuery
February 13, 2010 jQuery Tutorials
This past week I was working on a project at work which included building a request form with multiple fields. It was a rather large form that included a dropdown list with an 'other' option. I wanted to allow users to select the 'other' option which then would show an input field so they can enter a specific description of what that 'other' item is. I didn't want to clutter the form by displaying that additional field by default so I used a little jQuery, thus displaying it dynamically and only when needed.
5 Simple Horizontal CSS Menus
February 7, 2010 CSS Tutorials
I thought I'd take the opportunity to build a few examples of straight-forward CSS menus, from the basic block style to CSS3 to CSS sprites. For advanced designers, this is pretty simple stuff but is a handy reference for budding professionals.
114 Subscribers
189 Followers
