Advertisement

jQuery

  • Web Development
    Build An Incredible Login Form With jQuery200x200
    34 shares
    One struggle that still remains today in web design is displaying all of the redundant information on every page. For example, a login form. What if there was a way to easily make the content accessible on every page, but keep it hidden until needed? Well you can, by making a top panel that when clicked, will reveal its self and its content. But we need to make this look nice, so we'll also animate it.Read More…
  • Web Development
    Quick Tip: Use jQuery to Retrieve Data From an XML File200x200
    4 shares
    In this quick tip, I'll show you how to load data from an XML file onto a blank page. We'll work with the $.get function and will also implement a loading gif while the information is being retrieved. We'll be displaying a simple list of recommended web development books. Let's go ahead and get started. Read More…
  • Web Development
    Create a Tabbed Interface Using jQuery200x200
    6 shares
    Creating tabbed interfaces suddenly becomes a piece-of-cake when using the Tabs function in the jQuery UI library. It can be utilized to create completely unique interfaces without having to be a coding God - using only one line of code! Read More…
  • Web Development
    Building a Better Blogroll: Dynamic Fun with SimplePie and jQuery200x200
    5 shares
    A traditional blogroll is a simple list of other sites, often in the sidebar, that are related, owned by, or otherwise friendly to the home site. Blogrolls are a great idea and on-point with the spirit of blogging, but how is a casual reader to know if any of these sites are truly of interest? Let's improve upon the concept of a blogroll by not just listing sites, but dynamically pulling recent headlines from them, and using some fun jQuery animation.Read More…
  • WordPress
    Wordpress Sidebar Turned Apple-Flashy Using jQuery UI200x200
    3 shares
    Apple have always been Gods in terms of the way they present themselves and their products. I just love the sidebar on the Apple Startpage, and wanted to use the Accordion plugin in jQuery UI to achieve this! As if that's not enough for me, I want to be able to show and hide it at my pleasure as well. I'm gonna show you how!Read More…
  • Web Development
    Submit A Form Without Page Refresh using jQuery200
    113 shares
    Previously on Nettuts+, Philo showed how you can use jQuery to add form validation to wordpress comments that works without any page reload. Another great way of utlizing jQuery to enhance user experience is to not just validate, but to submit your form entirely without a page refresh. In this tutorial I'll show you how easy it is to do just that -- submit a contact form that sends an email, without page refresh using jQuery! (The actual email is sent with a php script that processes in the background). Let's get started.Read More…
  • Web Development
    Creating a Dynamic Poll with jQuery and PHP200
    24 shares
    When you combine some neat functionality courtesy of PHP with the cleverness of jQuery you can produce some pretty cool results. In this tutorial we'll create a poll using PHP and XHTML, then make use of some jQuery Ajax effects to eliminate the need for a page refresh, and to give it a nice little bit of animation.Read More…
  • WordPress
    Build a Basic Newspaper style layout with Wordpress and jQuery200x200
    4 shares
    Grid/Newspaper/Magazine templates are becoming more and more predominant in the wordpress skin and theme community. They look classy, but it can be daunting knowing where to start. In this tutorial we use the power of jQuery to create a grid layout with size-degrading headers!Read More…
  • Web Development
    15 Resources To Get You Started With jQuery From Scratch200
    4 shares
    Maybe you're a seasoned jQuery pro. Heck, maybe you're John Resig. On the other hand, maybe you read words like "Prototype", "jQuery", and "Mootools" and think to yourself, "What the heck are these?" Now is the time to learn. In this industry - now more than ever - designers are becoming coders, and coders are becoming designers. The idea of a developer ONLY performing frontend or backend work is quickly becoming a dated concept. jQuery will help to bridge the gap. Javascript is not an unattainable skill. In this article, we'll detail fifteen resources to get you started with jQuery from the absolute beginning. If you've been avoiding this library out of some silly sense of fear, now is the time to dive in. You'll be amazed at how simple it can be. Read More…
  • HTML & CSS
    Creating a Floating HTML Menu Using jQuery and CSSThumb floating menu 200x200
    15 shares
    For all of us who deal with long web pages and need to scroll to the top for the menu, here's a nice alternative: floating menus that move as you scroll a page. This is done using HTML, CSS and jQuery, and it's fully W3C-compliant.Read More…
  • Web Development
    How To Create A Keypress Navigation Using jQuery200
    3 shares
    The key to a succesful website is the ease with which a user finds what they are looking for. Thus, it's worth spending a lot of time and effort in creating both useful and visually appealing navigation systems. Lately, I have began experimenting with new ways to navigate a website. In this tutorial I'll show you how to let the user make use of their keyboard to get around your site.Read More…
  • Web Development
    How to Load In and Animate Content with jQuery200
    42 shares
    In this tutorial we will be taking your average everyday website and enhancing it with jQuery. We will be adding ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. We will also be integrating some awesome animation effects.Read More…
Advertisement
Suggested Tuts+ Course
JavaScript for PHP Developers$15
Advertisement