Business Website Design, Essential Data Corporation

Our newest client website launched a few days ago. EDC is a leading provider in the united states for copy-writing services. Their main office is located in Fairfield, Connecticut with 30 locations nation wide.

EDC's homepage

Visit their website…

Posted in Client Spotlight | Leave a comment

What I Love About WordPress

As a company, we’ve been using WordPress for about 6 months now. As a former developer and business owner that needs to wear a lot of hats, I’m extremely pleased with WordPress’s ability to deliver. Here’s an outline of my favorite features:

1. Quick and Easy Access

For simple updates there’s nothing easier than going to a login screen and getting access to all your pages & posts. For our clients, this allows them to make the updates, or if they’re busy, we can do them for them. Either way, it’s quick and easy.

The WordPress Login Screen

2. Plugins, Plugins, Plugins

We love development- but there’s something about being resourceful that puts a smile on my face. Why reinvent the wheel? With WordPress, plugins are so easy to use & install.

So why use plugins? Well, they significantly reduce the time and costs associated with development. For instance, one plugin that I recently found, automatically creates your sitemap.xml for you (a document that helps you with Google indexing). Who has time to keep that thing up to date? With the plugin, you configure a few setting and forget about it.

In the end, plugins allow us to do more with less budget. They help us meet the needs of our clients and we get to spend more time on design and usability.

3. Custom Post Types

Sounds complicated- but it’s a really great feature. If you’ve never used WordPress before there are a couple of different types of posts you can make. Pages, Posts and Links. Pages are the pages of your website, posts are blog posts and links are well, links. Each of these post types can be used throughout your website in any way you desire. A couple of examples are:

  • On my “links” page show all my links and descriptions with the category “friends”
  • On my homepage show all of the blog posts with the category of “press releases”

What “Custom Post Types” allow you to do is create other post types like “Job Openings”, “Events” or “Staff”. In the same way that you can use the native post types (pages, posts & links) anywhere on your website, you can also use custom post types.

Final Thoughts

WordPress is also highly supported and it doesn’t seem to be going anywhere. With a library of 12,000+ plugins and world-wide usage (including big companies like Adobe & The New York Times) I’m just not concerned about future support.

Looking into using WordPress for your company’s website? Our Seattle-area team specializes in WordPress and we’d love to help! Just send us a note and we’ll get the conversation started.

Posted in WordPress | Leave a comment

Truecount, RFID for Retail

Our newest website is out- Truecount.com.

Truecount provides RFID solutions for the retail industry and was founded by Zander Livingston, Jordan Lampert and Paresh Yadav.

Truecount.com Homepage

Truecount.com homepage

Here’s a excerpt from their website:

Formed by a pioneer in the retail RFID community, Mr. Zander Livingston, Truecount’s mission is to gain and maintain recognition as the global leader of RFID solutions for the retail industry. Supporting these solutions will be the provision of implementation, training and support required by clients to effectively use and derive value from our products.

Truecount.com Leadership Team

Truecount.com Leadership Team

Posted in Client Spotlight | Leave a comment

ZScreen, an Awesome Screen Capture Tool

In the world of website design, you can’t get a way from needing to capture your screen from time to time. Sometimes you just need to copy the screen so you can open it up in photoshop and get a hex color code- other times you may want to use browser elements in your mockups. Regardless, we do it over and over, so an advanced screen capture tool is definitely in order.

If you’re fed up with Window’s “Snipping Tool”, here’s a great open source application that will rock your world- it’s called ZScreen.

ZScreen

ZScreen - Screen Capture Application

I haven’t exhausted the tool by any means but here’s a list of the features that I like:

1) Selection tool for grabbing just part of your screen.

This is great… and it’s not just a simple tool. The selection tool shows you your x & y coordinates, your selection width and height, tick marks for every ten pixels and a zoom view that allows you to get your selection pixel perfect.

Selection Tool

ZScreen's Selection Tool

Sometimes it’s hard to get the selection exactly right- but with a little practice you’ll get faster. Definitely better than using the PrtScn button and cracking open photoshop.

2) Automatically save out images to your desired destination

Also a great feature! Choose where you want the screen shots to live as well as what format you’d like them in. You can configure image quality and size here as well…

ZScreen - Image Format

Choose the image format you'd like...

Next you need to configure the location….

ZScreen - Choose Location

Choose Location

3) Keyboard shortcuts

What would all of these nice features be without quick and easy shortcut keys? I use “Crop Shot” the most- what I call the “selection tool”. Alt+z seemss like a really nice fit and I’ve never used that in any applications. This makes screen capture a breeze- in fact, 90% of the time I never have to open up photoshop. I press alt+z, use the selection tool zoom window to get the perfect selection and then I grab the PNG off my desktop… for wordpress this shaves minutes off of a photoshop tutorial and make the whole experience a lot more fun.

ZScreen - Keyboard Shortcuts

Keyboard Shortcuts - Captured and uploaded this image in to wordpress in under 45 seconds!

4) Quickly edit screen captures if you need to

This could come in really handy for some uses of the software. After you’ve done a screen selection, ZScreen will show a notification on the start bar that you can click. This will open the image in the default editor for the image type (you can also configure this to open it in another application).

ZScreen - Notification

ZScreen - Click on the notification to edit the capture

Additional Features

I’ve listed most of the features that I use in ZScreen, but there are plenty more. Here’s a few that I found noteworthy:

  • Auto-upload to a server (wow, that’s nice) or a website like flickr
  • Automatically add a watermark
  • Freehand crop shot
  • Add text automatically (haven’t used this, looks like you have to use a website text service to do it)
  • Configurations for everything!

ZScreen has definitely changed the way that I do screen capturing. I love how much time it saves me!

The Link

Here’s the link:

http://code.google.com/p/zscreen/

Posted in Positive Review, Software, Uncategorized | Leave a comment

My Favorite Photoshop CS5 Features

$600+ is a lot to upgrade from my CS4 suite to the CS5 suite but I think I’ll do it. I’ve been using the trial and here are my top 5 favorite improvements.

1. When duplicating folders, CS5 doesn’t put “copy” on all the sub layers

I’m a neat-nick and this is huge. I often duplicate layer groups and hate that in previous versions of Photoshop it would append the word “copy” to EVERY sub layer. If you want things nice and tidy it means you have to edit the name of every layer and delete the word “copy”.

CS5 is great. It places the word “copy” after the root folder that was duplicated but doesn’t do it for the sub layers and folders. No more duplicating the folder into a new empty file and then transferring it back… CS5 gets it right.

2. Layer folder depth increased to 10

For whatever reason folder depth has always been limited to 7 folders. Because I have a development background I organize the heck out of my PSDs. With older versions of Photoshop I’ve found that I quickly hit the 7 levels deep max and end up frustrated.

In Photoshop CS5, the folder depth max has been increased to 10- I haven’t had a situation where I’ve needed more yet but I’m sure that I will. 3 more levels in great! I’d ask for 20 if my feedback meant anything to Adobe but I’ll take what I can get.

Folder depth increased to 10!

Folder depth increased to 10! Rock and Roll!!

Note that with a lot of levels you really need enough screen real estate to see the layer group names. I have two monitors at home and a big one at work so my layer palette is pretty wide.

3. Moving groups with the move tool is much faster

This is a subtle one but it’s huge in it’s affect. In CS4 and below I’ve noticed that when I have a lot of layers in a group or when I have a lot of programs running, moving layer groups with the move tool can be pretty slow. I think I’ve noticed this even when I’ve only had a layer or two in a group.

In CS5 it’s freaking awesome! Complex layer groups move much quicker and smoother. I know that my speed has increased because of this improvement. In fact, I think overall, I’m able to do whatever I want without CS5 lagging at all- that, and I picked up a pretty new machine a month ago…

4. Zooming & panning

Zooming in CS5 is a bit different than CS4 and takes a day or so to get used to but it ends up being a lot more fun and effective. I can’t really describe how it works in a simple fashion but it allows you to zoom in quickly to the level you’re looking for.

Panning is also pretty cool. In CS5 when you pan it continues to “slide” after you let go of your mouse. Again, not what you’re used to but I like it more after using it for a while. Things are more fluid and fun.

5. Simpler brush options

In CS4, and previous versions, the brush options under the brush tool we’re a bit overwhelming (we’ll, let’s just say that they are when contrasted with CS5). In CS5 Adobe has simplified the brushes drop down to a much more concise set. I’m not at work so I can’t compare with CS4, but if you’ve used CS4, you’ll get my point.

Simpler brush options in CS5

Simpler brush options in CS5

Final Thoughts

I’ll definitely be upgrading to the CS5 suite. I’m going to wait until my trial expires but I feel like it’s worth it. If for no other reason, it just seems to run a lot faster. I do have a new machine but I have CS4 on my new machine too and it just doesn’t feel the same.

$599… Adobe I wish it was more affordable, but not if that meant you’d have to skimp on features. I can’t wait to see where we are in a few years. Exciting stuff!!

Happy mocking!

Posted in Photoshop | Leave a comment

Beef up Your Speed in Photoshop

Wish you were quicker in photoshop? About 3.5 years ago I was greatly humbled when I learned that I was ignorant of one of the most helpful photoshop tricks, the amazing ctrl click layer selection technique. By default, if you hold down control and then click on a layer, photoshop will select the parent group of that layer in the layers palette. Though I’m sure that selecting the group could be helpful for some people, I’d prefer to select the layer. So how do you change the behavior?

How to use ctrl + click to select layers

If you switch to the move tool with the V key you’ll see that there’s an option called “Auto-Select”. As you can see the default value in drop down to the right is “Group”.

Photoshop's default

Photoshop's default for layer selection.

By changing that value from “Group” to “Layer” you can change the ctrl + click behavior to select layers instead. It feels weird to change the setting in this way, but that’s how photoshop chose to do it.

Change Auto-Select to "Layer"

With that change, now hold down the ctrl key and click on the layer you’d like to select. As you can see, that layer is now selected in the layers palette.

Single layer selected

Hold down ctrl and shift and you can select multiple layers.

Multiple layer selection

Hold down ctrl and shift you can click on a layer (in the main pane) that is already selected to un-select it.

More technique

One technique that I often do is ctrl click a bunch of layers so I can group them together ( with ctrl+g).

Occasionally while selecting multiple layers I want to select only one of those layers. Generally you would just have to select a completely different layer and then ctrl click the layer you want. A few days ago a learned that you could use alt + right click to select only one of the currently selected layers. Though a bit awkward, I like this because I can keep my focus just on clicking in the main area instead of having to switch over to the layers palette.

Don’t get messy though!

When I learned that I could select layers with ctrl + click I noticed that two things happened immediately. 1) My speed greatly increased and 2) my PSDs started to get messy. I no longer had to depend on an organized layers palette in order to quickly find layers, I could simply click around and select what I needed.

Messy PSDs are fine if it’s a quick throw away mockup, but if it’s a bigger project I recommend keeping tidy as you go.

As always, happy photoshopping!

Posted in Photoshop, Tutorials | Leave a comment

Clean Photoshop Buttons

In this tutorial I’ll be showing you how to create clean Photoshop buttons. I like to style my buttons with layer styles as opposed to a series of layers. I prefer this because it allows me to re-size the buttons without having to modify lots of little layers.

Today, we’ll learn how to create this button:

Sample button

The button we'll be creating

In order to achieve the effect above I’ll use the following layer styles:

  • gradient overlay (subtle)
  • inner shadow
  • stroke
  • inner bevel
  • drop shadow (for the text)

Step 1 – Create a Background Shape with a Gradient

To start, create the background for the button with the Rounded Rectangle Tool and apply the gradient below. To apply styles to a layer just double click on the layer in the layers palette.

Add Shape with Gradient

Create a simple background layer and add a subtle gradient

The gradient should be subtle. In my example I’m going from #dadada to #fdfdfd.

Step 2 – Add a Stroke

Your stroke should be strong enough to provide definition for the button but not so strong that it doesn’t flow with the gradient. It’s important to change the position of the stroke to “inside”.

In my example I started with a black stroke and turned down the opacity until it looked like I wanted it to.

Apply Stroke

Apply stroke to the button background

Step 3 – Add an Inner Shadow

This is one of my favorite tricks. Because you can only add one stroke to a layer, you have to get creative if you want to have multiple borders.

Here’s how you can create an inner border with the inner shadow option:

  • set the blend mode to normal
  • choose white for the background color
  • set the distance to 0
  • turn the choke all the way up
  • set the size to 2

Setting the size to 2 gives you an inner border of 1 pixel. The other pixel is hidden under the stroke so you don’t see the whole effect. This is what we want.

Adjust the opacity to achieve your desired depth. For mine, I chose 42% opacity.

Apply inner shadow

Apply inner shadow

Step 4 – Add an Inner Bevel

Now we’re going to add a slight bevel for additional dimension. I won’t go into detail but you can copy my settings below. Essentially this makes the bottom border of the button a bit darker than the top.

Apply inner bevel

Apply inner bevel

Step 5 – Add the Label

Finally, lets add a label with a slight drop shadow. The drop shadow below is small and tight to get the desired affect. The text feels like it’s really part of the button, not separate or floating.

The font I’m using is Tertre Extra Bold 12pt (with sharp anti-aliasing). This font is free and you can find it here.

Text Drop Shadow

Add a label to the button with a slight text shadow

And that’s it!

Once again, I love this method because:

  • it allows you to re-size your buttons without messing around with micro layers
  • it allows you to copy a layer’s style and then apply it to another layer

More Examples

Here are some more buttons you can make using this technique:

Photoshop buttons

Clean Photoshop Buttons

The fonts I used for these buttons are:

Download the PSD

Click here to download a psd for the buttons above.

License: You are free to use these buttons for personal and commercial use. You are not allowed to distribute them on your own website or charge for them. Do not link to the PSD directly, but instead, link to this page.

Enjoy!

Posted in Photoshop, Tutorials | Leave a comment

A Cure for Repetitive Stress Injury?

Disclaimer: I am not a doctor. I am not qualified to make any medical judgments, this blog post is only speaking from personal experience. If you feel pain, see your doctor. If you find nothing but dead-ends then perhaps this article can help you.

Excruciating Hand Pain

I’m writing this article because for just over a year I had dealt with terrible hand pain that had completely disabled me and utterly changed my career. I’m a web designer and developer so my hands are quite necessary to perform my job.

In February 2009 I took on a huge project that required a ton of programming. It was during this project that I cooked my hands. I tried to continue typing for the next month but after the pain continued to worsen I finally made the decision that I had to stop. I chose to finish out the project by hiring 8 or 9 typists that could help me do my job over the period of the next few months. As you can imagine, my efficiency dropped considerably and the emotional pain took a huge toll on my life. I am continually thankful for some dear friends of mine at my Church community group that helped me finish that project and save my career. In particular my good friend Casey, who was my first typist (and amazing), was huge in helping me open up to the idea of someone typing for me.

The point: my hands were fried. I couldn’t get much of anything done on my own and I had started to wonder if a career change was inevitable. I was in a rough spot.

The only thing I knew for sure is that I could lean on my faith knowing that Jesus Christ was sovereign over my circumstances. Beyond any remedy, he has been my rock as he has used this pain in my life to call me to greater dependence on him.

My Background

I’ve been a pretty hardcore programmer for just under 10 years. From the beginning I’ve always struggled with being a work-alcoholic. Computer programming was a natural passion that would often leave me in front of my computer for 10+ hours a day. I remember taking study hall my senior year in high school just so I could have an hour more of sleep. It wasn’t rare for me to pull overnighters and then head to school dazed and confused.

During high school I was part of a small venture that provided an online application for the quick service industry. I loved working on that application. We had over 100 people using the website each month and we we’re in six different states. It naturally became an addiction as I had high hopes that the company would become profitable and provide a living for me. It was during these formative years that I established my work ethic and my often exhaustive, burnout habits. One of my doctors called these periods “programming marathons.” He would say this, look at me disappointingly, and claim that years of doing these while not exercising had caused my excruciating hand pain.

The Full-time Career

A few years after that flagship venture I started my official career at the Cobalt Group in Seattle and I began working full-time. After only 2 months of working there I started to experience terrible lower back pain that plagued me for the next 2 years. It was hard working through the pain and I found that I wasn’t my old self. I was still quick and efficient but I couldn’t do the long hours that I used to, it was too painful. I went to a chiropractor during this whole period with little relief from the pain. Usually I would leave an ice pack on my lower back for most of the day- just to get the minimum in for my employer.

Self-Employment

I left Cobalt in September of 2008 to start Jordan Crown. It was exciting to be on my own again and have more control over my work environment. I also noticed that my back pain started to drift away. I was very encouraged as this allowed me to run full force. I was able to help a startup company called TrueLobby develop their website and brand and was working 12 hour days to finish the project. My hands would hurt a bit, but I could deal with it. It would soon get worse. Not with my hands but with my lower extremities.

It was shortly after this first project that I started to have chronic leg pain. I had multiple diagnoses: sciatica, meralgia paresthetica, bursitis, piriformis syndrome and IT band syndrome. I started physical therapy bewildered as to how this could happen. I was a runner (though in remission) and I kept fairly active. Was the chair killing me? I hated having to be so mindful of my body- I have now come to believe that being ‘so mindful’ was part of the problem. I believed that I was fragile. I would tell people that I was a pixie stick, that I couldn’t handle much; that I was getting old.

More Pain

Over the next year and a half I would be plagued with pain all over my body. Here were some of my ailments:

  • Leg pain (sciatica, meralgia paresthetica, bursitis, piriformis syndrome and IT band syndrome)
  • Lower back pain (continued pain similar to Cobalt)
  • Upper back pain
  • Shoulder pain (below the bottom of my left shoulder blade)
  • Hand pain and elbow pain (RSI, or so I believed)
  • Neck pain (got really bad, almost couldn’t drive)
  • Headaches
  • Eye pain (no joke, though some may be because of my ergonomics)
  • Shins (shin splints I think)
  • Heel pain
  • Numb and fiery toes
  • Knee pain (couldn’t run like I used to)
  • Throat pain (because of excessive use of voice-to-text software)

I wish I were exaggerating but every single one of these ailments actually happened. Not only that, but in their own seasons, each one caused me considerable problems. I started to hate computers. I blamed them for causing all of this pain. I was convinced that computers were inherently bad for people; I became an ergonomics freak. This view was hard to hold at times as I knew friends that were older than me (I was only 23!) who were still typing 10+ hours per day. Something was off…

My biggest struggle was my hand pain. The others were big too because they restricted me from working for more than an hour at a time, but without hands I couldn’t do anything.

After feeling frustrated that I had to depend so much on others for my job, I bit the bullet and bought Dragon Naturally Speaking. I was amazed at how accurate the application was at turning speech into text. I set out on a mission to create a programming-by-voice platform built on top of vocola. This proved to be no small task and to this day the platform has many flaws (I don’t work on it anymore obviously).

I became a voice-to-text enthusiast. My community group at church grew glazed over as I would constantly inform them each week at group about my recent developments. Casey, once again, was helpful in informing me that I talked about it way too much. But that’s what life is like for an RSI sufferer- you can’t help but be defined by your pain. Anything that makes your job easier is gold.

Intuition- My Worst Enemy

So what do you do when you hurt? For goodness’ sake, stop doing what makes you hurt! I did experience minor relief by halting activity- but I also couldn’t do anything! Everything hurt. Essentially the only position that didn’t hurt was lying down. There’s nothing like hitting the pillow at night knowing that on your accomplishments list was creating a bigger rift in the couch. I would lay down and then lay down some more. I now believe that my body started adapting to my newfound lifestyle, and that my muscles were getting weak. My condition only worsened.

Stopping the activity that made me hurt made logical sense, but in the end, it provided no benefit. No matter how long I rested, the pain would come back full force.

Was I Really Broken?

In late April 2010 I made a huge breakthrough. I searched for RSI cure or something similar on Google and found a gal with a similar story named Rachel. She referred to a book called The Mindbody Prescription by Dr. John Sarno. The basic premise is that we have years of pain and rage stored in our sub-conscience. Our brain sees that rage and those uncomfortable thoughts as dangerous so it tries to suppress them. In turn our brain decides that it’s better for us to be distracted by physical pain instead of thinking about the dangerous internal pain and rage. In his book, Dr. Sarno theorizes that the way the brain does this is by restricting blood flow to certain body parts. This creates mild oxygen deprivation and in turn, causes pain. Though I strongly disagree with Dr. Sarno’s view on Macro Evolution, I do have my theories that God has created the brain to operate this way.

But does the brain really do this? Really?! I was skeptical, but I was also losing any hope for a productive life. I had hired a friend to work for me but I wasn’t sure how long I could keep this up. Sometimes I even had my friend slice cheese for me because it was too painful.

After more reading on Rachel’s site and sites that she linked to, I was ready to make the jump. For the first time in 9 months I was going to put away the microphone and take out the keyboard. I bought into the idea that Dr. Sarno’s theory could be right, after all, the book had 120 5 star reviews (a huge majority). Normally even a few keystrokes could put me back a week. What would happen?

It worked! Not perfectly, but within a few days I had seen a ~35% reduction of pain in my hands. I was keying again for an hour or so a day. The pain didn’t diminish completely but it also didn’t get worse. I was floored. Over the next month my leg pain also improved (I also found that ramming a tennis ball into my glutes also has huge value). My neck pain, which had become a huge issue began to vanish. My heels, which had already started to restrict my activity, also began to improve. It was huge the day that I threw my running shoes on and hit the pavement (they say that’s bad for you), I just decided that I was going to start living again. I knew that the pain I was feeling was real but that it wasn’t based on real physical issues. Every single area where I’ve had pain has improved considerably, and on some days, has even disappeared.

What was I so Angry About?

Reckoning with the idea that I had all of this internal rage inside was kind of weird. After all, I’ve always considered myself to be a pretty nice person, flaws and all. In fact I aspire to be someone that loves the people that God has put in my life. I don’t do this perfectly by any means. Dr. Sarno talks about all of these pressures from society to be a “good” person. He talked about how many of his patients were perfectionists. I could definitely identify with this.

As I began to think about the pain episodes over the last few years I began to notice that when the pain started I was also going through huge personal trials. For instance, I never made the connection between a breakup I had with my hand pain. I had met a wonderful gal and fallen pretty bad for her. I loved her family and the bright future that we might have together. It seemed like I had met the woman I was searching for.

During the last month of our relationship the emotional distance between us began to grow. I decided to attribute it to school and talked with her about letting go for a while. We broke up that night. Over the next few months I learned how much she meant to me. I struggled through many nights wondering what happened and hoping against hope that she might still have feelings for me. Over a series of miscommunication and error on my part our lives inevitably grew apart. It was only a month or so ago that I made the connection between that season and the birth of my excruciating hand pain.

I was able to trace back quite a few of my symptoms with personal hardships and I have found this to be an invaluable tool for healing and restoration. I have also looked down the corridor of my life and have acknowledged pain and resentment from my childhood, this too has been wonderfully helpful.

Life After RSI

I have been applying Dr. Sarno’s principals for just under two months. I had a relapse a week or two ago but I started reading the book again and the pain got better almost immediately. Here’s how life looks like now:

  • I no longer use my expensive microphone or Dragon Naturally Speaking (back to heavy typing and mouse)
  • I work 7 or 8 hour days
  • I’m starting to come in on the weekend (like this last weekend where I was typing for 5 hours)
  • I’ve resumed both design and programming
  • I’ve started weight-training (5 weeks now)
  • I’m much more active (hiking, hanging out with friends more, walks)
  • My medical bills are almost non-existent (cancelled PT, Chiropractic, and Naturopath- also stopped taking nerve pills from the doctor)
  • I’m more confident when I talk with my clients that we can deliver

That second to last bullet was a bit of a risk but Dr. Sarno recommended it and I thought, hey, I might as well. It’s been nice to continue to improve while the bills drop off.

Every week I continue to get better. I only get worse when I get super busy and don’t give attention to sub-conscious rage or read the book. But I feel like that’s even a gradation. I haven’t read it much in the last few days and I’ve felt fine. In fact I’ve typed this entire post with the keyboard and I have very little pain, if any. The only symptoms I have today are cold hands and minor leg pain. Neither keep me from doing my job or steal my focus, and they’re both improving. I used to think about my pain ~400 times a day (no joke). Now I mostly just think about how weird it is to be pain-free.

I decided to write this article because I have met quite a few people with similar struggles as me. It’s not just hand pain, but most chronic pain. Dr. Sarno’s book is not only for RSI hand sufferers. There’s stuff in there for anyone with pain. The book has changed my life and the way that I look at health care. I have come to the conclusion that I am not made of paper mache and that my body is strong and resilient. Today I have been typing almost non-stop for 10.5 hours. I’m going home shortly but not because my hands are cooked, but because I want to.

I hope this post will help someone. Perhaps you know someone with a story like mine ;)

Updates

September 29, 2010

Quick Update: My hand pain has been very little to non-existent since the original writing of this post. I’ve had a couple backslides but they only tend to last a day at the most. Occasionally, like today (prob cause the cold exacerbates it) they give me a little bit of trouble but to be frank, I don’t care. It hardly bugs me- I can function as normal. Over the last month I’ve probably averaged 10 hour days with plenty of typing, coding and design work.

I’m pretty sure if I wanted to I could get rid of the little pain that does exist by reading more- but it doesn’t bother me enough to even make the effort. I’ve also had another friend have a good amount of success by applying Dr. Sarno’s principles.

Resources

Keep Reading...
    Posted in Business Ownership | 6 Comments

    Where to Download Google Fonts

    I recently made a post titled “Web-safe Fonts the Google Way” regaurding an extended list of fonts for websites that Google is providing via the Google Font Directory. By using a simple CSS technique, Google is offering a great solution to the time-old problem of lame “web-safe” fonts. One blog I read referred to these fonts as “web fonts”.

    In this blog, I’ll post links to where all of these fonts can be found and downloaded for use in Photoshop mockups. I couln’t find one of them, tangerine- so if you’re a google ninja and you’d like to help me out let me know. Click here to review the Google font directory.

    Update!

    Apparently the font files are posted in Google’s project repository for the Font Directory. I’ll leave this post as it is though because it links to a lot of the Author’s sites w/ licensing information. Here’s the Font Directory repo link. You’ll want to right click on the font files and choose “save link as”.

    With no further ado- here they are:

    Cantarell – from Font Squirrel

    http://www.fontsquirrel.com/fonts/Cantarell

    Cardo – from Author’s Site

    http://scholarsfonts.net/cardofnt.html – The link is on the bottom of the page, kind of hard to find…

    Crimson Text – from Author’s Website

    http://aldusleaf.org/ – kind of hidden, the link is on the rightmost column called “The Files”, it looks like he’s posted bold and roman (no ttf in there for italic). Updates are on the way apparently.

    Droid Sans – from Font Squirrel

    http://www.fontsquirrel.com/fonts/Droid-Sans

    Droid Sans Mono – from Font Squirrel

    http://www.fontsquirrel.com/fonts/Droid-Sans-Mono

    Droid Serif – from Font Squirrel

    http://www.fontsquirrel.com/fonts/Droid-Serif

    IM FELL – from Author’s Site

    http://iginomarini.com/fell/the-revival-fonts/ – 13 variations in this library. The download link is at the bottom of the page.

    Inconsolata – from Author’s Site

    http://www.levien.com/type/myfonts/inconsolata.html

    Josefin Sans Std Light – from Author’s site

    http://www.typemade.mx/

    Lobster – from Font Squirrel

    http://www.fontsquirrel.com/fonts/Lobster

    Nobile – from Author’s Site

    http://www.newtypography.co.uk/ – click on the download link in the right column- it takes you to a directory listing where you can find normal, bold, italic and bold italic.

    OFL Sorts Mill Goudy TT – from Font2U

    http://www.fonts2u.com/ofl-sorts-mill-goudy-italic-tt.font

    Old Standard TT – from Font Squirrel

    http://www.fontsquirrel.com/fonts/Old-Standard-TT

    Tangerine – Cannot Locate

    Cannot locate this font- if you know where to download it please let me know.

    Vollkorn – from Font Squirrel

    http://www.fontsquirrel.com/fonts/Vollkorn

    Yanone Kaffeesatz – from Da Font

    http://www.dafont.com/yanone-kaffeesatz.font

    Leave a comment if you know where I can find tangerine- happy photoshopping!

    Posted in HTML/CSS | 3 Comments

    Oil Spill Cleanup Simulator, Edmonds, Washington, Flex Application

    In early 2009 I was approached by Genwest Systems in Edmonds, Washington regarding a calculator that they needed to build that would simulate an oil spill cleanup. The project lasted 8+ months. We started with a month and a half of creating mockups and working through use-cases and usability for the simulator. Once the design was finalized we moved onto the development phase and the project was completed in late 2009.

    Essentially the application allows oil spill responders and researchers to simulate a spill by providing scenario information, oil data and the cleanup systems they’d like to employ. The project was built upon years and years of research conducted by my client.

    The application was built in Adobe Flex because the project had three unique requirements:

    • The application could NOT be an executable (the government approval processes for executables takes a considerable about of time)
    • The application had to be able to run as a stand-alone (no Internet)
    • The user of the application needed to be able to save their file for later use

    These challenges we’re huge as they restricted us from creating a web-server application or a simple desktop application. I got a tip from another developer that Flash had the capability of saving files and after creating a proof of concept we elected to use Adobe Flex for the application framework.

    I love Flex and I hate Flex. There are things that are great and others that make you want to pull out your hair. Either way we’ve become pretty proficient with the framework.

    The rest of this post will showcase screen shots from the application. Click on any of the images to see a bigger, full-size image.

    When a user first opens the application they’re greeted with the welcome screen that gives them a bit of instructions for use of the program.

    ROC Welcome Screen

    Welcome screen for ROC

    Next the user can click on the “Scenario” button on the top of the screen to provide information about the spill. We ask them for a Scenario name, description of the spill, default units, timezone information, lat/long, start and end dates and default operational times.

    ROC Scenario Settings

    User provides scenario settings

    This next screenshot shows a dialog where the user can choose the oil that was spilled (optionally the user can enter a custom oil for the spill).

    ROC Oil Selection

    User can select an oil from a list of 1000+ oils

    I’m not going to put up screenshot of how a user would add a reponse system (a system that would help cleanup the oil) but at this point the user would provide just that. Basically they attempt to cleanup the oil with ships (mechanical skimming systems), aircrafts (dispersant systems) or burn systems (also ships). Once they’ve added all of their response systems they get a myriad of charts and data that help tell the story. Those charts and data are shown below:

    ROC Mass Balance

    A chart showing how each response system genre affected the spill

    ROC Single System Chart

    A chart showing how an individual response system operated

    ROC Weathering

    A chart showing how the oil thickness decreased throughout the simulation. Some of it was natural dispersion, some was from the different response systems.

    ROC Text Report

    A report is generated that tells the full story- very detailed information about the environment variables and response systems.

    The final name that was decided on was ROC- the Response Options Calculator. The project was incredibly rewarding and we learned a ton about the industry and the science behind oil spills. It required a large amount of detail as the formulas were very specific and there were a plethora of edge cases.

    You can download the application here.

    Our company provides both small to medium business website design as well as larger, complicated applications like ROC. Contact me if your company is looking for a larger scale solution. We enjoy working with prime contractors as sub contractors and have experience with government contracts.

    Here are our NAICS and SIC codes for your reference:

    NAICS

    • 541511 – Custom Computer Programming Services
    • 541512 – Computer Systems Design Services
    • 541430 – Graphic Design Services
    • 518210 – Data Processing, Hosting, and Related Services

    SIC

    • 7371 – Computer Programming Services
    • 7373 – Computer Integrated Systems Design
    • 7336 – Commercial Art and Graphic Design
    • 7374 – Computer Processing and Data Preparation and Processing Services

    We look forward to working with you!

    Posted in Client Spotlight | Leave a comment