The TwentyEleven WordPress Series: Introduction
Reader Level:
In this new series, you will experience the complete process of developing a WordPress site from graphics creation to custom coding to transferring a the site from localhost to live server. The Safari African Adventures web site will include a gallery of wild animals, a You Tube embedded video, a contact form, and a latest news page. Customization will start out slow and easy by clicking radio buttons in the WordPress graphical user interface, and then will move to the more adventurous as you code WordPress template tags, actions and filters into the functions.php, header.php, content.php, and footer.php files.
In this introduction to the series, you'll get an overview of the project, an introduction to the Twenty Eleven theme, and a look at the benefits of using a child theme.
The TwentyEleven Wordpress Series:
The TwentyEleven Wordpress Series: Part 1 - Introduction
The TwentyEleven Wordpress Series: Part 2
The TwentyEleven Wordpress Series: Part 3
The TwentyEleven Wordpress Series: Part 4
The TwentyEleven Wordpress Series: Part 5
Embed a 3-D CoolIris Image Wall in Your Site Using Media RSS Feeds
Reader Level:
I'm a huge fan of the awesome browser plugin known as
CoolIris which can be used to browse news, video sites, and image collections in a 3-dimensional wall of thumbnails that you can zoom through using the scroll wheel on your mouse and navigate by dragging left or right. I find the interface to be one of the freshest new methods to come along in a long time for viewing information online, completely breaking with the familiar drill-down methods that most sites use. Even sites such as Flickr or YouTube look better when seen through the CoolIris interface and the plugin can even be used as a PowerPoint replacement to show a presentation in a dynamic new way, as I
previously wrote about here at Community MX.
One of the more dynamic features of CoolIris are the developer tools that allow you to use the power of CoolIris to embed a wall of images on a page in your own site. In the
first article of this series you learned how to embed a CoolIris wall of images in a page of your own site using the CoolIris developer sample embed code and a feed from Flickr.com. In this article you'll learn how to use the free
PicLens Publisher program, to make your own media RSS file and display images that are on your web server.
Both of these methods allow you to embed a Flash movie on any page you wish and read an RSS feed from a service such as Flickr, or read from your own custom RSS file that points to any folder you choose on your site. And, while the idea of mucking around with a bunch of code and Flash variables (what?) to customize your CoolIris wall of images might seem daunting, you'll learn the process is quite simple.
The Embed a 3-D CoolIris Image Wall in Your Site Series:
Embed a 3-D CoolIris Image Wall in Your Site Using Flickr Feeds
Embed a 3-D CoolIris Image Wall in Your Site Using Media RSS Feeds
Embed a 3-D CoolIris Image Wall in Your Site Using Flickr Feeds
Reader Level:
I'm a huge fan of the awesome browser plugin known as
CoolIris which can be used to browse news, video sites, and image collections in a 3-dimensional wall of thumbnails that you can zoom through using the scroll wheel on your mouse and navigate by dragging left or right. I find the interface to be one of the freshest new methods to come along in a long time for viewing information online, completely breaking with the familiar drill-down methods that most sites use. Even sites such as Flickr or YouTube look better when seen through the CoolIris interface. The plugin can even be used as a PowerPoint replacement to show a presentation in a dynamic new way, as I
previously
wrote about here at Community MX.
One of the more dynamic features of CoolIris are the developer tools that allow you to use the power of CoolIris to embed a wall of images in your own site. In this article you'll learn how to use the first of two methods for embedding images in a page of your own site using the CoolIris developer tools and a feed from Flickr.com.
In the next article of this mini-series you'll learn how to use the free
PicLens Publisher program, to make your own media RSS file and display images that are on your web server.
Both of these methods allow you to embed a Flash movie on any page you wish and read an RSS feed from a service such as Flickr, or read from your own custom RSS file. While the idea of mucking around with a bunch of code and Flash variables (what?) to customize your CoolIris wall of images might seem daunting, as you'll learn the process is quite simple.
The Embed a 3-D CoolIris Image Wall in Your Site Series:
Embed a 3-D CoolIris Image Wall in Your Site Using Flickr Feeds
Embed a 3-D CoolIris Image Wall in Your Site Using Media RSS Feeds
Coming Soon
Site Wide Contact Forms in Drupal
Reader Level:
Drupal 6 provides a powerful content management framework that, out of the box, enables any user to create pages, blog's, forums, and more. With many third-party modules that allow for even more functionality, we often overlook functionality that out of the box is already available, just waiting for you to enable it. Contact forms are one such module that with a few quick settings allows people to contact you.
In this quick tutorial we will go through the steps involved to enable and set up one to multiple contact forms quickly and easily.
Building Web Sites with Drupal - Part 10: Adding an Event Calendar
Reader Level:
There are as many ways to build a web site as there are customers out there. What that usually means is that, as developers, we end up recreating the wheel over and over again. In reality, though, 80% of the customers you come across could likely be serviced quite nicely with relatively minor modifications to a basic site structure that includes the most common functionality. That is the concept behind a Content Management System like Drupal.
Drupal is a framework for creating web applications. As such, it has a wealth of advanced abilities like forums, newsletters, and RSS syndication. But it is also well suited for the building of simpler websites that just need to update their content on a regular basis. If you build sites for clients, chances are there is a portion of your business that could be handled more quickly and more profitably using Drupal.
Last night I created a website for my son's new cub scout pack. Not a page, a whole site, in under two hours. That is the power of Drupal.
While we have been using the Old Time Radio site for most of these articles, I thought I would show you a couple of unique things about this Cub Scout site, that I built... in two hours.
The Building Web Sites With Drupal Series:
Building Web Sites With Drupal - Part 1: Introduction
Building Web Sites With Drupal - Part 2: Installation
Building Web Sites With Drupal - Part 3: Setting Initial Roles and Permissions
Building Web Sites With Drupal - Part 4: Adding a Forum
Building Web Sites With Drupal - Part 5: Creating Content
Building Web Sites With Drupal - Part 6: Installing a Rich Text Editor
Building Web Sites With Drupal - Part 7: Adding Polls
Building Web Sites With Drupal - Part 8: Personalizing Your Site
Building Web Sites With Drupal - Part 9: Taxonomy 101
Building Web Sites With Drupal - Part 10: Adding an Event Calendar
Building Web Sites With Drupal - Part 11: Customizing the Front Page
Building Web Sites With Drupal - Part 12: Getting Started With Themes
Building Web Sites With Drupal - Part 13: Cron Jobs
Building Web Sites With Drupal - Part 14: Taxonomy 201
Building Web Sites With Drupal - Part 15: Creating a Moderated User Group
Building Web Sites With Drupal - Part 16: Creating New Content Types
Building Web Sites With Drupal - Part 17: Setting Up User Blogs
Building Web Sites With Drupal - Part 18: Backing Up Your Site
Building Web Sites With Drupal - Part 19a: Theming Your Site
Building Web Sites With Drupal - Part 19b: Allowing Users To Select Their Own Theme
Building Web Sites With Drupal - Part 9: Taxonomy 101
Reader Level:
There are as many ways to build a web site as there are customers out there. What that usually means is that, as developers, we end up recreating the wheel over and over again. In reality, though, 80% of the customers you come across could likely be serviced quite nicely with relatively minor modifications to a basic site structure that includes the most common functionality. That is the concept behind a Content Management System like Drupal.
Drupal is a framework for creating web applications. As such, it has a wealth of advanced abilities like forums, newsletters, and RSS syndication. But it is also well suited for the building of simpler websites that just need to update their content on a regular basis. If you build sites for clients, chances are there is a portion of your business that could be handled more quickly and more profitably using Drupal.
One of the best things about Drupal is the great flexibility you have in tagging and categorizing your content. Taxonoy is the science of classification, and the Drupal Taxonomy module allows you to create complex classification systems to organize your site. While some CMSs provide a limited number of tag layers, Drupal allows you a virtually unlimited hierarchy of tags.
In this article, we will get take a look at some basic tagging methods in Drupal. As you might expect, Drupal handles a lot of the heavy-lifting for you. All you need to do is create a structure of tags to be used by you and other authors at your site.
The Building Web Sites With Drupal Series:
Building Web Sites With Drupal - Part 1: Introduction
Building Web Sites With Drupal - Part 2: Installation
Building Web Sites With Drupal - Part 3: Setting Initial Roles and Permissions
Building Web Sites With Drupal - Part 4: Adding a Forum
Building Web Sites With Drupal - Part 5: Creating Content
Building Web Sites With Drupal - Part 6: Installing a Rich Text Editor
Building Web Sites With Drupal - Part 7: Adding Polls
Building Web Sites With Drupal - Part 8: Personalizing Your Site
Building Web Sites With Drupal - Part 9: Taxonomy 101
Building Web Sites With Drupal - Part 10: Adding an Event Calendar
Building Web Sites With Drupal - Part 11: Customizing the Front Page
Building Web Sites With Drupal - Part 12: Getting Started With Themes
Building Web Sites With Drupal - Part 13: Cron Jobs
Building Web Sites With Drupal - Part 14: Taxonomy 201
Building Web Sites With Drupal - Part 15: Creating a Moderated User Group
Building Web Sites With Drupal - Part 16: Creating New Content Types
Building Web Sites With Drupal - Part 17: Setting Up User Blogs
Building Web Sites With Drupal - Part 18: Backing Up Your Site
Building Web Sites With Drupal - Part 19a: Theming Your Site
Building Web Sites With Drupal - Part 19b: Allowing Users To Select Their Own Theme
Building Web Sites With Drupal – Part 7: Adding Polls
Reader Level:
There are as many ways to build a web site as there are customers out there. What that usually means is that, as developers, we end up recreating the wheel over and over again. In reality, though, 80% of the customers you come across could likely be serviced quite nicely with relatively minor modifications to a basic site structure that includes the most common functionality. That is the concept behind a Content Management System like Drupal.
Drupal is a framework for creating web applications. As such, it has a wealth of advanced abilities like forums, newsletters, and RSS syndication. But it is also well suited for the building of simpler websites that just need to update their content on a regular basis. If you build sites for clients, chances are there is a portion of your business that could be handled more quickly and more profitably using Drupal.
One of the great things about Drupal is all of its features that allow you to build rich community and social networking sites. Not every website needs a poll, but if you have fun or interesting things to query your users about, Drupal offers an easy way to set up, display and manage polls.
The Building Web Sites With Drupal Series:
Building Web Sites With Drupal - Part 1: Introduction
Building Web Sites With Drupal - Part 2: Installation
Building Web Sites With Drupal - Part 3: Setting Initial Roles and Permissions
Building Web Sites With Drupal - Part 4: Adding a Forum
Building Web Sites With Drupal - Part 5: Creating Content
Building Web Sites With Drupal - Part 6: Installing a Rich Text Editor
Building Web Sites With Drupal - Part 7: Adding Polls
Building Web Sites With Drupal - Part 8: Personalizing Your Site
Building Web Sites With Drupal - Part 9: Taxonomy 101
Building Web Sites With Drupal - Part 10: Adding an Event Calendar
Building Web Sites With Drupal - Part 11: Customizing the Front Page
Building Web Sites With Drupal - Part 12: Getting Started With Themes
Building Web Sites With Drupal - Part 13: Cron Jobs
Building Web Sites With Drupal - Part 14: Taxonomy 201
Building Web Sites With Drupal - Part 15: Creating a Moderated User Group
Building Web Sites With Drupal - Part 16: Creating New Content Types
Building Web Sites With Drupal - Part 17: Setting Up User Blogs
Building Web Sites With Drupal - Part 18: Backing Up Your Site
Building Web Sites With Drupal - Part 19a: Theming Your Site
Building Web Sites With Drupal - Part 19b: Allowing Users To Select Their Own Theme
Building Web Sites With Drupal – Part 6: Installing a Rich Text Editor
Reader Level:
There are as many ways to build a web site as there are customers out there. What that usually means is that, as developers, we end up recreating the wheel over and over again. In reality, though, 80% of the customers you come across could likely be serviced quite nicely with relatively minor modifications to a basic site structure that includes the most common functionality. That is the concept behind a Content Management System like Drupal.
Drupal is a framework for creating web applications. As such, it has a wealth of advanced abilities like forums, newsletters, and RSS syndication. But it is also well suited for the building of simpler websites that just need to update their content on a regular basis. If you build sites for clients, chances are there is a portion of your business that could be handled more quickly and more profitably using Drupal.
In the last Drupal article, we covered adding some basic content to your site in the form of Stories and Pages. One of the shortcomings we noticed was the basic text area used to input the body area of the content. You are either expected to enter only plain text, or to hand code the HTML tags that will display your content. It would be nice if the body input area allowed a rich text editor to allow you to enter and format text more like a word processor.
The Building Web Sites With Drupal Series:
Building Web Sites With Drupal - Part 1: Introduction
Building Web Sites With Drupal - Part 2: Installation
Building Web Sites With Drupal - Part 3: Setting Initial Roles and Permissions
Building Web Sites With Drupal - Part 4: Adding a Forum
Building Web Sites With Drupal - Part 5: Creating Content
Building Web Sites With Drupal - Part 6: Installing a Rich Text Editor
Building Web Sites With Drupal - Part 7: Adding Polls
Building Web Sites With Drupal - Part 8: Personalizing Your Site
Building Web Sites With Drupal - Part 9: Taxonomy 101
Building Web Sites With Drupal - Part 10: Adding an Event Calendar
Building Web Sites With Drupal - Part 11: Customizing the Front Page
Building Web Sites With Drupal - Part 12: Getting Started With Themes
Building Web Sites With Drupal - Part 13: Cron Jobs
Building Web Sites With Drupal - Part 14: Taxonomy 201
Building Web Sites With Drupal - Part 15: Creating a Moderated User Group
Building Web Sites With Drupal - Part 16: Creating New Content Types
Building Web Sites With Drupal - Part 17: Setting Up User Blogs
Building Web Sites With Drupal - Part 18: Backing Up Your Site
Building Web Sites With Drupal - Part 19a: Theming Your Site
Building Web Sites With Drupal - Part 19b: Allowing Users To Select Their Own Theme
Building Web Sites With Drupal – Part 4: Adding a Forum
Reader Level:
There are as many ways to build a web site as there are customers out there. What that usually means is that, as developers, we end up recreating the wheel over and over again. In reality, though, 80% of the customers you come across could likely be serviced quite nicely with relatively minor modifications to a basic site structure that includes the most common functionality. That is the concept behind a Content Management System like Drupal.
Drupal is a framework for creating web applications. As such, it has a wealth of advanced abilities like forums, newsletters, and RSS syndication. But it is also well suited for the building of simpler websites that just need to update their content on a regular basis. If you build sites for clients, chances are there is a portion of your business that could be handled more quickly and more profitably using Drupal.
In this installment of the Drupal series, we will cover adding a forum to your site. This will not only provide you with great functionality with very little effort, but it will teach you the basics of adding or enabling a module to your site. We can build on that later for more advanced things.
The Building Web Sites With Drupal Series:
Building Web Sites With Drupal - Part 1: Introduction
Building Web Sites With Drupal - Part 2: Installation
Building Web Sites With Drupal - Part 3: Setting Initial Roles and Permissions
Building Web Sites With Drupal - Part 4: Adding a Forum
Building Web Sites With Drupal - Part 5: Creating Content
Building Web Sites With Drupal - Part 6: Installing a Rich Text Editor
Building Web Sites With Drupal - Part 7: Adding Polls
Building Web Sites With Drupal - Part 8: Personalizing Your Site
Building Web Sites With Drupal - Part 9: Taxonomy 101
Building Web Sites With Drupal - Part 10: Adding an Event Calendar
Building Web Sites With Drupal - Part 11: Customizing the Front Page
Building Web Sites With Drupal - Part 12: Getting Started With Themes
Building Web Sites With Drupal - Part 13: Cron Jobs
Building Web Sites With Drupal - Part 14: Taxonomy 201
Building Web Sites With Drupal - Part 15: Creating a Moderated User Group
Building Web Sites With Drupal - Part 16: Creating New Content Types
Building Web Sites With Drupal - Part 17: Setting Up User Blogs
Building Web Sites With Drupal - Part 18: Backing Up Your Site
Building Web Sites With Drupal - Part 19a: Theming Your Site
Building Web Sites With Drupal - Part 19b: Allowing Users To Select Their Own Theme
Yahoo! Pipes: Create a Persistent News Search with Web Services
Reader Level:

Yahoo Pipes has been on my personal radar since it was announced in February of this year. At the time of its rollout there was a great deal of interest in Pipes around the web design world. Yahoo provided what appeared to be an easy way for anyone (even non-developers like myself) to mash-up RSS feeds into new web services. While that may seem like no big deal, my own experiences and research into current trends indicates that there is a growing demand for data that has been customized and repurposed to fit particular audiences. If you're developing web sites for customers, the ability to provide them with live data that can be displayed on their site will be a valuable service that just may set you apart from your competition. You don't even have to tell anyone how easy Yahoo makes this.
In this series of articles we'll be looking at the world of Yahoo Pipes from both exploratory and practical viewpoints. We'll start out by looking at the Pipes design environment and previewing feeds developed and shared by others in the Pipes community. From there you'll build your first customized feed and finish things up with a look at how feeds published using the Pipes service can be consumed in different ways on your own sites.
In this article you'll learn a little how persistent searches can be created in both Google News and Yahoo News services. Since both of these giants of web indexing also provide the capacity to output a feed as structured RSS you can pull the results into Yahoo Pipes and mash them together into one, deep-searching, consolidated feed. You'll also find out how individual feeds are created and how some simple modules in the Yahoo Pipes environment are used to combine, aggregate, filter, and limit the results that are returned. This is an incredibly powerful piece of technology that you can use to your advantage, or provide as a service to your clients.
The Yahoo! Pipes Series:
Yahoo! Pipes: An Introduction
Yahoo! Pipes: Mash-up a Customized News Feed
Yahoo! Pipes: Create a Persistent News Search with Web Services
Yahoo! Pipes: Options for Publishing a Customized RSS Feed
Coming Soon
Implementing a Real-Time Chat Application
Reader Level:
When you look around the internet you will find a multitude of community-style sites that offer their visitors the opportunity communicate via a real-time chat application. Many of those applications are cumbersome and rely on terrible page refreshes every few seconds.
The fact that chatting online is a very important part of building friendship and communication within a community web site makes it no surprise that a frequently asked question on web development forums is "How do I add live chat to my web site?". It's a common question with so many possible answers.
In this tutorial I will introduce you to a free PHP chat application that works in modern browsers and degrades gracefully in the not so modern browsers that some people still persist in using.
This application is special for a number of reasons. To find out just how special it is please read on.
Content Control with .htaccess - Part 2
Reader Level:
In the first part of this article we looked at how a rather unique feature of the Apache web server, called the .htaccess file, could be used to grant and deny permission to content based on a variety of conditions (IP address, etc).
In this article we'll see how we can take those access conditions and apply them to specific files and file groups on our site to make things more secure and easier to manage.
The Content Control with .htaccess Series
Content Control with .htaccess - Part 1
Content Control with .htaccess - Part 2
Create Dynamic Charts & Graphs with PHP/SWF Charts
Reader Level:
PHP/SWF Charts is a PHP-based tool to generate Flash charts and graphs from dynamic data. With it, you can create charts that update in real time, right on the same page. This tutorial will show you how to use the free version of PHP/SWF charts (along with PHP and MySQL) to create an opinion poll page where poll results are charted in real time.
Spell Checking HTML Forms with JavaScript and PHP
Reader Level:
Have you ever had to write a large amount of text into a field on an HTML form and been uncertain of just how reliable your spelling skills are? Wouldn't it be nice if HTML forms, like most other applications, had one of those handy little "Spell Check" buttons? In this article we'll look at how easy it is to implement this functionality using a PHP/JavaScript solution called Speller Pages.
Geolocating IP Addresses with PHP
Reader Level:
Have you ever wondered just where in the world the visitors of your website are comming from? Whether to satisfy your own curiosity or to automatically deliver localized information, Geocoding can open a whole new set of possibilites for a web site. In this article we'll take a look at what Geocoding is and how a community-based project can help to provide an accurate and affordable geocoding solution.
Creating a Search Engine with iSearch
Reader Level:
If you have always wanted to add a search engine to your site, and didn't know how to program one yourself, you might want to download and install iSearch, a ready-made PHP and MySQL driven application that performs searches right on your own server. This tutorial will take you through the installation and the customization (of the style sheet and header and footer includes) of iSearch.
Run Dreamweaver on Linux
Reader Level:
Will Macromedia ever release Linux-native versions of its Studio MX applications? Who knows? Meanwhile, if you want to try Linux but don't want to leave Dreamweaver behind, this article will show you how to get your favorite web editor up and running on Linux, with CodeWeavers CrossOver Office.
A Clean Start: The New PHP 5 SOAP Extension
Reader Level:
PHP 5 now comes with its own SOAP extension, and that makes implementing cross-platform web services solutions easier than ever. This article will show you how to enable and use the new extension to create a basic web service client that taps the power of Google's Search API.
Parallel PHP: Running PHP 4 and PHP 5 on the Same Computer - Part 2
Reader Level:
The advances in PHP 5 take the language to a new level, yet most of the world is still running PHP 4. Here's how to have the best of both worlds on one development machine. Part 1 of this article showed you how to add PHP 5 to an existing PHP 4 installation on OS X, and seamlessly switch between the two. Now, Part 2 shows you how to do the same on Windows.
Parallel PHP: Running PHP 4 and PHP 5 on the Same Computer - Part 1
Reader Level:
The advances in PHP 5 take the language to a new level, yet most of the world is still running PHP 4. Here's how to have the best of both worlds on one development machine. Part 1 of this article shows you how to add PHP 5 to an existing PHP 4 installation on OS X, and seamlessly switch between the two. Part 2 will show you how to do the same on Windows.
Fun With Fink
Reader Level:
Fink is a powerful package manager for Linux and Unix open-source software on Mac OS X/X11. Using Fink, you can install more than 1700 flexible (and free) open-source packages — including valuable web development tools — from binaries or source. This tutorial will show you how to get Fink installed on your Mac, and then show you how to install and configure Bluefish, a popular Linux-based text editor for programmers. You'll learn how to run Linux programs side-by-side with your OS X favorites, via X11.