Chris Sanders Design

New York Times Adobe Air App

admin — Thu, 04 Mar 2010 09:51:21 +0000

This is probably one of the coolest air apps i’ve seen for news based information. I made a quick little video so you can see how responsive this app is. The thing I like about this is how easy it is to work, I thing this is very clever on the New York Times part in changing gears on subscriptions. In the video you’ll see areas of the news that are locked unless you subscribe to the NY Times, I can fore see more print based companies pushing for desktop app coming in the near future. Personally I think it’s great, I think it’s steps closer to doing away with paper and saving more trees, as well as delivering content in a format that can be access anywhere. Thumbs up to the New York Times for helping to take the first steps into innovation.

Import your Wordpress Posting into facebook

admin — Wed, 27 Jan 2010 20:44:25 +0000

Awesome Plugin for posting your wordpress blog entries onto your profile page on Facebook (Plugin Link ). The video above walks you through how to setup the import feed for you blog posting but this plugin has it’s own Facebook App as well. I think to get it to work I needed to do both.

Install the plugin and activate it (Plugin Link ).
Follow the step by step instructions to installing the Facebook API Key that you get when you install the Facebook App.
Follow the instructions above in the video on setting up a ‘Notes’ tab on your facebook account and importing your posting from your blog.

The Crunchies are coming…

admin — Thu, 31 Dec 2009 01:34:18 +0000

The Crunchies Awards celebrate the best tech accomplishments of 2009. Co-hosted by Join GigaOm, VentureBeat and TechCrunch, we will announce winners from 18 different award categories live on stage at the event. We’ll have special guest appearances and entertainment too.

The ceremony Friday January 8, 2010 at 7:30 pm the Herbst Theater in San Francisco. General seating for each orchestra and balcony tickets opens at 6:45 pm. Please arrive early to get your preferred seats.

An after party will follow across the street in City Halls’ Grand Rotunda through midnight. There will be a sponsor-hosted bar, savory nibbles and desserts, music and a game room, featuring a mix of traditional and online games to play.

There are plenty of ways to sponsor and support the after-party energy. Contact Jeanne Logozzo or Heather Harde if you’d like to sponsor: card-game tables, demo tables, photo booths or walls, drinks or food, giveaways and prizes and the like. We have creative packages available in all shapes and sizes. Room for award benefactors and entertainment sponsors for the ceremony too.

Remember that voting is open through midnight PST, Wednesday, January 6. Everyone is eligible and encouraged to vote daily for their favorite people, products and companies of the year.

We look forward to celebrating the best of 2009 and ushering in a promising 2010. Best,

–GigaOm, VentureBeat & TechCrunch

My attempt to put my site on an iPhone

admin — Fri, 18 Dec 2009 18:11:50 +0000

My attempt to put my site on an iPhone:
So the idea here is this is going to be a step by step learning process of how I’m going to build my site to conform to an iPhone. This is going to be my first real attempt so I’m going to be doing it in stages and I’m sure I’m bound to make mistakes but hey that’s what learning is all about…. right?

So the first step was that I found a great template from www.teehanlax.com follow the link to the psd templates they provide, it’s a really great of those guys to share this with everyone and they did a great job prepping the PSD file to make it easy to use.

Here is a screen shot of how I set the Directory on my site to handle the iPhone version, so when a user calls my site on their iPhone they will be redirected here, and shown this verison.

Code for the home page on iPhone

Here is the code I use to create the pages, you can see that it’s just like creating a normal web page. The only difference is making sure that you use the Javascript (just below) in the header ( On the root/ your normal index/home page to tell the iPhone to redirect these page).

Chris Sanders Design :: Web & Graphic Design

Javascript to detect the iPhone, iPod, iTouch

This is the javascript I use on the main index page to redirect to the iphone directory. I put the javascript into a folder called ‘js’ but you don’t have to.

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { location.href='http://chrissandersdesign.com/wp-content/themes/csdesign/iphone/'; }

CSS I’m using to handle styling the site

You can see that I’m using css in an external style sheet. You don’t have , remember the really key thing here is first getting you site to redirect to the iphone directory or fold that you setup. after that building the site is just like any other.

*, html { margin:0; padding:0; border:0; } body { margin:0 auto; padding:0; background: #000 url(http://chrissandersdesign.com/wp-content/themes/csdesign/iphone/images/bg.jpg) no-repeat top center; } /*----------------------- controls the main navigation on the home page -----------------------*/ #nav { margin:0; padding:0; } #nav ul { list-style:none; padding:0; margin:30px 0px 0px 0px; } #nav li { margin-bottom:30px; padding:0; } /*----------------------- styles the portfolio page + images -----------------------*/ #portfolio { margin:0; padding:0; } #portfolio img { margin:0px 0px 10px 0px; padding:0; } .thumb { border:1px solid #32ccff; } /*----------------------- styles resume page -----------------------*/ #resume { margin:0px 0px 20px 0px; } #resume h2 { color:#fff; font-size: 20px; margin:20px 0px 0px 0px; padding:0; } #resume h4 { color:#fff; font-size: 18px; margin:10px 0px 0px 0px; padding:0; } #resume p { color:#fff; font-size: 16px; margin:0px 0px 5px 0px; padding:0; } /*----------------------- styles the footer icons for twitter, facebook, linked In -----------------------*/ #footer { margin:0; padding:0; width:320px; } #footer ul { list-style:none; padding:0; margin:0; } #footer li { display:inline; margin:0; padding:0; } #footer a { margin:0; display:block; float:left; padding:0; }