All posts tagged ‘tutorial’

File Under: HTML, Web Standards

Add HTML Forms to Your Site

So you’ve decided it’s time to interact with your users. You’re tired of this one-way street — you talking, them listening. You want to actually hear what your readers have to say. In order to do this, you’ll need to provide a way for people to enter information. Therefore, you’re going to need an HTML form (to process this information, however, you must implement some sort of script, which might require another tutorial).

Continue Reading “Add HTML Forms to Your Site” »
File Under: Uncategorized

Site Optimization Tutorial – Lesson 3

So far, we’ve learned how to shrink page layout code and how to effectively compress images. Still, there are a few more techniques you can apply to optimize your pages, and most of them spring from smart design sense (Here are the On Page Search engine optimization guidelines). Follow these helpful design tips and your page load time will be about as miniscule as humanly possible – short of running your code through a Frinkian Debigulator.

Continue Reading “Site Optimization Tutorial – Lesson 3″ »
File Under: JavaScript, Programming

Debug JavaScript With Venkman

In the first part of our JavaScript debugging tutorial, we talked about debugging methods that work in just about any web browser. These techniques are useful when you’re trying to get your script to work in a particularly troublesome browser. More often, however, you’re faced with some code that just plain doesn’t work, and you’re not sure why.

With a script debugger, you can pop the hood and study exactly how things work — the catch being that the only really robust debuggers exist only for Internet Explorer and the Mozilla family of browsers. But that’s OK. You don’t really care about browser compatibility yet; you just want the darn thing to work.

In today’s lesson, I’m going to show you how to use Venkman, Mozilla’s script debugger. It’s not really any better or worse than Microsoft’s Script Debugger, but it has the advantage on running on Windows, Linux, Unix, and Mac OS X. You can download it from Mozilla’s site. As with all extensions, you’ll need to restart your browser after installation. Once you restart, you should see a menu item named JavaScript Debugger under the Tools menu. Make sure to click on this menu item after you’ve loaded the page you want to debug. It also is a good idea to close any extraneous tabs before you start debugging.

Continue Reading “Debug JavaScript With Venkman” »
File Under: Social

Keep Track of Your Friends With XFN

So far, keeping track of your social relationships on the web has been something that primarily happens on the big social networking sites — Facebook, MySpace and Friendster. They all have different features, but the common thread between those sites is that you can define and manage your relationships with other users on each site.

But what happens to those relationships when you leave Facebook and go surfing around the larger web? How do you stay in touch with your friends and continue to manage those relationships once outside the sealed ecosystem of a social network?

And as popular as they are, we all have a few friends who purposefully avoid the big social networks for whatever reason. Even those people have loose systems for defining their relationships — maybe they have a blog and they keep a “blog roll” or a list of sites they like in the sidebar. It’s much less formal, but it’s analogous to the friends list in a site like Facebook or Friendster (just don’t point that out to them, lest they become even more reclusive).

The web is a big and complicated system of connected data, so surely there’s a structured way to define and manage relationships between people without joining a social network. And in fact there is.

It’s known as XFN, or the XHTML Friends Network. Using a series of different rel tags in your markup, you can indicate who your friends are what the nature of your relationship is.

While not officially part of Microformats, XFN uses some microformat components to define relationships, and the two groups share similar goals.

Continue Reading “Keep Track of Your Friends With XFN” »
File Under: APIs, Location

Get Local Search Results From Google

Finding what’s nearby is a big part of Google Maps. Now the same information is available on your own site, using Google’s APIs. Let your users search your map, finding nearby restaurants or other businesses and landmarks. Even better, take that data in its raw form and do whatever you want with it.

This tutorial will show several different methods for accessing local data from Google using JavaScript. From plug-and-play maps to direct access to search results, Google is making local listings available to your applications.

Continue Reading “Get Local Search Results From Google” »