All posts tagged ‘wiki’

File Under: Glossary

Typeface


Typeface refers to the overall design of a font‘s characters. Courier is a typeface; Courier 24-point bold is a font. There are two general categories of typefaces:serif and sans serif. Serif typefaces use small decorative marks to embellish characters and make them easier to read. Typefaces without these little marks are called sans serif (“sans” is French for “without”). Helvetica is a sans serif typeface and Times is a serif typeface.

File Under: Cheat Sheets, HTML

Color Charts


When you’re adding a color to your web page with HTML, sometimes you can just type in the name of the color. But more often than not, you’ll need to use what’s called the hex code, which is something that the browser will be able to understand. Choose a color from the list below and look to its left to get the hex code. If we wanted our background to be red, for example, we’d type bgcolor=”#FF0000″. Try it out!


Continue Reading “Color Charts” »
File Under: Ajax

Ajax Drop-down Menu

This code, which was written by Adam Duvander, will create a simple Ajax drop-down menu.


Continue Reading “Ajax Drop-down Menu” »

File Under: UI/UX

Mulders Stylesheets Tutorial – Lesson 1

Building Web pages with HTML is like painting a portrait with a paint roller. Only truly determined and tenacious souls can achieve the exact result they want. It’s just not the right tool for precision and flexibility.

Anyone who’s used HTML for more than a week knows it isn’t a very effective tool for making Web pages. That’s why we sometimes resort to making large GIFs when we want just the right font or layout. That’s why we’re forced to use convoluted table tags and invisible spacer GIFs to push things around on a page.

It’s ridiculous, really. Our code gets too complicated, our GIFs too numerous, and our final pages too bandwidth-heavy. It’s not exactly optimal Web page construction.

But in late 1996, stylesheets quietly entered the scene. Officially called cascading stylesheets (CSS), it was an elegant cousin to HTML that promised:

  • more precise control than ever before over layout, fonts, colors, backgrounds, and other typographical effects;
  • a way to update the appearance and formatting of an unlimited number of pages by changing just one document;
  • compatibility across browsers and platforms; and
  • less code, smaller pages, and faster downloads.


Despite lukewarm support from many of our favorite Web browsers, CSS is starting to make good on these promises. It’s transforming the way we make Web pages and is the cornerstone of Dynamic HTML.

We’ll spend the next five lessons taking a tour through the land of stylesheets. You’ll learn the basics of how to create and use cascading stylesheets within your Web pages as well as what’s possible with fonts, typography, colors, backgrounds, and positioning.

Continue Reading “Mulders Stylesheets Tutorial – Lesson 1″ »
File Under: Uncategorized

Site Optimization Tutorial – Lesson 4

Now test your own site and all your benchmark sites for download times, and make copious charts of the results. We’ve tried different methodologies for timing page downloads, and finally hit upon the best trade-off between time required and accuracy of results. To get meaningful comparisons with a minimum amount of effort, use this method.

Contents

  1. How to Time Sites
  2. Automated Timing? No Such Thing!
Continue Reading “Site Optimization Tutorial – Lesson 4″ »