jQuery Slider With WordPress Login

Mar
16
2009
Written by Joseph McLaughlin

This post was originally submitted to NetTuts, but was not accepted for some reason. So, I’ve posted it here for you folks to enjoy. Let me know if there’re any errors or changes I need to make.

Create a basic Wireframe

We’ll start by putting together a basic site layout for our site in XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>Sliding Drawer Login</title>
  <script src="jquery.js" type="text/javascript" charset="utf-8"></script>
  <script src="master.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" href="master.css" type="text/css" media="screen" charset="utf-8">
</head>
<body>
  <div id="wrapper">
    <div id="header">
      <!-- This is where we'll put the login slider -->
    </div>
    <div id="content">
      <!-- This is where your site content goes -->
    </div>
  </div>
</body>
</html>

Read more →

Posted in jQuery | 6 Comments »

Blogging from TextMate

March 16, 2009 – 10:27 am

This post is coming to you straight from TextMate, no copy/paste required. How, you ask? Well, one of the hidden (Ok, so it's right there in plain sight, but I never looked) features ...

jQuery Tutorials Coming Soon

March 15, 2009 – 3:02 pm

I decided that some jQuery tutorials would be a great thing to start posting on this blog, so look for some starting this week. jQuery is my JavaScript library of choice. It's fast, powerful, ...

HREF.IN Widget

March 15, 2009 – 11:37 am

By request, I ported my popular is.gd widget for the folks over at HREF.IN, another URL shrinking service who's goal is to be simple and effective. The widget features some of the same features, ...

Anatomy of a Dock

February 28, 2009 – 10:30 pm

The dock is one of the central features of Mac OS X, and is very useful right out of the box, but there are several tweaks (hacks) that you can use to increase ...

Wordpress Design Competition

February 27, 2009 – 10:08 am

I entered the WPWebHost Best Wordpress Design competition under the "Modern and Elegant" category. The finalists for each category will be picked towards the end of March, and I encourage you to vote! This isn't ...

Web Developer Toolkit - Part 1

February 22, 2009 – 5:55 pm

As I've written about before, one of the reasons the Mac platform is thriving is great "Indie" development. In this post, I'll talk about some of my favorite applications for web design and ...

Twitter RSS Mashup

February 18, 2009 – 11:49 pm

Recently, I had the idea to use my Twitter client as an RSS alerter. Basically, I thought I could pull in all my feeds, post them to a Twitter account, and follow that ...

← Older Entries