Web Developer & Photographer
Menu
menu

A couple months ago, I switched over to Firefox completely after using Safari as my main browser. Now that I have found the right plugins and tweaked the settings, using Firefox has helped me browse the web smarter. Being a web developer, I’m constantly looking for lots of information on various websites, forums, and personal blogs. I’ve been so accustomed to having to click on the “next page” or the “1, 2, 3” links on the bottom of the page that it never really bothered me. All I can say, is that after installing the AutoPager plugin, I’ve been able to browse through sites much faster and save myself time.

Installing AutoPager

  1. Download Firefox if you don’t already have it installed.
  2. Get the AutoPager plugin from the Firefox website or from the “Get Add-ons” menu inside of Firefox (Tools > Add-ons).
  3. AutoPager will work instantaneously after you restart Firefox.

Tweaking AutoPager To Work On Every Site

  1. I have noticed on some sites it can be hard for AutoPager to detect the “next page” or the “1, 2” links.
  2. In order to make custom settings on a per-site basis, all you have to do is go to Tools > Auto Pager > AutoPager.
  3. A sidebar will appear on the left of the screen.
  4. In the URL Pattern field make sure the correct website address is filled in.
  5. Then for the Link XPath and Content XPath, simply click the yellow spy-glass icon in the AutoPager sidebar. This will automatically detect the links.
  6. Just to be sure, click the “Test Site” button that looks like a stack of papers.
  7. If the site continues to the next page as you scroll down—success!
  8. If not, then use the Pickup Link and Pickup Content buttons to select the links manually.
  9. Just hover over the parts of the page that have links and/or content, click once and they will show up in the sidebar.
  10. When you’re done making changes, click the Green checkmark icon to save the changes.

Screenshots: 2 3-4 5 6 7 8 9 10

Change AutoPager Display Settings

  1. One of the most annoying part of AutoPager is the display that shows after the page loads.
  2. To get around this, simply open up the AutoPager settings (Tools > Auto Pager > Manage Settings > General tab)
  3. Once you’re in the General tab, change the “loading notification style” and “page break style” fields so that each one says display:none;
  4. This way the page will look normal and there won’t be a gray page break line in between each page and the loading sign won’t be as obtrusive.

Screenshots: 2 3

Ever since I have been using VMware Fusion, I never really thought about managing the disk space. Primarily because most of my documents and applications were stored on my Mac and not in the virtual machine partition. Therefore, when it did come time for installing applications in VMware, there were installation problems. It takes a little bit of work, but after following these instructions of which my tutorial is based on, you should be all set.

Getting The Tools For The Job

  1. GParted – (download)
  2. VDiskManager GUI – (download)
  3. VMX Extras – (download)

Setting The Max Disk Size

  1. With your Windows XP virtual machine shutdown completely, open up the VDiskManager GUI application.
  2. Click on the Expand tab in VDiskManager. Then click “Choose”.
  3. Go to “username/Library/Virtual Machines/Windows XP/Windows XP.vmdk”
  4. Type in the maximum disk size you want in the box below. Then click “Go”.

Screenshots: 2 3 4

Editing The Startup Screen

  1. You need to edit the startup screen so you can run commands.
  2. To do so, open up the VMX Extras application.
  3. Go to File > Open and browse to “username/Library/Virtual Machines/Windows XP/Windows XP.vmx”
  4. In the Preconfigured Options tab, change the “BIOS Delay” to 5 seconds and then click “Change”.
  5. Close VMX Extras and save the changes.

Screenshots: 3 4

Preparing GParted For Bootup Disk

  1. In order to make the final changes for the repartition, you need to use GParted.
  2. In VMware Fusion, go to the Virtual Machine > Settings menu (⌘ (Command) + E) and choose CDs & DVDs.
  3. Under the CDs & DVDs menu, choose “Use disk image” and select the “GParted.iso” file.
  4. Startup the Windows virtual machine in VMware Fusion now and hold down F2.

Screenshots: 3 4

Using The BIOS Startup Screen

  1. After holding down F2, you should see the Main BIOS screen.
  2. Hit the right arrow key until you are in the Boot tab.
  3. Now use the “-” and “+” keys to manipulate the order of devices until “CD-ROM Drive” is on the top of the list.
  4. Now hit the ⌘ (Command) key and F10 to save the configuration.

Screenshots: 3 4

Using The GParted Startup Screen

  1. After saving your configuration, you will see the GParted intro screen.
  2. Choose the first option, “GParted Live” (Default settings).
  3. In the next pop-up screen, choose “Don’t touch keymap” and hit Return.
  4. Hit Return when asked  “Which language do you prefer?” (English is default).
  5. Hit Return when asked “Which mode do you prefer?”.
  6. In the GParted screen that appears, use your arrow keys (because the mouse does not always work) and arrow over to “Resize/Move”.
  7. Now drag the slider with your mouse (if it does not work with your mouse, enter numbers for the boxes). Then hit Tab until the “Resize/Move” button is selected below.
  8. Now hit Tab once until the Undo button is selected, then arrow over to the right and select Apply and hit Return.
  9. In the small pop-up window hit Tab until Apply is selected, then hit Return to apply the drive size changes.
  10. You should see a window that shows the current status.
  11. After it is done, close the window and close GParted by hovering your mouse over the Exit button and then click it when you see the black hand.
  12. Now use your down arrow keys and choose Shutdown and hit Return.
  13. As it shuts down you may receive a message window, choose Yes and hit Return to finish the shutdown.
  14. If Windows starts up by accident, just shut it down from the main screen.

Screenshots: 2 3 7 9 10 12 13

Final Touches Before Using Newly Repartitioned Virtual Disk

  1. Go to the Settings menu in VMware Fusion after making sure the virtual machine is shut down.
  2. Under the CDs & DVDs settings, change it so it says “Automatically detect physical CD/DVD drive”.
  3. With your virtual machine off, go to VMX Extras and open the “username/Library/Virtual Machines/Windows XP/Windows XP.vmx” file.
  4. Go to the Preconfigured Options tab and change the BIOS Delay back to the default which is “No Bios Delay”.
  5. Boot up Windows, it may do a disk check if necessary and may require you to restart after it fully boots.
  6. Double check that your hard drive disk space has increased (My Computer > Local Disk (C:) > Right-click > Properties).

Screenshots: 1 2 3 4 6

Last year I purchased Roxio Toast because I needed a customized DVD burning software for my family video project. What drew me to Toast, was the ability to fit more onto a DVD disc without sacrificing quality. After spending more time with it, I have come up with several helpful ways to use Toast to its full potential.

Importing DVD’s For Use With iPod or iMovie

  1. To import DVD’s into Toast, go to the Convert menu (AppleTV/iPhone icon).
  2. Once, you have inserted the DVD of your choice, choose how you want to export it.
  3. Located in the bottom left corner is a small gear icon which shows you the export options.
  4. If you want to export the DVD for use on your iPod or iPhone, select the corresponding name under the Device drop-down.
  5. If you want to export the DVD for use in iMovie, select “DV” from the Device drop-down menu.

screenshots: 1 2-3 4 5

Burning An iMovie Project Without Using iDVD

  1. One of the key problems with iMovie is that you have to go through iDVD to burn your iMovie project onto a DVD. With Toast, you just drag your iMovie project and it takes care of the rest.
  2. To start, locate your iMovie project in Finder.
  3. Then, drag it into the DVD-Video section under the Video menu.
  4. If you wish to add a menu-style you can, but you don’t have to because the disc will automatically start playing the movie.
  5. Now, click the Record button.

screenshots: 2 3 4 5

Adding Flare To Movie DVD’s With Menu Styles

  1. If you are making a DVD with several movies on it, you might want to consider using menu styles to visually organize the movies.
  2. In your Toast project, choose the menu style you want by going to the Menu Style drop-down menu in Options sidebar.
  3. Once, you have selected a style, feel free to edit the settings for that style by clicking on the More button in the Options sidebar.
  4. A window will appear with three tabs: Disc, Menus, and Encoding. Choose Menus.
  5. In the Menus window, you can add a title, edit the font colors, change the number of buttons, and so on.

screenshots: 2 3 4 5

Creating A Photo Disc For PC and Mac Users

  1. Toast makes it very easy to create a PC and Mac compatible photo disc because it uses Mac OS X drag-and-drop technology.
  2. Simply just drag pictures from iPhoto, Lightroom, or where ever your photo library is into Toast’s Photo Disc section under the Data menu.
  3. When you are all set, click the big red Record button and soon enough all of your pictures will have been burned onto a DVD or CD.
  4. If you insert the photo disc into your computer, you will get a few neat options: Slideshow, Add to iPhoto (for Mac users), and Photos (folder).

screenshots2 3 4

It’s been a while since I’ve posted anything, so I’ve had plenty of time to work on some projects of my own. One has been trying to completely edit and re-organize my photo library. I have been using a mixture of iPhoto, Bridge, and Photoshop for most of photo editing needs until now. I’ve transitioned into one mainstream way of editing my photos via Adobe Lightroom. It makes things so much easier for me to quickly catalog and edit all of my pictures in one screen.

Change Lightroom’s View Mode For Easier Editing

When I edit photos, I prefer to have no distractions at all. That includes Gmail notifications in my menubar, extra panels in Lightroom, and the Mac dock. This way I can get maximum screen real estate.

  1. Go to Window > Screen Mode > Full Screen and Hide Panels.
  2. If want to show a panel that is hidden in one of the screen modes, just click on one of the arrows for that panel.

screenshots: 1 2

Stacking Images of Similar Form and Design

After making the move from iPhoto to Lightroom, I wanted to figure out an easier way to catalog similar pictures. Instead of making a folder for similar images, I can create a virtual stack of them. This way when I’m looking through 5,000 pictures, it takes up less space in the library window.

  1. Select images in the library that are of the same thing or very similar in form.
  2. Right-click and choose Stacking > Group into Stack.
  3. Since I’ve probably used this about fifty times now, it makes it easier to add a keyboard shortcut for this command. Read my article on making keyboard shortcuts if you want to know how.
  4. If you get a pop-up that says “Could not create stack”, right-click on the images you want to stack and choose “Show in Finder”. Now move them to the same folder.
  5. Then synchronize Lightroom so the changes appear. Go to Library > Synchronize Folder… and it will sync the library with the selected images.

screenshots: 1-2 4 5

Keyboard Shortcuts To Be More Efficient In Lightroom

As you know, I love using keyboard shortcuts when possible. Not only does it improve your proficiency with the application, but it also makes editing images a breeze. I’m only giving just a few because these ones are the ones I use the most.

  1. When you are in in any screen and want to quickly get back to your library, hit the ‘G’ key.
  2. To move to the Develop panel, hit the ‘D’ key.
  3. To quickly adjust the screen mode, hit the ‘F’ key and shuffle through the different modes.
  4. To rate pictures for faster searching later on, just hit the number (1-5) on your keyboard.
  5. To add a color label to your photos, just hit the number (6-9) to on your keyboard.
  6. To quickly compare two selected images, tap the ‘C’ key.
  7. To rotate an image 90° clockwise, hit ⌘ (Command) and “]” and to rotate an image 90° counter-clockwise hit ⌘ (Command) and “[“.

Use SlideShowPro To Make Your Own Professionally Designed Web Galleries

Ever since I got back from recent vacation, I’ve been looking for an online service to share my pictures on. Most of the ones I looked at had either limited storage (Picasa) or a generally basic interface. SmugMug was nice, but not quite at my level of customization. Then I thought I’ll just host my own gallery with my website because it’s easier, faster, and cheaper thanks to SlideShowPro.

  1. To install SlideShowPro, buy it from here.
  2. Once you have downloaded the zip for it, find the “slideshowpro.lrwebengine” file inside the Web Galleries folder.
  3. Now drag the “slideshowpro.lrwebengine” file and the Web Templates folder into “Library/Application Support/Adobe/Lightroom/Web Galleries”.
  4. The next time you open up Lightroom go to the Web panel and choose SlideShowPro from the “Engine” menu (top right).
  5. Adjust the settings until your happy with the gallery, then hit the “Export…” button to export the gallery.
  6. Use an FTP program (Coda or CyberDuck) and upload the folders onto your server.
  7. To view a sample photo gallery, check out the examples page on SlideShowPro’s site.

screenshots: 2 3 4 5

When I got my iPod touch, the one thing that frustrated me was the email function. I have several email accounts — work, personal, and the one that comes with my ISP. The only problem was none of these accounts worked with the iPod touch’s Mail application because they require the use of my ISP to send outgoing messages. Thankfully, incoming messages can be received anywhere with a Wi-Fi connection.

About a year ago, I signed up for a Gmail account and really never got to using it because I already had email accounts. Recently, I thought I’d give it a shot and see if I liked it — and surprisingly, I did. For a web application, the customization is almost endless — from themes, to keyboard shortcuts, to calendars, ‘to-do’ lists, and more. After downloading the Gmail Notifier for Mac OS X, I felt satisfied with using Gmail as my main email. Then I had to figure out what to do with all my other email accounts…

Thankfully, Gmail is so customizable that it allows auto-forwarding of your other email accounts. Perfect. Now, I can use Gmail as a “hub” for all of my email accounts. What if I want to send emails using one of the other email accounts’ addresses? Easy. Gmail allows you to add your mail accounts and send mail using those email addresses through Gmail. Now you must be asking how I did all of this? Here’s how:

Get Mail From Other Email Accounts

  1. Sign into your Gmail account, or if you do not yet have one, sign up for one.
  2. Click on the Settings link in the top right corner of the screen.
  3. Enable POP and IMAP under the Forwarding and POP/IMAP section.
  4. Now, go to the Accounts section and click the “Add another mail account” link under “Get mail from other accounts:”.
  5. Type in your email address and click Next Step.
  6. Enter the correct settings for those email accounts.
  7. Also, I recommend that you make a label for those emails by checking off “Label incoming messages:” and selecting “New Label” from the drop-down menu.
  8. If you Gmail to remove the email message from the other email accounts after it has been forwarded to Gmail, un-check “Leave a copy of retrieved message on the server”.
  9. Now add the account by clicking the Add Account button.

screenshots: 2 3 4 5 6-9

Use Gmail To Send From Your Other Email Addresses

  1. Assuming, you are already signed into Gmail, go to the Settings link.
  2. Next click on Accounts.
  3. Under the “Send mail as:” section, click on “Add another email address”.
  4. Once you have entered that email address and clicked Next Step, click Send Verification.
  5. Check that email account you just added for a message from Gmail that will verify the account.
  6. Once you’ve clicked on the link in the email message the account will be automatically added.

screenshots: 1 2-3 4 5

One more thing I should tell you. If you are planning to use Gmail on your iPod touch, make sure you add the account manually so you can use IMAP. Otherwise, the Mail.app on the iPod touch automatically uses POP. The beauty of IMAP is it allows you to sync your mail with your devices (laptop, iPod touch, work/home computer, etc). Follow Google’s instructions so you won’t get confused.

If you want to be able to send mail from your other email addresses, you can do that from Gmail’s website (choose “From” drop-down menu when you compose mail). If you’d like to reply to the message using the same email address it was sent to, read these instructions. You can also make a default email address from Gmail by  clicking “make default” next to the email addresses under the ‘Send Mail As’ section in Accounts.