10 Excellent Web Development Tutorials

Sam Deering
Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, or social network services. These posts are some of the excellent web development tutorials for web developers.

Related posts:


1. Custom WordPress Homepage with Customizable Widgets


In this Tutorial, you’ll learn how to build a Custom homepage for your WordPress Theme using Page Templates: Complete with a featured content slider, and customizable Widgets.
Custom-WordPress-Homepage-with-Customizable-Widgets.jpg
Source


2. Creating a Twitter OAuth Application


OAuth can be a tricky concept to wrap your head around at first, but with the Twitter API now requiring its use, it is something you need to understand before creating a Twitter application. This tutorial will introduce you to OAuth, and walk you through the process of creating a basic application.
Creating-a-Twitter-OAuth-Application.jpg
Source


3. Building Faster Websites with CSS Sprites


Using CSS sprites allows you to greatly increase your websites speed by using single image files that contain multiple graphics. In other words, when you have many images to be used, instead of having them as different individual files, we combine them into one. Therefore, the client computer only downloads one image for all the different graphics to be displayed.
Building-Faster-Websites-with-CSS-Sprites1.jpg
Source


4. Display Your Favourite Music with jQuery & Last.fm


Use the power of jQuery and the handy last.fm records plugin to create a showcase of your favorite music on your website. We’ll install the plugins to fetch the information from the Last.fm website, then style up the design with a cool retro vinyl record theme.
Display-Your-Favourite-Music-with-jQuery-Lastfm.jpg
Source


5. How to Build a Joomla Template: Start to Finish


This tutorial will demonstrate how to proceed from design to deployment of a complete Joomla template theme, including core override and template option parameters that you can use and abuse to your heart’s content.
How-to-Build-a-Joomla-Template-Start-to-Finish.jpg
Source


6. How to create a jQuery Confirm Dialog Replacement


This week we are building a cross-browser, custom confirm dialog in the form of an easy to use jQuery plugin. You can choose the text, buttons, and actions that will be executed when they are clicked.
How-to-create-a-jQuery-Confirm-Dialog-Replacement.jpg
Source


7. Using the LESS CSS Preprocessor for Smarter Style Sheets


As a Web designer you’re undoubtedly familiar with CSS, the style sheet language used to format markup on Web pages. CSS itself is extremely simple, consisting of rule sets and declaration blocks—what to style, how to style it—and it does pretty much everything you want, right? Well, not quite. Learn more in this tutorial.
Using-the-LESS-CSS-Preprocessor-for-Smarter-Style-Sheets.jpg
Source


8. The Web Designer’s Guide to Comparing Photoshop and Fireworks


This article is intended to be a guide for anyone trying to understand the benefits and drawbacks of each application. Our goal: to help designers to better understand their options when it comes to picking their graphics application of choice.
The-Web-Designer’s-Guide-to-Comparing-Photoshop-and-Fireworks.jpg
Source


9. Cursor following menu


A website navigation menu that follows the cursor, created with the jQuery framework and CSS that’s easy to implement and configure.
Cursor-following-menu.jpg
Source


10. Add a character counter for the excerpt in WordPress


The excerpt is great for magazine sites where only a small bunch of words can be displayed on the home page. However, the lack of a character counting functionality for the field makes it hard to know how many you already typed in. In this tutorial we will learn how to easily add a character counter for the excerpt.
Add-a-character-counter-for-the-excerpt-in-WordPress1.jpg
Source

Win an Annual Membership to Learnable,

SitePoint's Learning Platform