Skip navigation

Tag Archives: web design

The Ultimate Search Engine SEO Checklist


Add some style to your HTML forms

I ran across this article at AEXT Design Magazine yesterday and thought I’d share it with you.

CSS text-indent: An Excellent Trick To Style Your HTML Form

I never thought of using CSS text-indent with forms before.

10 easy tips that will help you create better print style

Print style sheets have been somewhat forgotten, and yet they remain important all the same. Many people print out articles to read while traveling or when they have no access to the Internet.
Print style sheets have definite benefits. For example, reading on paper is less tiring on the eyes than reading on screen.
Also, following tutorials is easier if you have one next to you, with your code editor open on the screen; that way, you don’t have to switch windows every time to look something up.

Comparing Microsoft and Apple Websites’ Usability

‘In the article entitled Apple vs. Microsoft — A Website Usability Study, Dmitry Fadeyev, co-founder of Pixelshell, compares Apple’s and Microsoft’s web sites from a usability perspective, and Apple is the winner. Scott Barnes, PM at Microsoft, agrees with him and suggests the problem is because various site sub-domains have different management.’

Shake up your web design, grab a skateboard

Yeah, you’re irked. Your client has a great idea for an internet business, has spend hours working though the details, you sit down to start a layout, and nothing! You’re stuck. The ever-present deadline looms and you need to be productive tonight or your schedule is shot. What do you do?

For years my favorite cure for for writer’s block, designer’s block or boredom of any sort has involved a skateboard. My house is located near Little Cottonwood Canyon for two reasons. The world-class winter conditions a few minutes away at Snowbird and the many canyon hills surrounding my house.

My freelance work is usually late at night, and many moonlit nights have found me bombing my steep little Alta Canyon Road under the 1 AM streetlights. A few exhilarating trips down the hill and my heart is pounding, my brain is alert, and I’ve had the necessary diversion to once again be productive.

Sector 9 Skateboards

On our annual beach trip to Balboa Peninsula, my eight year old daughter, Ellie, took a giant interest in skateboarding. In fact she spent so much time on my Sector 9 Cosmic 1 deck that I went out and bought a new Sunset Bamboo Series Sector 9. I know it’s a concave rip off of a Loaded deck, but it sure carves nice.

So last Friday I had the day off of work. The 24th of July is a state holiday in Utah. It’s basically a second 4th of July disguised with the title “Pioneer Day”. Who am I to complain about a day off. Lately, I’ve been interested in building an old-school deck. In fact, I’ve even been scouring eBay for my first real early 70’s skateboard, an aluminum with big Road Rider wheels. I loved that deck like no other.

banzai skateboard
Mine was blue

So on Friday morning I took Landon and Ellie to my old shop, Salty Peaks, to build an old-school deck for Ellie that I might ride a little when she wasn’t looking 🙂 Of course she was more interested in every flavor of pink instead of how closely dad could recreate is old 70’s friend. But I must say we ended up with a fun little Real custom old-school deck.

After a few minutes of assembling and padding up Ellie in her safety gear, we were off to have mexican food and practice in a parking lot near our house. We took several runs and Ellie was doing so well. Then it happened, a teenage in a white sub-compact car came speeding directly at us. I don’t know what he was watching but we were the only ones in a giant parking lot and he was about to run us down. I grabbed Landon, turned around to yell “Stop” to Ellie and the next thing I knew, Landon and I were down. I broke Landon’s fall except the poor guy bumped his cheek a little, and fortunately the kid in the car was nice enough to slow down and swerve around us as I picked up my 3 year old boy.

I sat him on my skateboard and realized my right shoulder wasn’t exactly where is was supposed to be. I few doctor visits later and I’m supposedly good as new, but it sure does hurt.

Sector 9 Skateboards

Sector 9 Skateboards
My new and improved bionic shoulder

So apparently I did an extra good job of diverting myself from designer’s block this time. Hopefully when all of this loritab wears off, I’ll be able to focus, because no one in my family will let me skateboard in the near future.

Using SlideShow Pro and ExpressionEngine


We recently completed this photography web site ( Sydney (our client) had a site that was built completely in Flash. She was unable to update the site without contacting a web guy. This was frustrating and expensive for her and caused her to not update the images on her site often.

She requested a simple clean look and the ability to update everything on the site dynamically. She also didn’t have a giant budget.

We decided on SlideShow Pro and SlideShow Pro Director to provide a simple upload process, an easy way to edit slideshows, image orders, thumbnails and the overall presentation of her photography.

Secondly we chose ExpressionEngine as a way to edit the site copy, quotes, navigation, and a few homepage links.

Scott and I were pleasantly surprised at the timeline we were able to hold as we developed the site and how easily these two tools integrated to fulfill our particular needs. Our biggest difficulties came trying to install ExpressionEngine on Godaddy where our client hosts her site. We worked through the issues but lost some sleep reading through forum posts from others installing on Godaddy.

Overall, we’re happy with the project and and the experience we gained.


Reasons why every web developer needs to carry a bouncy ball in his pocket at all times.

Web development has it moments. In a minor way, you can create a whole new world with every project. Creativity, problem solving, mathematics, all have their place in development and can be quite rewarding. In fact job satisfaction is the only thing that keeps this snowboarder/skateboard sitting at a desk day after day.

On the other end of the spectrum, frustrations can run high. Timelines, deadlines, and unforeseen issues add anxiety that can linger long after a project is complete. To help prevent ulcers, may I suggest a bouncy ball. A bouncy ball in your pocket can provide a few seconds of childish fun when things don’t work out as planned.

Below I have listed a sanity formula for some of the issues I face daily. I’m not sure Tony (in the office next to mine) appreciates my formula, but he can always get his own bouncy ball, right?

Lack of Organization (5 Bounces)

You know it, and I know it when corners are cut, hacks are implemented to save the day, directory structures are out-grown, shortcuts usually catch up to you. If you’re paying the price daily for a poor decision made years ago, take out that bouncy ball and unleash it against the nearest wall.

Unreasonable Deadlines (10 Bounces)

What can we have by friday? is a phase that occurs way too often at my place of work. Rolling a project and assuming there will be time later to add necessary features is a flawed mindset. There is never enough time to fix half-baked features, let alone repair customer perception. Sorry Tony, that will be Ten Bounces!

Network Issues (15 Bounces)

You have a deadline looming. You’ve cleared all of your meetings so you can code without interruption. Headphones on, your favorite up-tempo mix on itunes, game on! Then you realize, server lag. Type one character, wait two seconds. The IT guy that left and the company never replaced wasn’t that important until right now. Fifteen bounces (20 if the CTO comes downstairs and asks if you can see what you can do about the internet).

Bad Eye (20 Bounces)

Have you ever taken a job, and then excitedly came up with a perfect website prototype that is exactly right for your client? Then you remember that you promised 3 layouts by your next meeting so you come up with 2 horrible layouts that they will never like. Then in your meeting, your client decides that one of your horrible layouts it exactly what the company has been looking for! Twenty Bounces!

Right Job, Wrong Person (15 Bounces)

You’re hooked up this time. A perfect client that will look great on your resume. Your lawyers have reviewed the contracts, everything is signed, and two weeks into the gig, your point of contact is changed to “Cheryl” that sounds slightly older than your mother on the phone. That’s not bad, until her first question is, “Do you know how to use the Eyedropper Tool in Photoshop?” She then proceeds to ask for your company fax number, since she doesn’t quite have this “Outlook” thing figured out. Fifteen bounces.

Lack of Direction (25 Bounces)

You company is growing, your priorities are set, and the future looks good. The web team is half way through a project that is going to do wonders for the company’s core business. Then a company exec is playing on the internet and finds a feature on a site that isn’t in your market. Your priorities are shifted overnight and the web team is hard at work on a project that doesn’t really apply to your core business, but orders are orders. Then this buddy of that same exec (who happens to be an unemployed DBA) can’t believe what the web team is working on, but he has something he’s been working on with his brother-in-law that will revolutionize our business. New priorities for the web team. If this is you, I feel sorry for you. Twenty-five bounces and a trip to the mall to reload on bouncy balls.

IE 6 Compatibility (75 Bounces)

Seriously? Can IE 6 die yet?


It’s the little things I love about Coda

I’ve been using Coda for a month now. It took a day for me to realize this was the editor for me. The simplicity, ease of use, feature set, and Mac design just made sense.

After flirting with BBEdit and Textmate, and trying out several flavors of Ecipse IDEs, I decided to give Coda another go. I’d looked at it a year earlier and it wasn’t for me back then. I guess I didn’t look close enough, because a year later things are a different story.

Panic didn’t set out to make the best text editor, CSS editor, etc… They set out to make one single application that contains all you need to build a website. And Panic has done a great job….Shawn Blanc

There are plenty of online reviews of Coda. Shawn Blanc provides a detailed review much more eloquently than I ever could. It is titled Coda: The One-Window Wonder and you can find it and many other interesting tidbits at his blog.

My goal here isn’t to analyze the details of what makes this application tick. I’m not even sure I’m qualified for such an undertaking. I do feel I owe it to the people at Panic and the development community to at least state the things about Coda that make my life easier on a daily basis.

Coda is about user experience. Very few applications ever achieve a GUI that increases productivity. Coda hit the bull’s eye here. In some ways the detail that went into increasing productivity reminds me of Basecamp.

I love Basecamp. If I were designing a site, I wouldn’t have done it the way the Basecamp guys did. It doesn’t have all the features other project management applications have. I sometimes request new features (I’m sure customer service loves me). But something about the simplicity and usability saves me time. I can’t always put my finger on it, but it increases productivity.

I feel the same way about Coda. Coda simplifies everything about my daily work. Fewer clicks, gorgeous GUI; it’s a tool that makes work fun. I’ve decided to list my favorite features that collectively have simplified many hours of my work week.

Source Control Status Window

Some things at my company are great and some are a mess. Our roll process is the latter. We have web designers and developers scattered across two floors and three departments often working on the same projects. To avoid stepping on each other’s toes, we all have our own subversion branch (kudos Matt). Marketing materials roll live daily, which means my branch is usually not updated.

With a simple Command + Control + v, all of that changed. Now as I’m working, I see co-workers adding and committing files. I can’t help but click the update button. I swear I have the most up-to-date repository in the company.

The Source Control Status Window has changed what used to be a major headache in a not-so-organized roll process, into a complete after thought. I never worry about an svn up because of Coda. And if anyone at Panic is listening, please let me save my workspace. If there’s a way to load the Source Control Status Window when I launch the app, I can’t find it.

WebKit Preview

All applications have some sort of preview. In my world of development, there are many applications open at once with limitless windows. Having a copy of Safari (webkit) inside of Coda saves me hundreds of command + tabs per day. It doesn’t seem like much, but it saves me time.

CSS Editor

Here is a feature I really don’t use but I use it everyday. Coda has a built in visual CSS editor. It’s functional and gorgeous. When I write CSS, I’m in the habit of splitting my screen with the CSS editor in the top window and code in the bottom window. Even though I code nearly exclusively in the bottom window, it’s still nice to have the visual editor in the top window as a reference if I ever need a memory refresher.

The editor itself is much nicer than the DreamWeaver sidebar CSS editor. The GUI reminds me of where the Adobe team was going with the GoLive CSS editor (minus the messy code) before it was end-of-lifed. I know there are many nice CSS editors our there (cssedit is one I’ve used and like) but why? The less I command + tab, the more I simplify my life.

Note: I’m not adding window splitting as one of the things I love, mostly because all editors I’ve used include this functionality, but if you ever need to compare long lists, the vertical window split is a very useful tool.


Transmit has been OS X’s favorite ftp/ssh client for years. Numerous awards, seamless system integration, once again the guys at Panic hit a home run. Coda includes transmit, and modifies the UI to fit in the sidebar. Fitting the entire application in the side bar means usability suffers a little. You have to tab back and forth between local and remote files, or drag and drop files directly from your desktop or finder into the sidebar. To me, this isn’t that big of a deal considering Coda plays well with Transmit.

The beauty occurs at install when you are prompted to import your favorites from Transmit. Coda is immediately populated with all of your transmit favorites with a single click.

Integration between Transmit and Coda is well thought out. In my work process I often drag files from my dev platform in Coda to other servers I have open in transmit. It seems any drag and drop functionality available in Transmit works as well in Coda including drag and drop between the two apps.

Live Collaboration Via Bonjour

Ok this feature makes me Jones. As I mentioned our office has designers and engineers scattered across our building. This means I am constantly running downstairs to the opposite end of the building. I like working out, but I love working less. The one co-worker that used Coda would share edit with me via the Subetha Engine included in Coda. The stairs were no longer my enemy. But that one worker has now moved on to the greener pastures of iPhone development and I’m left running up and down stairs.

Code Navigator

The Code Navigator is my friend. I haven’t seen one mention of it in any online review, nor on the Panic website, but it is very dear to me. As I scan through ginormous files for lost “id” tags, the perfectly placed Code Navigator saves me time. I find myself navigating to tags and functions out of habit and not necessity because it is so perfectly placed. It feels almost like the left menu navigation on most websites, except I’m skipping over thousands of lines of code I hope to never see again and landing directly on the line I need. Once again…timesaver.

BTW, if you aren’t skilled at Terminal (which Coda also includes), the grep functionality integrated into the file find and replace system will leave you with a smile.

Overall, Coda is a MUST have for me. I’m a fan and I hope Panic continues to surprise me with more amazing products.

Talking is a New Thing for Me

Welcome to the Blue Alta Media blog. Here I, along with my business partner Scott, will attempt to explain the struggles, thought processes, frustrations, breakthroughs, successes and complaints of daily web experiences. I’m not out to change the world, but maybe re-invent my portion of it a little.

When it comes to code, design, QA, roll process and all the clutter that makes up the world of web development, I struggle daily to find simplicity. Naively, I assume that simplicity in my workflow will translate into quality of my products and overall satisfaction in the limited hours that make up my existence.

I’m like any designer/developer. I can’t sleep mid-project. I always wonder if there is a better way. I struggle to find the middle ground between meeting the deadline, and hoping for perfection with every keystroke. I work WAY too much. My mind won’t stop.

Unlike many programming geniuses, my passion for my work, isn’t my long-term passion. I don’t dream in “C” (shoot me please if I ever do). It doesn’t take much of an argument to get me out of the office and driving up a canyon road with the top down on my beloved SAAB convertible. I could walk away from code all together, if my alternative was a CABO beach house with my 2 kids and cute little wife. The adrenaline of a midnight ride on my longboard down Alta Canyon helps me concentrate on things that are important. A Powder Mountain season pass is the light at the end of the tunnel. I could go on and on about my interests outside of web development, but I’m sure you’ll hear plenty of that in future posts.

This blog is about the things the make me click, and the decisions I make that have real financial impact on my company, clients, employees and friends. Hopefully, some of the things I say will make sense, and when they don’t, your comments will set me straight.

-Jeff Cemer