Flock 2.0 beta, Firefox 3 and Google Apps make a killer combo

tips n' tricks — Tags: , , , , — admin @ July 3rd, 2008

Using the Gmail interface for our Google Apps install is great, but when it’s running in a Firefox window I always tend to accidentally close it.  By using Flock and Firefox together I can use one browser for communication (Flock) and the other for surfing / developing (FF).  Recently The Gmail blog posted this article describing how to set Firefox 3 as the default mail client when mailto links are clicked.  Below are some instructions to extend this for my setup so FF3 opens mailto links in Flock.  (Note: you need Flock 2..0 beta for this to work)

Follow the steps outlined in the Gmail blog here for your Flock install.

In FF3, Under Tools -> Options (Preferences on Mac) choose Applications

Search for “mailto”

With the Action drop down, choose “Use Other”

Click the Browse button

on PC choose “C:/Program Files/Flock/flock.exe” or wherever you have installed Flock

On mac, navigate to the Applications folder and choose the Flock application.

Now, when you click a mailto link in Firefox, it will open up a new window in Flock via Gmail or Google Apps.

Luntra Wordpress Theme Released!

Wordpress Themes — Tags: , — admin @ May 17th, 2008

We have released our new Wordpress Theme, Luntra. You can Download the theme here. Please let us know by email if you see any bugs or things that should be changed. You can also easily swap out the background image and change the look of the site. We did this very thing with the following istock image and you can see the results here.

screenshot2.jpg

nologo.jpg
If you want the theme without a logo you can download that here ->luntra_nologo.zip

Handy iPod touch shortcut

tips n' tricks — admin @ April 30th, 2008

No matter where you are, or what your doing (surfing the web, using the calculator or even just in locked mode) a quick double tab of the home button brings up music controls.

shortcut.jpg

Iphone Detect with PHP

Widget & Mobile Development — admin @ April 1st, 2008

If you need to detect the iphone with PHP use the following code.

function detectiPhone($query){
$container = $_SERVER[’HTTP_USER_AGENT’];

$useragents = array (
“iPhone”,”iPod”);
$this->iphone = false;
foreach ( $useragents as $useragent ) {
if (eregi($useragent,$container)){
$this->iphone = true;
}
}
if($this->iphone){
echo (”This is a iphone or iphone touch - do something like redirect here”);
}else{
echo (”You are not on an iPhone or iPod touch”);
}
}

?>

Feeling the Love

Recent Recognition — admin @ March 26th, 2008

Why thank you, thank you, we know, it’s beautiful.
We’ve recently been featured on a few of the top web design and css galleries.

www.bestwebgallery.com

www.mostinspired.com

www.cssmania.com

www.cssburst.com

www.csselite.com

Cross platform widget deployment

Widget & Mobile Development — admin @ March 26th, 2008

Widgets should be a marketing/internet dream come true. You get a browser free, relatively easy to produce, web and/or system enabled, visually unique, lightweight application living full time on someone’s desktop. However there is one factor crippling development: deployment.About Widgets:

For those not familiar with widgets they come in a 1/2 dozen platforms by all the big internet brands: Microsoft, Apple, Google & Yahoo, and by smaller web page based platforms such as Netvibes and its many clones. They are not cross compatible and unless you’re on a Mac or Microsoft Vista, getting them to run on your desktop requires users to install third party software.

The oldest platform is Konfabulator (now Yahoo) and it was a clear cut winner for development. It had every feature and no competition. It was available for PC and Mac long before Apple and Microsoft were in the game. The only downside was you had to install the widget engine, and then the widget(s) that you wanted.

Apple solved the 2 stage download problem by building widgets into the operating system. They created virtually the same end product, but with totally different code.

Yahoo countered, and purchased Konfabulator which pushed widgets to a much larger PC market. Despite the 2 stage download problem they could have cornered the PC widget market. Instead, they blew their chance by heavily bundling the engine with piles of Yahoo branded widgets, along with a terrible installer that added tool bars, changed startup options and required users to get a Yahoo login. Yahoo widgets were a burden to slower systems and was not backwards compatible with all Konfabulator widgets. To top it off, they released version after version in attempts to free up system resources. Every version came with the installer but lacked the guarantee that older widgets would work.

Microsoft had plans to solve the problem by releasing built in gadgets with Vista, along with a patch for XP, but decided to scrap plans for widgets on XP. Due to Vista’s low adoption rate it leaves a huge percent without platform standardization.

Google desktop suffers much in the same ways as Yahoo widgets: with 2 stage download and excessive bundled software. The software features are sure to turn away a healthy number of users. As well as giving you gadgets, all files on your computer are indexed and then stored on Google servers.

Netvibes had the most promising sounding solution until it was unveiled: promising you could develop once, deploy everywhere. In reality, you could jump through a series of hoops to port the simplest widgets to a specific UWA widget for Google desktop and Apple Dashboard; bringing back the old 2 stage download, make that 3 stage for PC, along with and giant Netvibes logo on your widget.

Solutions:

The more people who jump on board making platforms rather than solutions, the further from realistic it is to release a quality widget product. The WC3 has outlined some standards, but the engine developers don’t seem to be listening. Simplification and standardization are really the key.

For now the widget landscape is in it’s infancy. Development is limited to small pockets of users bases. Widgets will continue to do less-than-useful tasks such as count down to a date and read .rss feeds. For a company to seriously consider using a widget as a major brand touchpoint the widget platform needs to be transparent to the user.

Links:

Microsoft - http://www.microsoft.com/windows/products/windowsvista/features/details/sidebargadgets.mspx
Apple - http://www.apple.com/macosx/features/dashboard/
Google - http://desktop.google.com/
Yahoo - http://widgets.yahoo.com/
Netvibes - www.netvibes.com
Netvibes UWA - http://dev.netvibes.com/
apple Netvibes widget - http://developers.netvibes.com/files/UWA-Widget.wdgt.zip
WC3 - http://www.w3.org/TR/widgets/

Photoshop color profiles set up for web

tips n' tricks — admin @ March 26th, 2008

When taking our new site to production we were ran into issues with the exact hue of our red. Our team of developers and designers with 25

color1.jpg

years experience all had slightly different answers regarding color management. Not only did none of the suggested solutions seem to have a solid logic backing them, they were all producing slightly different results. We asked around our network of developers & designers only to find that we were not alone, everyone seemed to have a solution that worked, but they all required some tweaking, fiddling, faking, and/or

adjusting.

While researching a definitive answer we’ve dug up some excellent articles, and recommend reading them all for a complete understanding of color control for web. However the quick and dirty is that as software and hardware evolves, color management is becoming integrated on more levels, (monitors, operating systems, web browsers ect.) Knowing what to adjust, and what not too is key. Your monitor/OS color

management is there to make the color look as accurate as possible on your gear and needs minimal or no adjustment.

By default Photoshop wraps files in a ICC color profile that is designed to standardize color across a vast range of color environments and media. Since most web browsers do not support color profiles on graphics, Photoshop must be set up correctly to to let you visualize with your monitor/OS color and export with sRGBThis is for Photoshop CS3, but the principal should work across the board.

a) Image mode has to be set to RGB
Image > Mode > RGB Color

b) Working space for RGB images needs to be sRGB IEC1966-2.1
Edit > ColorSettings…

c) Assigned Image Profile for designing is “your monitor profile”
Edit > Assign Profile…

d) Assigned Image Profile for saving to web is sGB-2.1
Edit > Assign Profile…

Resources:

Wikipedia on color management:
http://en.wikipedia.org/wiki/Color_management

Adobe on ICC profiles:
http://kb.adobe.com/selfservice/viewContent.do?externalId=321382&sliceId=1

Athletics
http://athleticsnyc.com/blog/entry/color-management-for-web-designers-and-developers

(c) 2008 Pump Interactive | powered by WordPress