The Wayback Machine - https://web.archive.org/web/20111123120916/http://www.htmlgoodies.com:80/beyond/webmaster/toolbox

If you want to find out about some great tools for building web sites, you've come to the right place!

  • Webmaster Tools

  • The Indispensable HTML5 Boilerplate Website Template

    HTML5 Boilerplate is a must have for web developers who want to take advantage of all that HTML5 has to offer. In this article, we will be delving into the pertinent issues that face developers and how the HTML5 Boilerplate Website Template deals with them.

  • Google+ API Basics: Adding the Google +1 Button To a Web Page

    Last month Google announced the release of the initial Google+ API, which is currently limited to providing read-only access to public data. To get started, in this tutorial we will show you how to add the Google +1 button to your web pages.

  • Use Hyperlinks Now in Adobe Edge Preview 3

    Adobe released their Preview 3 for Adobe Edge yesterday. I had a chance to download and install it this morning. This latest preview build boasts some impressive new features, like adding in loops and hyperlinks, as we will discuss in this article.

  • Aptana Studio 3 Guided Tour and Tutorial: Create a Web Project Using the HTML 5 Boilerplate Framework

    Aptana Studio is one of the most comprehensive tools in the free web editor market. In this tutorial, we're going to get better acquainted with Aptana Studio 3 by creating a hypothetical newsletter subscription page.

  • Adobe Edge Tips and Tricks

    I've recently discovered Adobe Edge, a developer's tool for creating animation in HTML5, CSS3 and JavaScript. My experience with creating my own animation using Edge taught me some tips, tricks and bugs to look out for, which I present to you here.

  • Adobe Edge: Creating Regions in Timelines

    In this article on Adobe Edge, we will pick up where our last article left off and will discuss a third mode of animation not yet discussed, which is to create regions in the timeline when you want an animation to take place.

  • Adobe Edge for Web Developers: Using the Timeline

    In the first article in this series, I discussed how to create objects in Adobe Edge and provided a primer on the Properties box. In this article, I will show you how to use the timeline and create an animation using Adobe Edge.

  • A Web Developer Takes Adobe Edge for a Spin, Part 1

    On September 7, 2011 Adobe released preview 2 for Edge, its new HTML5 animation tool. In this series of articles we're going to show you how to use Edge, what it can do, and potential issues you may run into while using it.

  • CAPTCHA: Image Verification for Web Developers

    The problem with most CAPTCHA image verification implementations is that they are so annoying that they often drive humans away. As we will show in this tutorial, there are ample ways to accomplish the task without testing a user's patience and dignity.

  • Sneak Peak: Adobe Muse for No Coding Web Design

    This week we're going to check out Adobe Muse, the no-code web design tool. Adobe Muse, recently released in beta, was created to allow non-programmers to create layouts much like they would do for print publication, use those layouts to create cross-browser compatible web pages, and publish those pages to Adobe hosted servers.

  • Creating 'Old-School' Web Page Indexes in Drupal

    One problem that many Drupal newbies struggle with is the creation of a simple directory listing or 'index' page of articles. In this tutorial we will guide you through the process, and give you some tips to save you time!

  • A First Look at Adobe Edge, an HTML5-based Animation Tool

    Naturally, when Adobe releases a tool that purports to create HTML5-based animations, we had to take a look. In this article we're going to install and try out Adobe Edge, which is currently in "pre-release" form.

  • More Free Web Page Accessibility Validators

    HTML validators are one of the most surefire ways to make certain that you haven't overlooked something crucial. In this article, we're going to be looking at some freely available validation tools and services that you can put to good use on your own web pages.

  • Review of Aptana Studio 3

    With the emergence of HTML5, there is a strong need for HTML5 aware IDEs. The California-based company Aptana has stepped up to the plate with version 3 of Aptana Studio. Touted as a "professional, open source development tool for the open web", we'll put it to the test in this review.

  • Top Five Free Web Page Accessibility Validators

    It's a lot easier to incorporate accessibility into your site while designing it than than after coding is done, and it often pays to run your pages through an HTML validator. It's one of the most sure-fire ways to make certain that you haven't overlooked something crucial. In today's article, we're going to be looking at some freely available tools and services that you can put to good use on your own web pages.

  • Template Resources for Web Developers

    In this article is a list of all the resources I've discovered while writing this series on web development templates. The intention of this resource listing is to provide you with access to some great resources for building a website using templates.

  • Using Templates for Website Design: Dreamweaver

    As you can imagine, there are many ways of building a standard website, or a CMS site which makes use of other template designs, such as Joomla! or WordPress. In this series we're going to look at different methods of creating websites using templates, both commercial and free. We'll start out by looking at Adobe Dreamweaver's layout capabilities.

  • Third Party CSS Apps to Speed Up Your Workflow

    In this article we're going to look at some third party applications that will allow you to create some cool CSS effects without breaking the bank.

  • How to Build a Native Mobile Application in Dreamweaver CS5.5

    In earlier articles we covered HTML5 Semantics and multiscreen authoring in Dreamweaver. In this article we're going to look at the process of building a native phone application in Dreamweaver CS5.5.

  • HTML5 Semantics in Dreamweaver CS5.5

    Prior to the development of HTML5 sematics, building a web page could be a real headache, mostly due to all the <div> elements through the page and little, if any idea what they were. Introduced in Dreamweaver 5. HTML5 starter layouts appeared and in Dreamweaver CS5.5, that continues, as you will see in this article.

  • Multiscreen Authoring in Dreamweaver CS5.5

    A common problem when building a website is when the layout looks just great on your computer but when the client views it on their system, the design appears to be "off." By using Dreamweaver's Multiscreen Preview Panel, you can pro-actively solve any such issues before your site goes live!

  • Five Essential HTML5 Editors

    HTML5 has garnered plenty of attention in the last two years, and for good reasons. The internet as we know it is changing, and HTML5 is at the forefront of those changes. If you are eager to jump into the HTML5 mix, you will be interested in the tools we have found for creating websites and web apps using HTML5.

  • Working With E-commerce Plugins for WordPress

    WordPress is versatile piece of software. Not only can you blog with it, add galleries, video and other cool effects, you can also use it to make money. In this article we will look at an e-commerce WordPress plugin you can use, and show you how to secure your digital downloads.

  • Which Adobe Creative Suite is Right for You?

    It's no secret that Adobe is at the top of the heap when it comes to graphics and publishing software. Their software is typically also among the most expensive, as well. In this article we're going to look at the current group of Creative Suite 5.5 software packages by Adobe, as well as their new subscription model.

  • A Web Developer Looks at Interactive Mapping Solutions From FlashMaps.com

    In our last article, we looked at flashmap APIs from Yahoo, Google and MapQuest. This time we're going to look at the FlashMaps.com mapping tools that are used by sites including eBay, FoxNews, Adobe and Verizon--and the extensive and flexible options they provide developers.

  • WordPress 3 Custom Menus: Adding a 2nd Level Menu

    In the previous article on creating custom menus in WordPress 3 we looked at how to setup a custom menu in a simple, straightforward way. In this article we will customize things a bit more and add a second level menu.

  • An Introduction to Flash Maps for Interactive Mapping

    Most of us have seen or used a Flash-based map on a website that allowed us to drill down by clicking on the map, with each "level" providing us with additional information. In this article we're going to look at free flashmap Application Programming Interfaces (APIs)  from Yahoo, Google and MapQuest.

  • Categories, Pages, and Posts in WordPress

    So far we've looked at WordPress themes, templates, headers and pages. In this article we're going to explore WordPress categories, pages and posts in more depth.

  • Customizing Your WordPress Installation

    Setting up your initial WordPress installation is only the beginning. In this article we're going to do some more tweaking to customize your WordPress installation. Some of the topics we'll cover are: Pages, Posts Categories.

  • How to Add Images, Galleries and Video to Your WordPress Blog

    In our previous tutorials we looked at WordPress Categories, Pages and Posts and showed you how to set up the structure of your blog. This time we're going to show you how to add images, galleries and videos to your WordPress blog.

  • How to Move a Module from One Joomla! Template to Another

    Not all Joomla! templates are created equal. Templates that you buy or download for free online have different features. At some point you may need to move a module from one Joomla! template to another, and we're going to show you how to do just that in this tutorial.

  • Installing and Configuring a Theme in WordPress

    When you install WordPress, it comes with one theme built in, but what if you want to use a different theme for your website? In this tutorial you'll learn how to install and configure a new WordPress theme.

  • How to Create a Menu for Your Joomla! Template

    If you're creating your own Joomla! template from scratch, you'll want to know how to add in a menu. In this tutorial I'm going to walk you through creating a menu off the default and pre-installed Main Menu.

  • How to Add Advertising to a WordPress Theme

    In this tutorial, we're going to look at adding advertising to our WordPress theme, and we're going to work with one of the most popular forms of advertising, AdSense, which allows you to make passive income.

  • Create Custom Page Templates in WordPress

    One of the most effective ways to create a custom website with WordPress is using the custom page templates feature. In this tutorial we will look at how to access custom page templates and then how to create your own templates.

  • Web Developer Class: Security and the WordPress CMS

    WordPress is a great CMS. Unfortunately, with flexibility comes a down side--a vulnerability to attacks and exploits. In this article you'll learn several methods which you can use to secure your WordPress blog.

  • Getting Started with the WordPress CMS

    WordPress is one of the most popular content management systems (CMS's) and is quite full-featured, out-of-the-box. In this tutorial we will show you how to get started with WordPress, and will walk you through the installation process.

  • How to Work With WordPress 3 Custom Menus

    WordPress 3 has a revamped menu system which allows developers to do a lot more with the menu and do it with a lot more ease. You can, for example, rearrange your menu with a simple drag and drop. In this tutorial we will look at how to do this and much more!

  • Web Developer Tools for Low Cost Web Development

    In our last article we showed you some free online web development tools as well as a free open source shopping cart CMS. In this article we will look at some economical web development tools that, while not free, are well worth the cost to the developer on a tight budget.

  • A Web Developer Looks for Useful Joomla! FTP Extensions

    Previously we looked at several useful extensions for Joomla!. In this article we'll search for Joomla! extensions that are useful for transfering files via FTP.

  • Defining Joomla! Module and Article Titles in CSS

    This article will fill in some of the missing details about creating a Joomla! Template from scratch, show you how to get module and article titles to appear as well as how to define them in the CSS.

  • Social Media Extensions for the Joomla! CMS

    Social networking is another tool in the developer's toolbox, and is an important aspect of SEO. In this article we'll look at some social media extensions for the Joomla! CMS. 

  • Customizing Joomla!: Adding a New Position to a Template

    Let's say you scoured the internet looking for that perfect Joomla! template and you found one that fits 99% of your needs--but you need a left position. This article will show you how to add that a new position into your Joomla! template so that you can fill the left column with modules.

  • How To Combat Spam on Your Joomla! Website

    In this tutorial we will look at how to add contact information to your Joomla! site, while keeping spam out of your inbox. While that seems simple on the surface, it can lead to a major problem if you aren't proactive about spam. 

  • Web Development Primer: E-Commerce with Joomla!

    While many people are interested in creating a basic website, others are more interested in building a more advanced ecommerce site where they can sell their products. In this article we're going to look at using E-Commerce with Joomla! 

  • Crash Course: Refining Your Joomla! Template

    In our last article, we provided a rough outline and introductory code for creating a Joomla! template from scratch. In this article we continue the process, and fine tune our new Joomla! template. 

  • Crash Course: Create a Joomla! Template from Scratch

    Once you've worked with the out-of-the-box features of Joomla!, it's time to dig into templates. In this tutorial we'll show you how to create a Joomla! template from scratch!

  • Useful Joomla! Extensions for Web Developers

    One of the best things about Joomla! CMS is that there are so many extensions that can be added to enhance a website. In this article we're going to have a look at some useful Joomla! extensions for web developers.

  • Developers Embrace Drupal and Microsoft Technology Synergy

    By combining Drupal with Microsoft technology, Microsoft and the Drupal Community have made using Drupal on Windows even easier, with all the features developers have come to expect.

  • Joomla! On a Windows System Opens a World of Extensibility

    Joomla!, the award-winning content management system (CMS), enables web developers to create websites and powerful online applications. Microsoft has joined with the Joomla! community with the goal of making Joomla! on Windows an easy-to-use combination, even for beginners.

  • Web Design Class: How to Add a Photo Gallery to Joomla!

    You may have used a photo gallery that allowed you to easily scroll through multiple images on a website, and wondered how you could add this feature to your own website. In this article we're going to look at the process of adding a photo gallery to Joomla! using an extension. 

  • Using a RAD Tool to Generate a Web Site: Iron Speed Designer

    With the right tool, nearly anyone can generate a hard-core web site rapidly. One such rapid application development (RAD) tool that can help speed the process is Iron Speed Designer. See how you can get this tool to try out today. Discover how much can be done with little to no coding! (Sponsored)

  • Adobe Converts Flash to HTML5 With Wallaby

    Adobe doesn’t want to be left behind when the world eventually moves past Flash and embraces new standards, so this week they announced Wallaby, an experimental technology that converts the artwork and animation contained in Adobe&reg; Flash&reg; Professional (FLA) files into HTML.

  • Joomla! for Web Developers: How to Secure Your Joomla! Installation

    Security is one of the most important issues facing both web users and web developers. It becomes even more important when you're using a CMS such as Joomala!. In this article you'll find out how you can secure your Joomla! website.

  • Web Development Class: Adsense in Joomla!

    One of the most common forms of advertising is the Adsense program by by Google. It's relatively easy to set up a variety of ad formats. In this article we're going to show you how to use the Google Adsense Easy Extension with Joomla!.

  • Editing CSS and Joomla! Templates: Logos and Banners

    When you first start working with Joomla!, you're likely to start with a pre-designed template. In this article, I'll show you how to adjust the CSS top banner area of a template to accommodate the specifics of your logo and to allow for a banner advertisement. 

  • Web Developer School: Working with CSS in Joomla!

    To become familiar with Joomla! CSS files, it’s important to learn how they differ from the typical CSS layout that you might be accustomed to working with for static HTML sites. In this tutorial we will get you up to speed when working with cascading style sheets in Joomla!

  • Content Management 101: Building a Joomla! Site

    After many articles on how to use Joomla! now we're ready to actually build a site. In this tutorial we will begin the process of getting our website up to speed from a fresh installation of Joomla! 1.5.

  • Web Developer Class: How to Use Extensions in Joomla!

    When you set up a site with Joomla! you have enough information to build a basic site, but if you want more options, you'll need to use extensions. In this article you'll learn how to browse the Joomla! extensions directory, and download, install and configure an extension.

  • A Web Developer Looks at PrestaShop, an Open Source Instant eShop Script

    After struggling to use a CMS such as Drupal or Joomla! to create an ecommerce site, I came across PrestaShop, a free "instant storefront" CMS that seemed to have all the features I was looking for. In this review we'll take a look at PrestaShop, walk you through the installation process, and tell you what it can do. 

  • Web Design Class: Customizing a Joomla! Template

    In this article we pick up from where we left off in the last one and continue to customize our Joomla! template, changing the header image to suit our needs.

  • Creating a Site Map in Joomla! Using Xmap

    Eventually, you'll want to start customizing your Joomla! site to suit your specific needs. To do this, you'll want to discover new components, plugins and modules. We'll start off with Xmap, a handy tool which automatically creates a site map of your website.

  • Web Developer Class: How to Use Templates in Joomla!

    If you're using the Joomla! CMS, there are many templates available. You can design one on your own or hire a designer to make one for you. In this tutorial we're going to focus on how to use an existing template, rather than build one.

  • Web Design Class: How to Use Images in Joomla!

    In this article you'll learn how to work with images and upload them into Joomla! using Joomla!'s Media Manager.

  • Web Developer Class: How to Manually Install Joomla! 1.6

    At the beginning of this series, we looked at the minimum system requirements to install Joomla!. In this article you'll learn how to install Joomla! 1.6 manually on a hosted web server. 

  • Exploring the Joomla! Storage and Article System

    One of the most important parts of a website is how the content is stored. In Joomla! there are two components that we'll look at here. These are: Storage and articles. 

  • Getting Started with Joomla!

    If you've never heard of Joomla!, it's known as a CMS (content management system), which allows you to build complex web sites and run various applications. In this article we'll look at the many options for setting up Joomla! and how to configure the software.

  • Using the Joomla! CMS with Cloudaccess.net

    In this article, we're going to walk you through the process of installing Joomla! using Cloudaccess.net, a virtual Joomla! application host.

  • Google Webmaster Tools: What Have You Done for Me Lately

    Learn to use these free tools to help take your website traffic to the next level.

  • Live Sponsored Event: Web Development Is About to Get Easier

    Join us of the live broadcast of a new product that contains everything you need to build Web sites using Windows. See how Microsoft WebMatrix can provide you with everything you need to start building Web sites from a development server to a Web framework to a database.

  • Firefox Extension for Web Development: Font Finder

    Continuing with the series on Firefox extensions for web development, this article features the Font Finder add-on which allows developers to analyze font information on a Web page and modify it for demonstration purposes.

  • Firefox Extension for Web Development: Color That Site!

    Continuing with the series on Firefox extensions for web development, this article features another design tool to help you conceptualize a Web page or site by dynamically modifying its colors. This is one sophisticated application.

  • Firefox Extension for Web Development: Dummy Lipsum

    Continuing with the series on Firefox extensions for web development, let's look at an add-on to generate lorem ipsum, otherwise known as simulated text.

  • Firefox Extension for Web Development: LinkChecker

    Continuing with the series on Firefox extensions for web development, let's look at an add-on that checks for broken links.

  • Six Web-based Tools for Web Developers

    Web developers are, like everyone else, slowly getting used to the idea of doing things online, via web-based applications. For web developers, that means finding ways to handle their normal web dev tasks via any computer that has an up-to-date web browser. In this article we will take a look at some top-notch web-based tools for web developers.

  • Firefox Extension for Web Development: Pixl Grabber

    We've been looking at Firefox extensions for web developers, and we last looked at ColorZilla, an image editor extension. This time we're going to check out Pixl Grabber, a go-to tool for making screenshots of content within the browser viewport.

  • ColorZilla, a Firefox Extension for Web Development

    We last looked at the Pixel Perfect extension for Firefox. This time we're going to look at ColorZilla, a Firefox extension that functions as a color selector with features that mimic those of Photoshop and other image editors!

  • Firefox Extension for Web Development: Pixel Perfect

    In our last article we looked at the MeasureIt extension for Firefox. In this tutorial we look at Pixel Perfect, a great tool to help you conceptualize a look for your site (as designer) and perfect the designer's mockup (as developer).

  • MeasureIt: Another Firefox Extension for Web Developers

    Last week in our ongoing series on Firefox extensions we looked at the Web Developer extension. This week we'll take a look at MeasureIt, a tool that enables developers to accurately measure items on a website.

  • Tools for Cross-browser Compatibility: Screen Capture

    In our last article we discussed using live testing tools to aid in your cross-browser analysis. This article introduces a few screenshot sampling tools which can provide you with an unbiased look at how your website appears in multiple browsers.

  • Tools for Cross Browser Compatibility: Live Testing

    Cross browser testing, through which you compare a website's look and performance among different browser versions and platforms, is an important and often frustrating task. This article introduces a few live testing tools to aid in your analysis.

  • Firefox Extensions for the Web Developer

    In this series of articles, I will introduce a few Firefox extensions (also called "add-ons") to aid web development. The mini applications let you quickly evaluate and tweak your sites look and performance. This week we look at the popular Web Developer extension.

  • WordPress For the Web Developer: Join The Social World With BuddyPress

    WordPress is not only one of the world's most popular blogging tools, it's also a solid platform on which to base news and even commerce sites. Enter BuddyPress, first released in 2009, which has since taken the WordPress community by storm as a social networking plugin.

  • A Web Developer Looks at Adobe Dreamweaver CS5

    It's been many years since I reviewed the previous version of Dreamweaver (CS3) and I have been looking forward to the updates in this application. In this review we'll take a look at several important updates, including enhanced CSS starter layouts, comprehensive CSS support and integration with Adobe BrowserLab.

  • Drupal 7 Beta: A Developer Looks at Themes and Modules

    Last week we took a look at the beta release of Drupal 7, a long awaited update to one of the most popular open source content management systems (CMS) today. This week we're going to take a look at Drupal 7's themes and modules!

  • Featured Drupal Module: Taxonomy Image

    The Drupal module "Taxonomy Image" enables a site builder to associate an image for dispaly with a taxonomy term, without the need to modify any template files.

  • Drupal Version 7 Beta: A Web Developer's First Look

    The Drupal Group this week announced the beta release of its flagship CMS, Drupal 7. We decided to give it a try, and we'll let you see the results in this first look at the much anticipated content management system upgrade.

  • Featured Drupal Module: RealName

    The Drupal module "RealName" enables a site builder to designate a field(s) from the user profile that will be automatically displayed in place of the username variable, without the need to modify any template files. You might also consider this a byline module. This tutorial will show you how to use the RealName module on your Drupal website!

  • Featured Drupal Module: Slideshow

    The Drupal Module "Slideshow" is a light-weight module that adds to the content add-edit form an option to create a slideshow from attached images, making it very easy for a non-techy to use.

  • Featured Drupal Module: Backup And Migrate

    The Drupal Module "Backup And Migrate" is a must-have contributed module. This feature-rich module lets you quickly backup or restore a database, and provides a number of settings for scheduling routine backups.

  • Featured Drupal Module: Support Ticketing

    The Drupal Module "Support Ticketing" is an easy-to-deploy solution for managing job tickets or project action items. The module has email integration and several companion modules to expand the functionality further. In this tutorial we'll take you on a tour of the support ticketing module of Drupal.

  • Web Application Review: Wibiya Toolbar

    Wibiya is a free, customizable toolbar that anchors to the bottom of your website to give your users quick access to other web applications -- such as social networking tools, and to help you promote your own content.

  • Featured Drupal Module: Nodes In Block

    The Drupal Module "Nodes In Block" is a clever, often overlooked module that enables you to publish a node, in full or in part, into a designated block on your site. It provides a way for content creators to manipulate content without needing to use the Drupal block administration.

  • Cloud Computing for Web Developers

    Many developers have expressed interest in cloud computing as it relates to web development, but haven't really understood just what cloud computing has to offer. This article will discuss some of the cloud services that are available to web developers today.

  • Creating a Manifest for a Chrome Store Web App

    In our last article, we explained the details of creating an app for Google's Chrome Web Store. This time we'll actually create a manifest file, and add the app to Google Chrome, explaining the process along the way.

  • Creating a Web App for Google's Chrome Web Store

    With the recent announcement from Google that it was opening its Chrome Web Store to developers, many web developers are suddenly interested in knowing more about the type of apps that the Chrome Store supports. In this tutorial we'll show you how to get started, and how to use HTML, JavaScript and CSS to create a packaged app for the Chrome Web Store.

  • A Web Developer Looks at Drupal Views: Power and Flexibility

    In the last Drupal module review, I discussed the contributed module CCK. This time, I focus on Views – a module that puts real power and flexibility into your Drupal websites. Considered an advanced module, Views still offers opportunity for beginner/intermediate Drupalers.

  • A Web Developer's Guide to the Google Code PlayGround

    If you haven't heard about Google's Code Playground, it's a web-based tool that lets web developers try out all of the APIs that Google provides, tweak the code, and see the results. In this article we'll tell you what you can do with it, give you a couple of examples and show you why you should be playing in the playground!

  • iWebkit for the iPhone Developer: Adding Menus, List Items and Text Boxes

    In our last article we told you about iWebkit, and showed you what you can do with this powerful JavaScript, HTML and CSS framework. In this article we'll continue with the construction of an iPhone-ready HTMLGoodies website, and show you how to use list items, menus, text boxes and create splash screens and icons for your iOS device-ready web app.

  • Using the iWebkit iPhone Development Framework for Creating Web Apps

    We've previously discussed using the iUI framework for creating iPhone-ready websites, but there's another player in the iPhone framework market, and that's iWebkit. This week we'll look at how you can use iWebkit to create an iPhone ready website that looks and acts like a native application!

  • Web Development Newsletter Signup

    Invalid email
    You have successfuly registered to our newsletter.