dom.net

About | Contact
Archives | About | CSS | Design | Dreamweaver | Education | Family | Film | Flash | Friends | Funny | Learning | Life | Literature | Love | Mac | Mac OS X | Music | PHP | Play | Poetry | Quotes | RSS | San Francisco | Wine | Work | Writing |
 
 
 
The New Mythology | Smart Mobs | Lessig Blog | Eric Case
 
rss 1.0 | rss 1.0 | rss 2.0 | atom 0.3 | syndic8
subglobal8 link | subglobal8 link | subglobal8 link | subglobal8 link | subglobal8 link | subglobal8 link | subglobal8 link

Mac OS X

QuickTime Goodness

quicktime player icon Having spent some time engineering the Flash Video Kit, I can appreciate what having OS-level control can do for a media application.

Steps:
1. Open any QuickTime file, or check out the new Star Wars music video.
2. As it plays, hover over the timeline, and activate your mouse's scroll-wheel.
3. What? You don't have a scroll-wheel mouse? Which mouse-button are you using for Exposé?

When you scroll your mouse, the movie steps forward, and back. PERFECT for skipping around a video, looking for clues.

May 17, 2005

Posted to Mac OS X at 10:22 AM | comments (0) | trackback (0)

WWDC 2005

WWDC 2005 It's official - I've got my ticket for Apple's WorldWide Developer's Conference next month in San Francisco!

I Heart Apple.

Last year, they provided a pretty stable version of Tiger. I wonder what it'll be this year? What's next?! New hardware? Mobile? I'm cool with whatever.

My goal this year is to come out with a solid Widget or two to share with you all. If you're going this year, look me up!

May 12, 2005

Posted to Mac OS X and San Francisco at 09:17 AM | comments (0) | trackback (0)

Behaviors and Templates in Dreamweaver

This week in class we covered the following topics:

In Dreamweaver:

Regarding maintenance:

Regarding Flash:

Regarding Design:

  • Page-reload flash issue - be careful, some users may expect it

Homework:

Create and publish a site design with two or more JavaScript Behaviors in it using Dreamweaver. Email URL to the class list.

Next Week: How to Crash Dreamweaver!

April 27, 2005

Posted to Design and Dreamweaver and Learning and Mac OS X at 12:10 PM | comments (0) | trackback (0)

Advanced Server Interaction

This week we covered the following topics:

In Dreamweaver:

On the Mac:

Regarding Design:

Homework:

  1. Set up a sub-domain as a PHP testing server
  2. Set up your machine to run the latest PHP
  3. Set up your machine to run MySQL
  4. Draw a design flexible enough to incorporate an unknown amount of data.
  5. Access student database via Application panel
  6. Create a repeating region from the database, and place it in your design.
  7. Prototype using Live Preview button.
  8. Save to server, send URL.

Next Week: How to Create Flash With Dreamweaver!

April 14, 2005

Posted to CSS and Design and Dreamweaver and Flash and Learning and Mac OS X and PHP and RSS at 11:32 PM | comments (0) | trackback (0)

Introduction to Server Languages

This week we covered the following topics:

In Dreamweaver:

On the Mac:

Regarding Design:

  • Two modes of design: Prototyping, Deconstructing
  • Lipsum.org
  • Prototyping technique: design in graphics tool, then try to reproduce in HTML and CSS

Homework:

  1. Draw a design on paper, or use another design tool to prototype it first.
  2. Layout your design using tables and/or layers
  3. Extract all CSS to another file (use File > Export)
  4. Carve up your design into reusable elements. Break these elements out into separate files.
  5. Re-include these elements into your files using virtual includes:
    <!--#include virtual="/[foldername]/[filename]" -->
  6. If possible, put the resulting code to your server.
  7. Email your page URLs (and if necessary, the elements) to the group.

Next week: Using Application Servers!

April 7, 2005

Posted to CSS and Design and Dreamweaver and Learning and Mac OS X at 12:18 AM | comments (2) | trackback (0)

How Not to Use Dreamweaver

This week we covered the following topics:

How Not to Use Dreamweaver:

Taking advantage of the Mac:

  1. System Preferences > Sharing > Personal Web Sharing
  2. Then visit http://localhost/
  3. Localhost directory is [root]/Library/Webserver/Documents/
  4. Set up your Testing Server in your Site Preferences to be this Localhost directory.
  5. Hit F12 for a local preview, with root-relative links intact.

Homework:

  1. Draw a Web design on paper. Armed with CSS and tables, design your site in Dreamweaver. Try Table Layout mode. Try the table button in the Insert bar. Or use Insert > Table. Use right-click (Control +Click) in the table to access menus, or examine the Property Inspector. Remember Text > CSS Styles > New.
  2. For inspiration, visit the CSS Zen Garden and try "select a design".
  3. If you get stuck, try Help > Dreamweaver Support Center.
  4. Go to Bloglines.com. Create an account. Figure out how to:
    • Add Dom.net's RSS feed.
    • Add news.bbc.co.uk's news feed.
    • Create a blog and post to it. Send me your Blog URL.

March 23, 2005

Posted to CSS and Design and Dreamweaver and Learning and Mac OS X and RSS at 05:23 PM | comments (1) | trackback (0)

Walking the Walk

Brushed Aluminum header

I've been teaching my Dreamweaver class how to prototype, and decided to show them how it's done. Check it out.

This started on paper, then moved to OmniGraffle. Then, I got busy with Apple Interface Builder, and finally souped it all up using MX 2004 and the new (unreleased) version of Dreamweaver.

Sometimes I find it hard to believe that creating new web designs is actually a part of my testing. Gotta walk the walk of our customers!

Thanks to Biz and Eric for the QA and encouragement.

March 17, 2005

Posted to Design and Dreamweaver and Mac OS X at 08:22 PM | comments (1) | trackback (0)

Take Full Advantage of your Mac

Here are a few tips to help you increase productivity using Mac OS X.

Grab the developer's tools to get:

  1. Shark - performance analysis
  2. Xcode - coding and documentation tool
  3. FileMerge - file diff / comparison tool
  4. gcc - compiler/debugger

Take note of these Macintosh OS X innovations:

  1. Track Performance: Turn your Seconds in your menubar: System Prefs > Date & Time
  2. Have a cheap, clean workspace - Enable Fast User Switching: System Prefs > Accounts > Login Options
  3. Apple + D gets you to Desktop in any modal dialog
  4. Middle-Click for Exposé: System Prefs > Exposé
  5. Yes, there is Right-Click - you can use Control + Click on a machine with only one mouse button
  6. Import preferences and files from another machine during install: Target Disk Mode - Hold down T during startup
    This is the way to install on a machine with no DVD drive:
    1. Restart target machine to Target Disk Mode.
    2. Mount target machine and Install DVD.
    3. Start install process, DVD will ask you to choose partition on target machine.
    4. Restart when done, disconnecting target machine after chime.
  7. Apple + K to connect to server from Finder
  8. Samba (smb://) is faster, but Apple File Protocol (afp://) always works

Here are several excellent Macintosh applications that will streamline your testing and general productivity:

  • Adium - multi-client chat application, free beta
  • Quicksilver - essential - allows realtime searching and launching via keyboard shortcut, free beta that mimics "Spotlight" in Tiger
  • iPulse - essential - allows realtime status on processes, memory usage, disk usage and other stats in one small view, free trial
  • xScope - useful - provides zoom, guides, and other pixel-related tools for UI Inspection of entire screen, free trial
  • SnapsProX - screenshot app that works just like SnagIt

Watch this space for more Mac tips and tricks.

March 11, 2005

Posted to Mac OS X at 03:23 PM | comments (0) | trackback (0)

Happy Mac

Friends, I will now relate the tale of Reformatting my Hard Drive on Purpose:

When I got my 15" PowerBook, it was the fastest machine I had to use. I would hum a little tune as I crashed beta after beta of Dreamweaver, and installed all manner of "productivity-enhancing" tools like menu additions and such for OS X. Eventually, the machine started slowing down. Also, I had broken up my drive into too many partitions and I needed more space for my Tiger install. So, I attempted to back up and restore once I reformatted my partitions. (Warning - Read ahead before attempting - or try Simplified Steps):

Step 0:
Overwhelm your OS with add-ons, hacks, and other operating detritus.

Step 1:
Procure a Backup Hard Drive. In my case, a LaCie FireWire 400 brick. Break it up into properly sized partitions as needed. Mount.

Step 2:
Fire up the Terminal.app. Type cd /Volumes. Type sudo sh, enter password. Type ditto -V [source drive] [destination drive] (-V will allow you to watch each file transfer). Ditto will copy all files and preserve Resource Forks. These are more important than Salad Forks, but somewhat less useful in a kitchen brawl.

Step 3:
Take a break. Read a book. Play guitar. Play station. Read someone's blog.

Step 4:
Repeat ditto for each desired backup.

Step 5:
Unmount your backup drive, insert OS X install disc, double-click to run and restart. Before proceeding with the install, choose Disk Utility from the Utilities menu. Reformat your drive into neccessary partitions (in my case, Panther and Tiger). Leave at least 6 Gigs for Tiger (in my case, 20 Gigs for OS, files, and the occassional disk image).

[Step 5.5:
At this point, I used ditto to copy back over the stuff from my backup, and then restarted. I encountered several Framework errors, and it basically didn't work - probably because Apps had been installed on a different partition. So, I endeavored to restore vital bits by hand, see below.]

Step 6:
Return to installer. Cross your fingers and desalinate your shoulder as you select install options and choose "Erase and install".

Step 7:
Revisit Step 3. Add Simpsons and Futurama as needed.

Step 8:
Do a little dance as the OS X setup music plays. This part is very important!

Step 9:
Setup and configure your OS: Stop the icons from bouncing in the dock, set your folder views, configure Expose. Run Software Update at least twice. Restart as prompted.

Step 10:
Restart your Mac, holding down the "T" key. This will place your machine in Firewire Target Disk Mode. Mount your old drive. Copy over vital bits from:


  • ~/Library/Application Support/

  • ~/Library/Preferences/

  • Applications folder

  • User folder (i.e. Documents, Pictures, Music)

  • Elsewhere you have files hidden or hiding.

Step 11:
Reinstall vital apps. In most cases, this will involve simply copying the program folders and keying in the license when you run it for the first time. In some cases you may need to install from the original program disc. Pepper your old preference files into ~/Library/Preferences to avoid lengthy configuration.

Step 12:
Spend a few hours futzing with your music collection in iTunes, because it was scattered around in various places. Agonize over moving some music off of your machine in favor of fresh tones.

Step 13:
Recovery! Notice your Mac running faster. Install Tiger. Notice many new and amazing things, break them, report bugs to Apple. Go about your business and try not to imagine what this would have been like on a Windows machine!

December 6, 2004

Posted to Mac OS X at 11:43 PM | comments (0) | trackback (0)
Home | Contact | Xhtml | Css | 508 | Aaa | © 2005 Dominic Sagolla