Archive for the ‘Tutorials’ Category

spacer

How To Create a Subscribe Box For Your WordPress Sidebar

A few users have asked me how I’ve created the Subscribe box in the sidebar and some have even called for a WordPress plugin that helps automate it. In reality, it’s just simple HTML/CSS paired with the Feedburner subscribe code and can be replicated very easily. Let’s take a look at the code used to create it:

  • Read More
  • 43 Comments
spacer

Using the HTML5 ContentEditable Attribute

I’ve been trying to utilize HTML5 more recently in a few smaller projects and came across a really cool new attribute: ContentEditable. You can add this attribute to any HTML element and it automatically makes that (and any element within it) editable.

  • Read More
  • 3 Comments
spacer

How to Properly Quote a Client

One problem I used to frequently run into in my earlier days of freelancing was that I’d give a client a quote, start working on the project and halfway through realize that I was charging way too little for way too much work. I had vastly underestimated the scale of the project. Over the past year, I’ve been using a technique that is glaringly obvious but often overlooked when determining what to charge a client.

  • Read More
  • 10 Comments
spacer

3 Tips to Improve Your Blog’s Usability

Usability can be defined as the overall user-friendliness and ease of use of your website or product. Having a usable blog means less frustration for your readers, which in turn improves their overall experience, user retention and conversions. Just a few small changes to your blog can have a meaningful impact on usability.

  • Read More
  • 2 Comments
spacer

How To Load Social Media Buttons After Everything Else

While working on the new theme for this site, I realized that the various social media buttons I use were making the entire page load considerably slower. As soon as the browser hit that region of the page (the end of each post), everything would stop until those pesky buttons were loaded. Using a little bit of jQuery, however, it’s possible to get around this and load these heavier elements after the rest of the page has finished loading.

  • Read More
  • 8 Comments
spacer

How I Create Websites: A Look Inside the Creative Process

Last week, a friend of mine who recently started freelancing asked me to elaborate on my personal web design process. I’ve been doing client work for years and now have essentially a standard routine when working on a new project. It goes something like this:

  • Read More
  • 15 Comments
spacer

Mobile Web Development Part 2: Creating a Simple App Using jQuery Mobile

This past weekend, John Resig (creator of jQuery) announced the release of the alpha version of jQuery Mobile, a simple and lightweight JavaScript framework for mobile web development. In this article, we’ll take a look at how easy it is to create a simple mobile website using framework, complete with dynamic (AJAX) page loading, iOS-style design and slick page transitions.

  • Read More
  • 71 Comments
spacer

Quick Tip: Preventing Right-Click Context Menu with jQuery

One of my clients recently asked for an image slideshow on his blog to showcase his photography. When I asked him how he wanted it to be, he was insistent on using a Flash slideshow over JavaScript. It turns out that although the Flash gallery was far less useful for him, as he couldn’t view it on the iPhone or iPad, he preferred it anyways because it prevented people from right-clicking on his images and saving them to their hard drives.

  • Read More
  • 15 Comments
spacer

Creating the Perfect CSS3 Buttons

The sweet looking buttons in this tutorial are created using only HTML and CSS3 – no JavaScript or images required! The buttons are easy to make and are pretty extensible but don’t take my word for it, check out the demo instead:

  • Read More
  • 24 Comments
spacer

The Complete Guide to Creating Your First Website

So one thing is clear: you want/need your own website. But how do you go about making one? Where do you even start? Whether it’s for your business, personal blog or any obscure reason, understanding how the web works and establishing an online presence is crucial in today’s high-tech world.

  • Read More
  • 4 Comments
Page 1 of 3123»