All posts tagged ‘tutorial’

File Under: Frameworks

Ruby on Rails for Beginners

If you’re like me, you’re reading this on your bright-red custom-built laptop in a soothing rosemary-scented bubble bath, and you’re wondering, “Why do I want another interpreted programming language? I can find my way around Perl and PHP and maybe a little Python. And Unix shell scripting. I feel fine. Why do people keep talking about Ruby?”

Continue Reading “Ruby on Rails for Beginners” »
File Under: Multimedia

Lightroom Tutorial

If you’ve spent most of your time behind the lens shooting JPEG files, the format most casual point-and-shoot cameras capture by default, making the leap to shooting in Camera RAW is a revelation.

The uncompressed RAW image format allows unrivaled control over your finished product. With RAW, you can effectively go back to the scene of the shoot and re-adjust the exposure, change the white balance, alter the contrast and make dozens of other tweaks that JPEG files don’t allow for. That’s why the RAW format is preferred by the vast majority of digital photographers, from the professionals down to the serious hobbyists. Once you go RAW, you don’t go back.

However, Camera RAW images make for a much more complicated workflow. Gone are the days of plugging your camera into a computer and seeing your images printed on paper or posted to Flickr instantly. Given the increased complexity of Camera RAW images, it’s not surprising that whole new crop of images editors have come around to help you deal with the workflow requirements.

Adobe Photoshop Lightroom 2 ($300, or $100 upgrade) is one such image editor. It has much of the brawn and brains of Adobe’s flagship Photoshop app, but it’s been built to more specifically fulfill the unique demands of the Camera RAW workflow. The software industry calls these “digital darkroom” applications because they are set up to closely mimic the steps you’d take while making a print in a darkroom from a strip of film.

Continue Reading “Lightroom Tutorial” »
File Under: Frameworks, JavaScript

Get Started With MooTools

Programming with JavaScript can sometimes make me feel disorganized. I end up with bits of code floating around for various purposes. What was missing for a long time was some way to keep everything organized.

Now we’re being helped out by JavaScript frameworks, like MooTools, Prototype and JQuery. These frameworks sit on top of JavaScript and makes some common tasks a whole lot easier. When you use MooTools, as you will in this tutorial, you’re still writing JavaScript, but hopefully it’s a little more organized.

If you are still a beginning programmer, other frameworks might be a better choice. For example, see our jQuery tutorial. The way MooTools does things is a bit more for programmers than designers.

The MooTools way of doing things focuses on helping you not write the same thing over and over again. While the core of the library doesn’t do everything for you (as some frameworks do), MooTools gives you the structure to do it for yourself once, then use is many times.

In this tutorial I’ll introduce you to the MooTools way of writing JavaScript. Then we’ll select objects from the page in a few different ways.

Let’s get going and learn how to use the MooTools JavaScript framework.

Continue Reading “Get Started With MooTools” »
File Under: CSS, UI/UX

Mulders Stylesheets Tutorial – Lesson 2

Welcome to Lesson 2 of our tutorial on the wondrous language known as cascading stylesheets. After Lesson 1 on the basics of how to use and add stylesheets to Web pages, we can now begin exploring the individual properties that make them more than cool.

Lesson 2 is devoted to fonts: calling them by name, controlling text size, specifying all manner of bolds and italics, and adding special effects. Do you think you can do all these things with existing HTML tags? Well, you can’t.

The CSS properties covered in this lesson include:

  • font-family
  • font-size
  • font-weight
  • font-style
  • font-variant
  • text-transform
  • text-decoration
  • font


Let’s get started.

Continue Reading “Mulders Stylesheets Tutorial – Lesson 2″ »
File Under: JavaScript

Thau’s JavaScript Tutorial

There’s a lot you can do with JavaScript: Images can swap when you move a mouse over them, form elements can influence each other on the fly, and calculations can be made without having to resort to a CGI script. And it works in all major browsers.

This article’s original author, Thau, has been working with JavaScript since its invention, and he created this five-part tutorial to teach you everything you need to know to begin your JavaScript career. The crash course comes complete with many exercises, and you’ll be writing a script by the end of the first lesson.

The series starts off with a look at JavaScript fundamentals, including variables, if-then statements, link events, and image swaps. Keep following along as Thau gets down and dirty with the JavaScript Document Object Model, windows and frames, JavaScript syntax with loops, arrays, and functions, and forms. This all sound like a bunch of gobbledygook? Well, dig in and learn!

And the fun’s not over once you’ve mastered the basics — Thau put together the Advanced JavaScript Tutorial for senior scripters.

Get started: Lesson 1