All posts tagged ‘tutorial’

File Under: CSS, Fonts, UI/UX

Web Typography Tutorial – Lesson 2

Ask any web designer about the use of typographic design on web pages and they’ll tell you the same truth: The web is a harsh, uninviting environment for the delicateness of fine typography. Along with the usual web culprit of platform inconsistency, the extreme low resolution of even the best current screens means type online can only allude to the geometry of the typefaces you’ve so carefully chosen and specified.

Continue Reading “Web Typography Tutorial – Lesson 2″ »

File Under: Databases

Manage Transactions in MySQL – Lesson 2

In Lesson 1 of this tutorial, you leaned how to approximate transaction-like behavior with MyISAM tables. In this lesson, you’ll see how you can achieve real transactions with each of MySQL’s three transactional table types: BDB, InnoDB, and Gemini. But before I get to specifics surrounding each table, I need to revisit the notion of locking.

Remember that MyISAM supports only table-level locks of two types: read locks and write locks. The transactional tables types offer more granular locking mechanisms: They can place locks on specific subsets of data. You’ll read more about each table’s locking mechanisms as I get to them in the following pages.

Continue Reading “Manage Transactions in MySQL – Lesson 2″ »
File Under: APIs, Location

Get Local Search Results From Yahoo

Online maps are a popular way to spice up a site. To get the most use out of them, you need data to plot: addresses from a database, location clicks from the user or at least coordinates for the map’s center. With any map, you have to start somewhere.

If you’re low on data, you can fill in the map with local listings, such as those you’d find in the Yellow Pages. You can show coffee shops or pizza joints right along your other data, or even on its own.

In this tutorial I’ll show how to use Yahoo Local to search for nearby businesses and landmarks, then plot those locations on a Yahoo Map using the Ajax API.

Continue Reading “Get Local Search Results From Yahoo” »
File Under: JavaScript

Create Rich Interfaces With the YUI Library

The line between web and desktop applications is fading. Users now expect a richer experience. JavaScript can help provide interfaces and interactions that mimic the desktop. In this tutorial, I’ll introduce you to the JavaScript-based Yahoo User Interface Library. We’ll use it to convert normal HTML into more interactive controls.

Best of all, Yahoo’s library is open-source and has been released under a BSD license, so it’s free for all users.

Continue Reading “Create Rich Interfaces With the YUI Library” »
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″ »