OS X Messages Auto Reconnect Script

Ever had Messages disconnect in the background, only for you to find out that you’ve been offline for several hours? On a less-than-ideal Internet connection such as mine, this is a typical scenario. So much so that I came up with a script, which OS X Lion and Mountain Lion users can download below:

Continue reading ‘OS X Messages Auto Reconnect Script’

I Have Good News, Bad News, and a New Fireworks Tutorial

First, the bad news: with all the stuff that’s been going on with work, I’ve only been able to update this blog with tidbits, and only when I have time to do so. I’m afraid I won’t be able to post any Rapid Fire tutorials for a while.

But that doesn’t mean I’ll stop writing Adobe Fireworks tutorials, which brings me to the good news:

I’ve been given the opportunity by popular design resource Smashing Magazine to write Fireworks articles and tutorials. My new tutorial, Extracting Logos Using Levels In Adobe Fireworks is the first of many collaborations between me and the awesome people I get to work with. Expect more in the coming months, but for now, I hope you enjoy my debut article!

CSS3 Rounded Corners: Avoiding Image Clipping Problems

The Scenario

Consider the following HTML+CSS setup: an img element wrapped in a div container with rounded corners (and optionally, a drop shadow); the div is sized to match the image’s dimensions, like so:

<!-- HTML -->

<div class="rounded">
    <img src="…" height="50" width="100" />
</div>
/* CSS */

div.rounded {
    border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
    height: 50px;
    width: 100px; }

The Problem

If you’ve been playing around with CSS3 long enough, chances are you’ve already encountered this common problem: the corners of the image don’t get clipped by the container, although the container’s corners are rounded. A perfectly logical outcome, considering the box model behavior and element hierarchy, but in most cases, it’s not what we want for our layout. Continue reading ‘CSS3 Rounded Corners: Avoiding Image Clipping Problems’

Fireworks Goodness: Qrayg’s Fw PNG Week Project (+ a Tip on Filename Conventions)

Craig Erskine's Fw PNG Week Project

In March of 2010, Craig Erskine (a.k.a., qrayg.com) set out to create PNG vector files and offer them for free download to the Adobe Fireworks community. Ten months later, his Fw PNG Week project has consistently grown into a solid collection of 48 52 Fireworks vector resources, ideal for designers of application interfaces, websites, logos and icons.

Continue reading ‘Fireworks Goodness: Qrayg’s Fw PNG Week Project (+ a Tip on Filename Conventions)’

Graphika Manila 2010

Graphika Manila 2010

Graphika Manila 2010 is the fifth installment of the Philippines’ premier multimedia design conference. Creative professionals and passionates will once again gather on August 7, 2010 at the SM Mall of Asia to be treated to a whole day of design wisdom and inspiration from both local and foreign talents. If you’re into art and design (and happen to be in the Philippines), you’d be a fool to skip this. (Last couple of times I did, I missed out on Pixar and ILM. Crap.)

For more information, go to http://www.graphikamanila.com/, or http://www.facebook.com/graphikamanila.