luis is a co-founder and social software architect at SyndeoLabs, and a director at Exist Global. he likes building small web toys a whole lot. More ...

quick links to the good stuff

  • 25 First Dates 25 May 2009
  • True Crime: Confessions of a Criminal Mastermind 17 Feb 2009
  • Finding Your Soul Mate: A Statistical Analysis 27 Jan 2009
  • Sex and Schrodinger's Cat 07 January 2009
  • An Extended Rant on Heroes 26 September 2008
  • Zero Barrier 05 May 2008
  • Sweatshop Blogging Economics 08 April 2008
  • The Doomsday Singularity 25 February 2008
  • Piracy and Its Impact on Philippine Music 21 January 2008
  • The Manila Pen-etration by the Hotelier Antonio Trillanes 29 November 2007
  • Journey of a Thousand Heroes 17 December 2006
  • Shake, Rattle & LOL 30 December 2005

    elsewhere online

    • Last.FM
    • Del.icio.us
    • Flickr
    • Plurk
    • Multiply
    • Stumbleupon

    guttervomit

    • 323

      Matakot Ka Sa Karma

      28 Dec 2006

      It’s MMFF season again and as with every year, I find myself absolutely dumbfounded by the calamity that is local mainstream cinema. I know, I know, it’s a terrible attitude to have and believe me, I keep waiting for that one golden moment when some visionary Filipino filmmaker will actually come up with a movie that is both popular with the masses (i.e., MMFF-material) and yet isn’t riddled with cliches, stereotypes and outright rip-offs. I’m still waiting.

      By way of example, let’s take Jose Javier Reyes’ Matakot Ka Sa Karma, one of the two big horror entries this year. This trio of vignettes centers around an antique shop and 3 pieces of cursed furniture that have found their way to our three female leads. The first vignette stars Gretchen Barretto’s lips (or Jolips, as I’ve taken to calling them) as a mother who buys a carved wooden bed frame from the shop at a huge discount. Shortly after the bed is delivered, an annoying ghost begins appearing at doorways, walking across mirrors or staring glumly outside windows, mostly when the main characters’ backs are turned. The cinematography and blocking is so predictable that, during one of the countless look-behind-you sequences, one audience member actually screamed before the ghost moved across the frame.

      Apparently, the bed belonged to some lady whose son was stillborn, and thus has decided to take Barretto’s son as her own. The ghost’s plan is simple: she’ll lure Barretto to the bedroom, lock her in, and make off with her son. Guess what? It works.

      The second vignette involves a rich couple — Rica Peralejo and Derek Ramsey — who are given a heavy wooden cabinet for use in their "den room" (sic).  Rica and Derek are always squabbling. In fact, their entire household, including the two maids, do nothing but bicker all day long, even about simple things like buying soy sauce from the clubhouse.

      When the cabinet is delivered, they have yet another reason to argue, particularly when Rica decides to use it to store Derek’s magazine collection. The cabinet won’t have it of course, and proceeds to throw the magazines back out each night. Clearly, no one — not even a half-sentient wooden box — believes that Derek Ramsey can actually read.

      The big punchline involves some ugly-looking hunchback dude who was apparently locked inside the cabinet and left to die. Somehow, this wooden box is air-tight, and there’s actually a flashback sequence where we watch him slowly suffocating. The hunchback’s ghost doesn’t like being in the cabinet alone so he pulls people through whenever they come close. Once he grabs Rica, Reyes decides that there is nothing left to say, and moves on to the last story.

      The third act in this comedy of errors stars Angelica Panganiban and Bianca King, two graphics artists that work in a printing press. Every day they come to work dressed like fashion magazine editors, never noticing that their workplace is actually a high-ceiling warehouse with big ventilation shafts and kilowatt lighting. Angelica bends and sits and crosses her legs, and baby-fat threatens to burst through her clothes and smother everyone on the set.

      Our girl is the recipient of a three-mirror dresser which Bianca — God love her — theorizes is worth at least PhP20,000. The dresser also happens to contain an interesting necklace. It looks like it was bought at a tiangge for 200 bucks, but again, the two friends decide that it must be a valuable antique. Bianca takes it with her and is never heard from again. The next day, the necklace is somehow back in the drawer, and Angelica rather impulsively decides that she no longer wants anything to do with the dresser.

      Of course, the necklace wants everything to do with her, as The Devil himself actually appears to make sure she wears it. No, I’m not kidding. Yes, we were in hysterics.

      Now, given that the movie only barely made any sense, the only question on my mind after leaving the theater (and indeed, as I write this review) was, "What exactly did any of those stories have to do with karma?"

      Check out "Matakot Ka Sa Karma" showtimes here.

      Posted in Uncategorized | 323 Comments »

    • 14

      Children of Men

      27 Dec 2006

      A truly excellent post-apocalyptic sci-fi from Alfonso Cuaron ("Y Tu Mama Tambien", Great Expectations) starring a nicely subdued Clive Owen, newcomer Claire-Hope Ashitey, and a patently kooky Michael Caine. Children of Men takes the familiar concept of a dystopic London in the year 2027, where immigrants are rounded up and placed into ghettos and the entire human race is infertile, and turns it completely on its head. This film dances deftly between political intrigue to racial commentary to out-and-out foot chases with gusto. Towards the end of the movie,there’s an absolutely insane steadicam shot that tracks Clive Owen as he picks his way through the rubble of a ghetto uprising while fire fights and explosions are going on all around. The shot goes on forever and the amount of planning that went into such a complicated sequence is truly astounding (). Brilliant, brilliant sci-fi. Probably the best of the year.

      Posted in Uncategorized | 14 Comments »

    • 26

      Christmas 2006

      24 Dec 2006

      happy_holidays.png

      Posted in Uncategorized | 26 Comments »

    • 80

      Journey of a Thousand Heroes

      17 Dec 2006

      Good storytelling is a lot like good software development. In the programming world, the best coders don’t try to build everything from scratch with every new project. Instead, they build using components and modules that they (or other programmers) have built in the past and improve on these assets based on the current requirements. Storytelling is a lot like that, with many stories taking on more-or-less the same form as others and performing a delicate balancing act between being comfortably familiar and excitingly original.

      One of the most popular "story forms" is called the Monomyth or the Hero’s Journey, which is a structure that seemed to have sprung from ancient mythology and is still used in many of our modern myths today. The best known (and most obvious) example of Monomyth is of course, the Star Wars trilogy, but movies like The Lion King, An Officer and a Gentleman, and The Karate Kid all follow this same basic pattern.

      eragon_cover.jpg As I was reading Christopher Paolini’s Eragon this week, I wondered if Paolini was aware of the monomythic concept while he was writing, as it’s another textbook example of a really effective hero’s journey. This is the kind of topic that can make for a great post-movie conversation, and I don’t think that a movie that uses the Monomyth pattern should be criticized as being "unoriginal," any more than software that uses AJAX or Rails should be. It’s only a pattern after all, and the way it is executed still accounts for the biggest piece of the proverbial pie. Recent stories like Harry Potter and Eragon have employed this framework to great effect, but to say that they are "ripoffs" because they share the same foundations would be doing a great disservice to their respective writers.

      (NOTE: I’ve tried to avoid creating spoilers to Eragon throughout this article, as I’m sure not all of the people reading this essay will have already read the book. I do mention a couple of story details from the first act of the book though, as it’s generic enough that you will not be bothered too much even if you did know them.)

      The Monomyth pattern is a 12-step process, divided into 3 acts:

      1. Act One
        1. Ordinary World
          tatooine.jpg
          This is where it all begins. Our hero is shown leading his normal life, as a normal person. In Star Wars: Episode IV and in Eragon, our hero is a farmboy who lives with his uncle and cousin. In The Matrix, Tom Anderson is a pasty-faced programmer who spends his time engaging in various semi-illegal activities. In Harry Potter and the Sorceror’s Stone, Harry is a socially-challenged boy living under the stairs of a boring home along Privet Drive.
        2. Call to Adventure
          neoscall.jpg
          Our hero is presented with a problem or a challenge. In Star Wars, this is when Luke discovers the holographic message stored in R2’s databanks. In Eragon, the call to adventure is when our hero discovers a heavy, otherworldly stone during a hunting mission. In the Matrix, Mr. Anderson’s call is literally a phone call from a mysterious Morpheus.
        3. Refusal of the Call
          This portion of the story is usually brief, because it is usually in there to reinforce our hero’s attachment to his "ordinary world." Luke Skywalker meets Obi-wan, who teases him with ambiguous allusions to his jedi inheritance, but Luke refuses to join the old man. When Luke returns to his farm, he finds his adopted family dead. In Eragon, we get roughly the exact same treatment. (Often I wondered if Paolini was basing his work off of Monomyth, or on Star Wars directly.)
        4. Meeting with the Mentor
          neeson_batman.jpg
          The mentor-student relationship is one of the easiest elements to identify in monomythic stories. In The Matrix, this part of the story begins when Neo starts training with Morpheus. In Eragon, the storyteller Brom provides our young farmboy with mentorly instruction as they chase after the people who murdered Eragon’s uncle. In Batman Begins, Bruce Wayne joins the League of Shadows and is trained by Ducard/Ra’s al Ghul.
        5. Crossing the First Threshold
          This portion of the story is a subtle transition into the second act, and relates our hero’s whole-hearted acceptance of the fact that he can no longer return to the Ordinary World that he has grown accustomed to.

      2. Act Two
        1. Tests, Allies, Enemies
          No Star Wars fan can forget the Cantina scene where Luke and Obi-Wan meet Han Solo and Chewie for the first time, get into a very brief shootout, and encounter Jabba the Hutt. Considering that our hero is tested, meets some new allies and makes some new enemies all in the space of one scene, this is some pretty economical storytelling. The appearance of tests, allies and enemies is characteristic of the second act, as it serves to set things up for the final encounter. In Eragon, one important ally is introduced very late in the story, with most of the second act dealing primarily with Eragon’s training.
        2. Approach to the Inmost Cave
          deathstar2_battle3.jpg
          This is usually another physical change in location, as our hero’s adventuring finally brings him to a place where he will be truly put to the test.
          Star Wars: the Millennium Falcon is tractor-beamed by the Death Star.
          The Matrix: Neo and the other members of the Nebuchadnezzar enter the Matrix and are ambushed by Agents. Morpheus is captured and several of Neo’s allies are killed.
          Lord of the Rings: The Fellowship approach the Mines of Moria (a literal cave, no less).
        3. Ordeal
          Moria.jpg
          Star Wars: Luke and his friends are almost stuck in the trash compactor. Luke is pulled under the water by a tentacled creature.
          The Matrix: Neo and Trinity return to the Matrix to free Morpheus, and are met with significant resistance.
          Lord of the Rings: The Fellowship do battle in the Mines, eventually losing Gandalf in the fight against the Balrog.
          Batman Begins: Batman encounters Scarecrow for the first time and is seriously poisoned.
        4. Reward
          After going through the challenges in the previous section, the hero achieves his goals and proves his worth.
          Star Wars: Although Obi-Wan has been killed, Luke and the others escape with the all-important Death Star blueprints and the princess.
          The Matrix: Neo proves his abilities by rescuing Morpheus and Trinity in a huge fight sequence.
          Batman Begins: As a direct result of being poisoned, Batman now has an antidote and is prepared for the final battle.

      3. Act Three
        1. The Road Back
          "The Road Back" is a bit misleading in its title, as it is not so much about travelling as it is about setting up the final conflict. It’s usually a sequence wherein the hero leaves the "special" world that he has experienced his ordeal/reward in. Sometimes the Road Back involves a twist of fate, like a betrayal or a bit of luck that turns out to be totally reversed. In the Matrix, our hero’s "road back" is interrupted by Agent Smith.
        2. Resurrection
          neo_agent_smith.jpg
          The Resurrection step is the most exhilirating part of the hero’s journey, because it introduces one final conflict that will change our protagonist forever.
          In the Matrix, this is the point where Neo is left alone in the Matrix after his escape route is cut off by Agent Smith. Instead of running, he decides to stand and fight. The "resurrection" here is taken rather literally: Neo is actually shot dead by Agent Smith, only to rise up again, stronger than ever.
          In Star Wars, Luke makes the decision to use the Force instead of the instrumentation on his X-Wing, fully embracing his Jedi heritage. In Harry Potter and the Sorceror’s Stone, Harry must overcome a complex series of puzzles and challenges before he finally reaches the Sorceror’s Stone.
        3. Return with the Elixir
          Finally, our hero has achieved his goals, bested his enemies and grown in some way. The term "elixir" here is in reference to the fact that in the ancient myths, the whole point of the hero’s quest was to obtain some artifact or magical device that he could bring back to his people. Sometimes the item is an actual physical object, such as the Grail in Excalibur. Other times, it’s an intangible thing, like Luke’s skill with the Force, or Neo’s control over the Matrix, or Harry Potter’s growing knowledge of magic.

      For more information on Monomyth and the modern myths of our times, check out Joseph Campbell’s , Chris Vogler’s , and Monomyth.org.

      Posted in Uncategorized | 80 Comments »

    • 12

      The Big Switch: A Touch of Windows

      12 Dec 2006

      After spending the last two articles extolling the virtues of Mac OSX, it seems only fitting to devote one article to discussing the stuff it lacks. From a web designer’s point-of-view, there’s one huge hole in switching completely to a Mac, that you are obligated to rectify immediately.

      Yes, I’m talking about Internet Explorer. No, I’m not crazy. The browser that everyone loves to hate is arguably the most important piece of software in a web designer’s toolkit. Think about it: you can live without Photoshop, Dreamweaver or Flash; there are always alternatives to those applications. But there’s only one IE, and it deserves your attention (if not your respect).

      So how does one go about getting IE to work on a Mac? A few years back, you could actually get IE compiled specifically for the PowerPC-based Macs, but that rabble-rouser of an app is long gone (not to mention that it was too "unique" in its bugginess to be very useful as a testing tool).

      What you really need is Windows-based IE6, which currently accounts for at least 55% of the global browser population, and for that, you’ve got 3 major options:

      1. BootCamp. The only official Apple product on this list is also the only one that actually requires you to reboot your machine every time you want to switch operating systems (hence the name). Bootcamp is a free product that allows you to partition your hard drive and install a full version of Windows on it, as well as all the various doohickeys that XP comes bundled with.

        In practice, this is a bit of a bitch to do. The trade-off is that it allows you to devote 100% of your machine’s resources to Windows, meaning that there is practically no performance penalty at all to this approach. (Both of the proceeding options will result in slower overall performance, so if you are looking to do some gaming on your Mac, or some hardcore Photoshop, Bootcamp might be the solution for you.)

        The disadvantages include the aforementioned reboots, and the fact that you will have difficulty sharing files between your Mac partition and your Windows one. The decision to format your Windows partition using either FAT32 or NTFS will have a big impact here, as MacOS can read/write to the former, but only read from the latter. To make the decision even more complicated, FAT32 can only support partition sizes of 30gb or less, so you will be working with a fairly cramped drive if you are looking to do some design work on Windows.

        In truth, I had a hard time even considering the Bootcamp option as I would have to maintain two Ruby interpreters, two PHP engines, two MySQL servers, etc., etc., to be able to test my websites on both MacOS and Windows, and the prospect of going through all that hassle was a bit too much.

      2. Parallels. Here’s the option I eventually went with, after comparing the various choices. Running Parallels is very much like running the Matrix — XP doesn’t know that it’s actually trapped inside Mac hardware, and proceeds to live its life without realizing that it’s literally Windows in a window.

        Once you’ve got Parallels installed, all you have to do is define the specifications of your virtual machine (how much memory, how much hard drive space, what kind of network adapter it has), and then proceed to install whatever OS you want. It currently supports everything from Windows 95 to ZetaOS, which is pretty darned cool.

        Unlike Bootcamp, where you actually have to allot a certain amount of hard drive space to the Windows partition, Parallels only consumes the space as needed. In other words, it doesn’t matter how much hard-drive space you define during installation, because Parallels resizes the virtual machine file dynamically (it just makes Windows think it has access to a drive of such-and-such size). Obviously this file will slowly grow as you accumulate data, but it doesn’t create dead space the way Bootcamp would. Currently, my entire Windows virtual machine is sitting pretty at 2.1gb of file space, which is smaller than most modern games.

        The most impressive thing about Parallels is how easily you can share files between OSX and the guest operating system. You could quite literally drag stuff from your OSX desktop onto the Windows desktop. In technological terms, this seemingly simple gesture is a hell of a feat.

        In terms of networking, Parallels actually makes Windows believe that it’s a standalone computer in a workgroup with another Mac close by, so it just treats it like it would any other network neighbour. That means that you can define shared folders on your Mac that the Windows virtual machine can read from and write data to.

        The reason why I chose Parallels was because I needed to be able to view the websites running on my Mac in IE6, look for errors, go back and edit the code, view the revisions, then repeat the process. Obviously, it would be impossible to do this using the Bootcamp method because I would have to reboot each time.

        Parallels does have some limitations however, although for our purposes, they are not hugely relevant. It’s unlikely that you will be able to get things like your Macbook’s webcam working within your virtual machine, or its built-in Bluetooth adapter. You also will not be able to burn anything with the SuperDrive, as all Windows can see is a read-only CD/DVD-ROM. You will, however, be able to surf the web without much tweaking, as it will assume that your Mac’s internet connection is its bridge to the Internet. The other limitation is that Parallels will only devote one of your two processors to the virtual machine, so running hefty applications like the almighty Photoshop is not going to be very advantageous.

      3. CrossOver. Linux users will already be familiar with the technology on which CrossOver is based; it’s called Wine, and it’s allowed *nix afficionados to use mainstream apps like Microsoft Office for years now. Of our 3 options, CrossOver is the one that involves the least amount of headache, because you don’t even have to install Windows to get near-Windows-like functionality. Wine essentially clones the Windows framework, allowing it to run Windows-only apps on any Unix-based system (a version of CrossOver is available for both Linux and Mac).

        What’s the catch? Wine is a work in progress, and is far from perfect. One would argue that it’s impossible to make a perfect copy of an imperfect original, but ultimately, it means that the products you run via Wine are not going to be 100% stable. It also means that not every Windows application is supported by CrossOver (there’s a growing list of every application it does support here).

        After running CrossOver’s svelte 28mb installer, you will be asked to choose which Windows applications you want to run. IE6 is fairly straightforward to install because it’s free to download and CrossOver actually handles the whole process automatically (including a simulated reboot at the end — nifty!). Other applications will require that you provide a CD or an installation folder for CrossOver to take the files from.

        From my brief experiment using IE6 via CrossOver, I have to say that I wasn’t very impressed with the overall experience. The CrossOver site warns that their IE6 port was still a bit unstable, and although it didn’t crash during my test runs, it was both slow and rendered pages unreliably … that is, more unreliably than what you’d normally expect from standard IE6.

        Ultimately, this solution doesn’t give a web designer the stable testing environment that he needs to solve browser compatibility issues and thus, isn’t something I can really recommend. On the other hand, it is a veritable no-brainer to install and start using CrossOver, and should be enough if you’re only using it to debug HTML and CSS. (Anything with a lot of Javascript — Gmail, Yahoo!Mail Beta, Basecamp, etc — gave me a real headache.)

      As stated above, Parallels is my weapon-of-choice for getting IE running on the new Intel-Macs. It costs US$70 plus the Windows license, so it’s also the most expensive choice, but it’s the only one that fits all our various requirements.

      Posted in Uncategorized | 12 Comments »

    • 14

      The Big Switch: Designer Tips and Tricks

      10 Dec 2006

      When I say MacOS is a very designer-friendly environment, I don’t just mean that because of the elegant use of chrome on the buttons or the general spiffiness of the GUI. Little design tasks that, on Windows, could only be accomplished via a plugin or third-party utility actually come standard with this operating system. That means less installation and more time spent actually focusing on the the actual work.

      The list that follows is a small taste of the stuff the standard MacOS has to offer. In the interest of brevity, I’ll only be mentioning the bits that I’ve had direct experience with and are, of course, relevant to designers.

      1. Screenshots. Taking screenshots is probably the single most tedious web-design-related task on a PC, due to the fact that you can only either press Print Screen (for the whole desktop) or Alt + Print Screen (for the current window) to do your screen captures. You then need to switch to Photoshop, paste the image in, and remove the windows frames and borders to make your screenie presentable. You have to repeat this process for every screenshot, because the Clipboard only holds one image at a time.

        (Once they’ve gotten tired of doing this a couple hundred times, Windows-based designers will probably want to shell out for SnagIt, which is the high watermark for screen capture applications. SnagIt isn’t cheap but it’s got more functions than the average web designer would even conceivably need, and it’s easily the best in its class.)

        On MacOS, you can take screenshots several different ways, none of which involve having to buy third-party software. Command + Shift + 3 will capture the entire desktop, and Command + Shift + 4 will allow you to draw a box around the area you want to take a shot of. In either case, your screenshot will be deposited as a nice 24-bit PNG on your desktop. If you’d rather that the screenshot got saved to the Clipboard (Windows-style), you can override that behaviour by pressing Ctrl as you draw the selection box.

        There’s also a Timed Screenshot function which will take a shot 10 seconds after you activate it. This is useful for those times when you need to take a screenie of your mouse pointer opening a menu, or selecting text, etc. (which would otherwise be pretty difficult to pull off). For more info, here’s a fairly lengthy essay on all the various screenshot-related shortcuts you can pull off on vanilla OSX.

      2. System-Wide Zoom. This OSX feature is impressive as hell, especially when you see how smoothly it operates. The system-wide zoom actually enlarges your entire desktop, not just the contents of a window, until you can comfortably see the pixels that make up each element. It even anti-aliases the image as you zoom, so you don’t see ugly jaggies.

        If you’ve got a mouse with a scroll-wheel, you can zoom by holding Ctrl and rolling the wheel forward. If you’re on a laptop, you will need to hold Ctrl while placing two fingers on the trackpad. If you want to turn off the anti-aliasing (for example, if you want to check compression artifacts on your web graphics), all you have to do is press Command + Alt + \.

      3. Hardcore PDF Support. Anyone who’s spent a decent amount of time with Adobe Acrobat Reader knows that it is an absolute dog of an application. Suffering from the same feature bloat as its siblings, Acrobat takes a ridiculous amount of time and CPU resources to view even mid-sized PDFs. On Windows, the best third-party PDF viewer is probably FoxIt Reader, which takes a fraction of the memory and CPU time that Adobe’s application does. On MacOS, an all-in-one viewer simply called Preview 3 handles PDFs as well as all the common graphics formats.

        What’s really cool about MacOS is that its graphics rendering engine, Quartz 2D, is actually based on the PDF standard. This means that when you view a PDF on OSX, it doesn’t go through an additional layer of processing, it can be handled directly by the display engine. On Windows, a PDF has to be "translated" before it can be properly understood by the renderer and then displayed on Acrobat or Foxit, which naturally introduces some delays in actually showing the document to you.

        This same rendering engine is largely responsible for all of the little graphical touches introduced in OSX, such as transparency, shadowing and dynamic icon animation.

      4. System-wide Search That Works. One of my biggest concerns upon switching to a Mac was the fact that isn’t available on OSX yet. I try really hard to be neat with my filing system, but when each web project has several thousand files and assets, it’s just impossible to remember where everything is. Google Desktop Search gave me some measure of assurance that, even if I filed some stuff away improperly, I’d have a reasonably good chance I’d be able to locate it again in the future.

        OSX’s Spotlight took the GDS functionality and supercharged it with as-you-type feedback. You will rarely have to type more than 4 or 5 letters before the item you’re looking for shows up on the results list. If you’re feeling especially brave, you can even just type the file-extension that you’re looking for (for example, ".jpg" or ".avi") and instantly get a list of every single file on your machine that matches it.

        The best part is, Spotlight is just a Command + Spacebar keystroke away. And if you’re looking to super-charge Spotlight even more, check out the very excellent Moru, which allows you to use complex Booleans and do searches-within-searches, among other cool additions.

      5. Font-handling. For print designers, one of the most time-consuming aspects of the job is managing all the hundreds of fonts that you accumulate as you work. Back in Windows 98 or 2k, it was totally possible to crash your system when you hit the upper limit of a thousand installed fonts. Adobe Type Manager does a reasonably good job of managing this problem, by compiling lists of fonts that you can load or unload as necessary. MacOS’s Font Book does essentially the same thing, but the interface is a lot less clunky. You can allegedly maintain several thousand fonts on your machine without any slowdown, although of course I have yet to try this. (Hell, the only fonts I use are Arial and Times New Roman.)

        OSX also comes with a very cool Automator action that scans a given document for all the various fonts it uses, then generates a collection of those fonts. InDesign and QuarkXPress already have this functionality built-in, but this allows you to retrieve the font list without having to run a huge application first. Check out the entire Automator library here.

      6. Color Selection. Here’s another tedious task on Windows that just flies by on MacOS. You know how, everytime you need to know the exact hex value of a particular color on a webpage, you would first need to take a screenshot, paste it into Photoshop, then use the color picker to get the precise RGB value? Because it’s a huge waste of resources to have to fire up a gargantuan application to retrieve a six-character text string, various developers have created little utilities to accomplish this simple task. I personally really liked the ColorZilla plugin for Mozilla Firefox a lot (even though it had the singular disadvantage of only being usable within the browser), and was pretty disappointed when I discovered that it didn’t work on my Intel-Mac. Thankfully, OSX comes with its own built-in color-picker utility, called Digital Color Meter.

        In terms of features, it’s fairly spartan. It can output the hex or percentage value of any thing you point to on screen, and typing Command + Shift + C will copy the text string to the clipboard. From there you just paste it directly into whatever application you want. It can’t save batches of colors, nor does it display hex, percentages and actuals at the same time. But it’s tiny, easy to use and best of all, you don’t need to download or install anything to get the functionality you need!

      A Word On the Adobe Family

      When the first line of Macbook Pros came out earlier this year, there was a big hubbub about the fact that none of the current generation of design applications from Adobe were compiled for the new Intel-powered processors. In other words, anyone who bought the Intel-Macs were not getting the full benefit of the dual-core CPUs, because the only way the Adobe applications were even working at all was by being routed through an additional layer of interpretation called Rosetta.

      8 months and a full processor refresh later, there still aren’t any Adobe products compiled for the Macbooks. The popularity of the new hardware has at least encouraged them to ramp up the release date on Adobe CS3, so we can hopefully expect to be running Rosetta-less Photoshop by March or April 2007 (i.e., if they’re not planning on doing a Vista on us).

      The good news is that the Core 2 Duo’s are so fast that you will not really notice the performance hit, especially with 2gbs of memory onboard. I’ve recently worked on two event banners that measured around 5000px by 1500px each with about 50 layers of raster and vector artwork, and only noticed a very minor slowdown. When CS3 comes out, there may be a nice performance boost due to the fact that we no longer have to run Rosetta, especially when coupled with the fact that Photoshop CS3 will supposedly be the first Adobe application to actually leverage the GPU as well as the CPU.

      Up Next: Setting up Apache, PHP, Ruby, MySQL and other exciting geekery.

      Posted in Uncategorized | 14 Comments »

    • 14

      Mobiuslive Artwork

      6 Dec 2006

      Time for a brief commercial break from our sponsor:
      banner_horizontal_2_600px.jpg

      This banner is the first piece of art I generated on the Macbook, a 6-ft by 2-ft tarp for wrapping around the reception desk during Mobiuslive events. 

      Posted in Uncategorized | 14 Comments »

    • 14

      Windows XP on Mac OSX

      5 Dec 2006

      I’ve known about virtualization as a concept for awhile now, but I’ve never really had a chance to experience it first hand. Let me tell you, it is positively surreal.

      windows_xp_on_parallels_sma.jpg

      Yep, that’s Windows XP running inside a window on Mac OSX.

      To accomplish this small feat, all one has to do is grab a copy of the very excellent Parallels Desktop, which allows you to install various operating systems (everything from Windows 95 to BeOS) on your Mac in "virtual machines." A virtual machine is exactly what it sounds like; it’s a software representation of an actual physical computer. Each virtual machine you spawn has its own distinct operating system and specifications, so you can simulate all kinds of interesting software/hardware scenarios if you’re feeling adventurous.

      Getting the whole thing set up was surprisingly simple. Once i’d installed Parallels, all I had to do was create a new virtual machine and decide what OS to install on it. There’s already a default configuration available for Windows XP and Windows Vista (which I suppose are the two most popular choices) so you will not be called upon to make many big decisions. You will still need to obtain your own copy of the relevant software, but that goes without saying.

      Interestingly enough, Windows XP installation took less time on a virtual machine running on Mac OSX than it did on an actual physical one. A process that normally takes about 45 minutes was over in about half that time. I did hit a blue screen of death on my first run though, which was another very surreal experience for me. (The BSOD crashed my virtual machine and forced me to restart it, although nothing on MacOS seemed to be affected. ITunes was still playing and my torrent files were still downloading. Crazy, I tell you.)

      Now I guess the question foremost on your mind would be "Why exactly would I want to run Windows — virtual or otherwise — on a Macbook?" The short answer is, simply, because you can.

      The longer, slightly less juvenile, one makes the case that there are a crapload of applications out there that will never be available for MacOS, and this allows you to experience them in some form. And if you’re a web designer, Parallels allows you a quick way to check your work for Internet Explorer-related issues, without having to go through all the hassles of networking with a separate Windows rig.

      As you can probably imagine, there are some performance penalties involved in running a virtual machine, so it’s unlikely your virtual Windows will be very gaming-capable. (I’ll know this for certain once I’ve gotten a copy of Doom 3 or Quake IV installed on it, both of which I’ve been vainly trying to get working on MacOS.) On the other hand, what else are you gonna do with those 2.33 Ghz dual-cores right?

      Posted in Uncategorized | 14 Comments »

    • 11

      The Return

      4 Dec 2006

      Picture-1.jpgThe Return is a strange little Midwestern horror film starring Buffy and some TV actor. It’s probably the first film I’ve seen that consciously aped M. Night Shyamalan’s style of storytelling, although it’s hampered by the fact that it’s … well, really boring. The interesting thing is that it has all the ingredients: troubled mid-20’s lass with relationship issues, grimy locales with scowling, evasive residents, extreme closeups of people staring, spooky things in the mirror, self-inflicted knife wounds, etc. I mean, I could totally imagine this movie being scary if it had just been injected with a little bit more creativity.

      Buffy does her best to keep the energy level up, but the movie wanders a little bit too much during its second act, and everybody just stops paying attention past the first hour. To make sure the audience was still awake, the filmmakers saw fit to throw in a cheap scare every 15 minutes or so; that helped a bit, but it ultimately couldn’t save this cruddy excuse for a ghost horror.

      Posted in Uncategorized | 11 Comments »

    • 16

      The Big Switch

      2 Dec 2006

      .. or "Macs from a Windows perspective"

      A Mini-series of Indeterminate Length 

      I’ve had my Macbook Pro for almost two weeks now and I think I’ve had enough experience with it that I can make some fairly decent comparisons between OSX and Windows XP, from the viewpoint of someone who has just recently switched. In terms of know-how, I have a small bit of experience with Linux (I dual-booted the TabletPC with Debian for a little while last year) and my Windows knowledge spans a 12-year saga. My only Mac experience prior to this laptop was limited to a 3-week internship back in college (I was using OS9 on a G4). This series of entries will be devoted to the various differences and interesting issues I’ve encountered as I slowly transition my workflow and codebase on to the new system. As much as possible, I’ve decided to keep this series layman-friendly, except for those few occasions where a visit to the commandline is unavoidable.

      So let’s get started!


      1. Ye Olde Apple Key. It’s interesting the difference that one key on a keyboard can make. On a Mac, the Apple key is in the same place as the Windows key on a PC, but it does a heck of a lot more. Most Windows users will be familiar with basic text-editing keyboard shortcuts like Ctrl + Z, Ctrl + X, Ctrl + C, Ctrl + V. Replace the "Ctrl" with "Command" (which is the correct term for the Apple key), and you’ve got your Undo, Cut, Copy and Paste, respectively. Where this gets interesting is when you delve a little deeper. In Windows, we type Alt + Tab to switch to a different running application. In OSX, we type Command + Tab*; we can also do Command + ~ to cycle between windows within the current application.

      Being a grizzled Windows veteran, one of the first keyboard shortcuts I tried to look for was the one to force the shutdown of errant applications. On Windows, you would normally do Ctrl + Shift + Esc to get a list of all your currently running applications, from which you would choose the one to stop. On MacOS, you would do Command + Alt + Esc. Interestingly enough, for all MacOS’s vaunted stability, I still do have to use this Force Quit dialog every now and then, particularly during those times when Firefox goes nuts. (Windows users, you’ll be happy to know that Firefox is an unstable resource hog on OSX as well.) Check out this guide for more Mac keyboard shortcuts.

      2. Maximize/Minimize. One of the most frustrating things for me during my first few days with the Macbook was double-clicking the title bar of an application and expecting it to maximize, i.e., fill up the entire screen. On OSX, this same action minimizes the window, which is the absolute opposite of what I wanted it to do. The curious thing is that there really isn’t a "maximize" command for Mac apps; at least, not exactly. There’s a little green (+) icon at the top left of each window which is I guess what you would call a "smart-maximize" button. All it does is resize the current window so that you can view as much of it as your screen will allow (it’s a bit hard to explain, but suffice to say that it doesn’t give you fullscreen view either).

      Other applications have a Zoom command in their menu bar, which will give you a close-to-fullscreen view, but not all of them. In other words, it’s very difficult to give full focus to a single application, unless you’re willing to manually drag the resize handle at the bottom right of each window. This took a lot of getting used to, particularly when all you wanna do is concentrate on one thing. Check out this discussion on mimicking the Windows maximize functionality with a custom keyboard shortcut.

      3. Folder Structure. If you’re an advanced Windows user, one of the most disconcerting things you will be faced with upon entering OSX-land is the folder structure at the root. On Windows, you’d have something like:

      • Documents & Settings
      • Program Files
      • Temp
      • Windows

      On Mac OSX, you have a slightly more complex structure:

      • Applications
      • bin
      • etc
      • Library
      • private
      • sbin
      • System
      • tmp
      • Users
      • usr
      • var

      *nix users will be right at home with this, because it’s text-book BSD (only the folders with capitalized first letters are OSX-specific). The folder "/Users" fulfills the same role as "/home" in any *nix system.

      So whenever you install an application, these are placed in /Applications and are represented as icons (although in reality they are complex directories). The cool thing about it is that all you have to do to uninstall any app is to drag its icon to the Trash, and the entire directory structure it represents is immediately removed. Contrast that to the Windows approach that involves either running the application’s specific uninstaller, or going to Add/Remove Programs in the Control Panel to remove it from there. Simply deleting the application’s folder in File Explorer doesn’t cut it, because Windows programs are notorious for dropping bits of themselves all over the file-system (not to mention the Registry). On OSX, each application gets one sub-folder, and that’s it. If it needs to add a file outside of /Applications, it asks for root-user permission first.

      skype_dmg.png 

      4. Installing Applications. This is the part of OSX that confused the living crap out of me before I realized that I was overthinking the process. Most applications you download for Macs are contained in single DMGs which are the equivalent of ISO files in Windows. DMG stands for "Disk iMaGe", which basically means that OSX treats it like a CD or a USB memory stick that you have just inserted (the correct term is "mounted").

      skype_install.png 

      Once you’ve mounted your DMG, you will typically see a window with two over-sized icons. One of the icons represents the application itself, while the other icon represents your Applications folder. Now, originally, I thought this was some kind of visual instruction, i.e., I was supposed to copy something from the DMG into my Applications folder. That was actually the correct interpretation, but I didn’t understand that the only action required was to drag the first icon onto the second icon.

      So in reality, what I was seeing in that window was the application’s codebase and a symbolic link to my Applications folder. Dragging the app to the folder was the graphical representation of installing the item. For small applications like Skype, the installation "process" was done as soon as you dragged the icon over. For larger ones, a progress bar would appear as the files were copied (I typically only saw a progress bar for Photoshop-sized applications; everything else completed in about 2-3 seconds).

      5. Launching Applications. Most people will already have seen that MacOS’s standard method for launching applications is a thin strip of icons at the bottom of their screen. This is called the Dock, and it’s what Windows was trying to duplicate with their "Quick Launch Bar". Like the Quick Launch Bar, none of the applications you install will get placed on the Dock unless you specifically say so (i.e., you actually drag their icon onto it), so it will never get over-crowded.

      The Dock is a very cute feature — I confess that it took me awhile to get tired of the magnifying animation as you moved over the various icons — but it’s certainly not the most efficient way to launch applications. After my first three days, I had changed my Dock’s default position to "hidden" and was launching all my apps using Quicksilver, which was a heck of a lot more efficient. Quicksilver is an application launcher, meaning it allows you to type the name of the app you want to run, instead of looking for it on the Dock and clicking on it. Why is this faster? Because Quicksilver learns what your favorite apps are, and can usually figure out what you mean within two or three letters.

      quicksilver_photoshop.png

      On my machine, I can invoke Quicksilver’s little launch bar by typing Ctrl + Spacebar, type "PH," hit Enter, and instantly launch Photoshop. The entire series of keystrokes takes about 1 second to do, which is significantly faster than hunting around for the Photoshop icon on the Dock (or even worse, from the Applications folder).

      Where Quicksilver really shines is in the various other tasks it can be taught to do. Right out of the box, it can be taught to run your email application whenever you hit Ctrl + Spacebar then type out an email address. Likewise, entering a valid url will load the address into your default browser. Or entering the first few letters of a video on your hard drive even. (Type "HOU" to get a list of House episodes, for example.)

      After some fiddling, I got it to do site-specific searches as well. For example, to do a search on en.wikipedia.org, I hit Ctrl + Spacebar, type "wiki", then type the search term. To do an Amazon search, I type "amaz"; to do a Thesaurus.com search, I type "thes". The great thing is that you can configure it to use the search box of practically any site you want; the sky is literally the limit.

      Quicksilver is, unfortunately, not a built-in application on OSX, but it’s free to download and is easily the best in its class. You can grab it here. (For Windows users, a number of decent clones are available. I used both Launchy and Colibri extensively on the TabletPC, and they were both pretty good.)

      6. Closing Applications. Another curious difference between Windows and MacOS is the fact that clicking the (x) on an application window doesn’t actually close the application. This is the same behaviour that mobile users experience on PocketPC devices, and can be a bit annoying if you don’t notice that it’s still running on the Dock. The only way to really kill an application in MacOS is to hit the keystroke Command + Q, or look for the Quit entry on the menu bar.

       

      Next up: Expose, the Dashboard, Spotlight and other cool productivity tools. 

      Posted in Uncategorized | 16 Comments »

     

    categories

    • Home
    • No categories

    archives

    • April 2011
    • March 2011
    • February 2011
    • January 2011
    • August 2010
    • May 2010
    • April 2010
    • February 2010
    • January 2010
    • December 2009
    • November 2009
    • October 2009
    • September 2009
    • August 2009
    • July 2009
    • June 2009
    • May 2009
    • April 2009
    • March 2009
    • February 2009
    • January 2009
    • December 2008
    • November 2008
    • October 2008
    • September 2008
    • August 2008
    • July 2008
    • June 2008
    • May 2008
    • April 2008
    • March 2008
    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
    • April 2007
    • March 2007
    • February 2007
    • January 2007
    • December 2006
    • November 2006
    • October 2006
    • September 2006
    • August 2006
    • July 2006
    • June 2006
    • May 2006
    • April 2006
    • March 2006
    • February 2006
    • January 2006
    • December 2005
    • November 2005
    • October 2005
    • September 2005
    • August 2005
    • July 2005
    • June 2005
    • May 2005
    • April 2005
    • March 2005
    • February 2005
    • January 2005
    • December 2004
    • November 2004
    • October 2004
    • September 2004
    • August 2004
    • July 2004
    • June 2004
    • May 2004
    • April 2004
    • March 2004
    • February 2004
    • January 2004
    • December 2003
    • November 2003
    • October 2003
    • September 2003
    • August 2003
    • July 2003
    • June 2003
    • May 2003
    • April 2003
    • March 2003
    • February 2003
    • January 2003
    • December 2002
    • November 2002
    • October 2002
    • September 2002
    • July 2002
    • May 2002
    • April 2002
    • February 2002
    • January 2002
    • December 2001
    • November 2001
    • October 2001

    friends

    • Dementia
    • Gabby
    • Gail
    • Gibbs
    • Helga
    • Ia
    • Ina
    • Jason
    • Kaye
    • Lauren
    • Lizz
    • Luna
    • Mae
    • Migs
    • Mike
    • Ryan
    • Sacha
    • Vicky
    • Vida
    • Yuga

    search

    notes

    Guttervomit v3 went online in January, 2008. It uses Wordpress for publishing, and was built largely with Adobe Illustrator and Textmate. Logotype and navigation is set with Interstate.