All posts tagged ‘tutorial’

File Under: Programming, Software

Patch Open Source Software

One of the countless joys of open source software is, because its source code is open, developers modify programs to make its behavior exactly what they want. Usually, these modifications are pretty useful and address an issue the rest of us share. Luckily for us, they distribute their changes so the rest of the world can enjoy them too, depending on the software license of course.

Commonly, people distribute it in the form of a patch. Users download the original source to the software as well as the patch code, use the patch to modify the software, compile and enjoy. Here’s how.

Continue Reading “Patch Open Source Software” »
File Under: JavaScript, Programming

Mash up Data Sources to Find iPhones

When the iPhone 3G was released, it was a difficult item to find. To help communicate about inventory, Apple created an availability tool which listed all the stores in a particular state and whether each had stock of the three models.

We at Webmonkey thought that was great, but that extreme Apple fanboys would want to know more. The truly committed might even drive across state lines to get their hands on just the right color iPhone. We knew we needed to be able to check inventory not just by state, but by proximity.

This article details how we made the iPhone locator from an Apple feed, a Google Map and a little Web 2.0 baling wire.

Download the source files and follow along below.

Continue Reading “Mash up Data Sources to Find iPhones” »
File Under: Frameworks, JavaScript

Get Started With Prototype

Much of the web counts on JavaScript for its interactivity and for many years it was difficult to write. Browser inconsistencies and complicated code made even advanced coders grimace. JavaScript frameworks, such as Prototype, jQuery and MooTools have taken much of the pain away.

These frameworks sit on top of JavaScript and make common tasks a whole lot easier. Prototype is the granddaddy of JavaScript frameworks. It was the first to gain wide popularity, probably due to its pairing with the Ruby on Rails server-side programming framework.

In this tutorial, I’ll provide an introduction to the Prototype way of writing JavaScript. We’ll find objects on the page in various ways and manipulate them. You’ll still be writing JavaScript, but in an abbreviated form using Prototype shorthand. The best part is the stuff that caused the headaches–like the differences in browser implementations–is taken care of for you.

Let’s get started learning Prototype and writing shorter, hassle-free JavaScript.

Continue Reading “Get Started With Prototype” »
File Under: HTML

Send HTML-Formatted E-mail

A wedding of linkable web pages and regular e-mail, HTML e-mail is a growing medium for Internet communications, and it’s getting easier to use.

HTML e-mail brings the power of the web browser to your e-mail inbox. Maybe you receive daily newsletters, weather updates, gardening tips, or whatever with pictures, fancy text and backgrounds and clickable links? That’s HTML e-mail. All the information and delivery ease of an e-mail but with the look and feel of a web pages.

With a basic knowledge of web design and a touch of e-mail savvy, you, too, can offer your own content in this format.

Continue Reading “Send HTML-Formatted E-mail” »
File Under: CSS

Mulders Stylesheets Tutorial – Lesson 5

In this final stylesheets tutorial lesson, we’ll discover what many people believe to be the coolest thing about CSS: positioning and layering.

As we all know, positioning text and images on a Web page with HTML is a pain in the butt. We have to use table tags and invisible spacer GIFs, and even then we’re not guaranteed precise positioning because of variations in browsers and platforms.

If you’re tired of these limitations, CSS will make you feel like a god. With the properties we’ll discuss in this lesson, you can precisely position an element using exact pixel coordinates. Furthermore, you can layer positioned elements on top of one another and control what’s on top. And there’s even more, as you’re about to see.

Here are the properties we’ll be looking at:

  • position
  • left
  • top
  • width
  • height
  • overflow
  • visibility
  • clip
  • z-index

Important note: Because the specification for this CSS-Positioning feature set was developed later than the rest of CSS, IE 3 does not support any of it. For positioning and layering, you’re limited to 4.x and 5.x browsers.

Continue Reading “Mulders Stylesheets Tutorial – Lesson 5″ »