Archive for Tools, Resources

James’ Good Time Tech Link Solution: 12/23


23 December 2011 | Comments Off

Chrome 15 is Now World’s Most Popular Browser (Version)
Chrome’s #1! Chrome’s #1!

Bill DeRouchey’s Talks at CreativeMornings/Portland
Watch the Creative Director of Simple talk about creating with an opinion.

Finding Waldo with Code
It’s officially time for him to change his shirt.

VideoSWS: HTML5 Video Player Comparison
Who know there were so many?

User Retention as a Service?
With so much attention on gaining users, what can we do to keep them?

20 Sites that Pushed Javascript to the Limit
Which sites unlocked the hidden gems of the modern browser in 2011?

GoDaddy Faces Boycott Threat from SOPA Opponents
GoDaddy supports SOPA, loses customers

WebGL Nyan Cat
It was only a matter of time…

 

James’ 100% Technical Good Time FINE Link Solution: 12/16


16 December 2011 | Comments Off

TextMate 2.0 Alpha
The TextMate we know and love is finally growing up!

The Quicksort Algorithm Explained
…using Hungarian folk dance.

15 Web Conference Talks You Need to Watch
According to .net Magazine

Microsoft Turns on Auto Update Internet Explorer for Everyone
The internet applauds.

An Intro to OOCSS
Let’s all do our part to fight CSS bloat.

Polyfilling The HTML5 Gaps
An excellent slideshow on bringing HTML5 features to non-supported browsers.

Respond.js
Speaking of polyfills, here’s a good one for CSS3 Media Queries

Hidden Industry Dupes Social Media Users
Your captchas aren’t enough anymore.

Why Apps Are Not The Future
The web is dead, or is it? A simple case against apps.

 

Wine And Find: SEO For Winery Websites


15 December 2011 | Comments Off

From Chateau Montelena to Chateau Ste. Michelle, FINE has designed and developed winery websites for archetypes throughout the industry. When FINE acquired Big Daylight in 2011 and established a search engine marketing division, the immediate opportunity was to move beyond building glamorous online destinations and focus on directing traffic to them. We’ve learned much about how to best approach SEO and online marketing for wineries.

One of the first revelations – many wineries simply do not own results around their OWN BRAND online. This goes above and beyond the name of your winery, and extends to every type of wine and release date featured on your website. It’s not that you don’t want wine.com or snooth.com to mention your product, it’s that ranking more highly allows you to tell your story first, especially if you also sell your wines online. With that in mind, here’s a taste of some frequently asked wine and search questions:

What should I do about age verification?

When it comes to SEO, the home page is all-important. So what happens when you are required to slap an age-verification on your homepage? We certainly don’t want Google to think your site is about “You must be 21 years of age or older to enter. Please select your date of birth below.” Your homepage also must resolve at http://www.yourdomain.com, and not redirect to http://www.yourdomain.com/ageverification.

FINE has handled this by creating a clever pop-up screen that allows the user to enter their age, while still providing plenty of search-engine friendly content directly on the homepage. You can see this in action on several FINE websites, including this Napa Valley winery.

Do I need to create a unique page for every type of wine?

YES. Don’t make the mistake of listing various types of wine on one page, instead of creating a page for each type. It may be hard for your 2007 Chardonnay to position if you haven’t really devoted a page to it. Other online retailers selling your own wine (along with tons of others) could beat you!

But I put all my tasting notes in PDFs! It’s so much easier to link to all of these from one page!

You’re right. That is easier. But sometimes building a SEO-friendly site takes some time and elbow grease. We guarantee it will be worth your while to take that fabulous PDF content, put it in a real HTML page instead, and then also continue to offer PDFs for download and printing. Some SEOs might advise you to use robots.txt or other methods to block the PDFs from being indexed since they would be duplicate content to the main pages, but honestly, Google is smart enough to figure this out on their own.

I want to position on Napa Valley Winery. And also Napa Valley Wines. How do I do that? Give me the secret…
Honestly, that is going to be very hard. This is what we call a “Vanity Term”. It’s an instance where you are not only competing against other wineries, but information sites, tour sites, and even hotels.  It looks so attractive and shiny, but remember that every rose has its thorn. If you want to position on that term and currently are nowhere even in the top 30, be prepared envision someone working on this 8 hours a day for an indefinite amount of time, building content and links. Probably 2 people.

Instead of focusing on on vanity terms, we suggest you focus on keywords specific to YOU. You will find these terms in the long tail, and the long tail can bring you more traffic than any vanity term ever would. This superb chart and SEO article from SEOMoz (we encourage you to subscribe to this site) illustrates this in more depth:

I want more people to come for wine tastings, and perform better in local search.
Local search is one of the best places a winery can work to optimize your brand and website. See this separate article we wrote, all about Local SEO. Also, don’t forget the huge power of Online Reviews. Also consider linking to your Google Places page from the footer of your website.

Any other tips I should know about?
Be sure to give every page on your website a unique Title Tag and Meta Description Tag that contains important keywords while also sounding great for users. Ideally you will write these by hand yourself, but if not, then create intelligent rules that auto-populate tags to make them as descriptive as possible. Back to that 2007 Chardonnay – if you created a page for it, but didn’t optimize the title tag or description (which instead only say the name of your winery), you’ve really reduced overall relevance for that page.

Also, if you sell your wine online, be sure you have registered and submitted a Google Merchant Feed.

Of course, from URL structure to website navigation, there are a variety of other factors that encompass creating a search-friendly website. But for those who run winery websites, these considerations may help guide you toward the traffic you so richly deserve.

 

James’ 100% Technical Good Time FINE Link Solution


9 December 2011 | Comments Off

Fullscreen HTML5 Video
Yeah you heard me!

Top 6 HTML5 Trends in 2011
Mobile first, responsive design and offline caching, oh my!

Embedded Tweets
Copy/paste-able HTML for Twitter.

Facebook to Launch a Subscribe Button for Websites
“Publishers will be able to add the button to their websites, much like they do with the Twitter “follow” button today, allowing users one-click access to a person’s public updates.”

The Challenges of Working Remotely
Sam Brown discusses his person experience with working remotely.

A 404 Page with Class
Kudos to mint.com for helping Justin out.

Chrome Take Their Dev Tools to the Next Level (Again)
Paul Irish gives a tour of some of the new features.

The Future is Gotham


28 October 2011 | Comments Off
YouTube Preview Image

Microsoft recently released this 6-minute, futuristic video that envisions the changing shape of technology in our lives. The video imagines a world in which touch screens and mobile devices pervade; acting as assistants, organizers, communicators, and more. It is at once ‘far out’ and not-that far off. Some nice interface graphics were created, and some really neat concepts are shown. If one thing is clear from this video, it is that the lovely (but certainly already overly-used) typeface Gotham will rule the world.

Dr. Brisko’s Magic Links: 10/24


26 October 2011 | Comments Off

NETHACK – The greatest game you will ever play
A very cool single page site with effects, on one of the most addictive games.

Logos in CSS3 only
No images. No JS. Just CSS.

The Hubble Blew My Mind
Last night, around 8:30pm, I was sitting in my backyard with my 9 yr. old daughter, Maddie. We were looking at stars, trying to identify constellations, when one of them started moving…

The Picasso of …
On the anniversary of Picasso’s 130th birthday a list of Picasso cliches. Brought to you by the Picasso of Link Clipping.

Injustice for all: The Lou Reed/Metallica album
… It’s not really designed for people who like music. It sounds like what it is: an elderly misanthrope reciting paradoxical aphorisms over a collection of repetitive, adrenalized sludge licks.

Mobile apps must die!
Frog’s creative director Scott Jenson argues that mobile apps must die. He explains why the overall model of native apps is holding us back and that they shouldn’t be the default approach.

Walking in CSS3
A man walking in CSS3, that is all.

NewsBlur
A whole lot of information going on!

Think with Google
A place where innovators, experts and Google’s homegrown visionaries lend their insights and outlook on the digital future.

 

Pumpkin Branding For Designers & Other Maniacs


26 October 2011 | Comments Off

The great thing about Halloween is its power to make the most left-brained among us pause to celebrate the creative potential of costuming or carving a pumpkin. While you may cop out and go to the costume store to outfit yourself for the party, the pumpkin in particular is a tried and true call to creative action. We answered the call in our Portland office last week. There’s still time for you to express yourself in the pumpkin medium, too, whether for personal or professional reasons. We’ve supplied a few inspirational photos and links to get you started.

Start With Science Friday’s Inspirational Video.
If your brand needs advanced pumpkinometry, seek professional Maniac Pumpkin Carvers.

 

Read the rest of this entry »

Dr. Brisko’s Magic Link Oil: 10/17


18 October 2011 | 2 comments

{Each week, our own resident technologist “Dr. Brisko” scours the Interwebs to find examples of the arcane and interesting. They are first shared privately in the inner FINE sanctum, where we retain some as pure trade secrets. But we switch a short list public to give you just a taste, from technology deep dives to design to the, well, unclassifiable info that just may be the cure for what ails you.}

Lytro – the light field camera
Images you can selectively focus after you have shot them! Arstechnica overiew linked above or go directly to the website.

Localize or Fail
Translations are not enough.

Billion Tonne Comet May Have Missed Earth By A Few Hundred Kilometres in 1883
So remember, when you’re feeling very small and insecure, how amazingly unlikely is your birth …

There is only one cloud icon in the entire universe
I knew I’d see this icon somewhere before.

List of Detroit startups
Not dead yet! Not with these phoenix’s rising from the ashes!

Amazon rewites the rules of publishing
Who needs a publisher when Amazon can do it all for you.

Mobile UI patterns
I nice library of mobile site design approaches.

Commit logs from last night (NSFW)
because real hackers pivot two hours before their demo

Resolutionize The Web


14 October 2011 | Comments Off

The mysteries of pixel widths and screen resolutions have baffled Interweb designers, developers, and mere mortals for years. The simple truth is that what you see in a window may not be what others see unless you change your resolution and look again. And again. Unless! Introducing the FINE Res Tool.

This simple screen resolution tool unravels the mystery. To use it, simply enter a full URL of your choosing. Up pops that location superimposed with a draggable set of rulers  (x and y axis) configurable in center/left/and right alignment. These rulers allow you to view that site as it would be seen at different resolutions. So you can get a sense for what other eyeballs experience. A small dashboard at the bottom even gives you current stats on what resolutions most people use (hint: 1024 x 768). Best of all, it’s all done in javascript, so you’ll not need Flash to use it.

Maybe you want to check the margin padding on a site… the default image dimensions on a blog… maybe you want to communicate that you want something smaller to your web team or agency – how much smaller? Now you can see clearly where the lines are drawn, and even communicate in pixels instead of an estimated percentage – the language barrier is broken, the resolution mystery is solved. And a democratized method of measure is now available to all, from the pro developer to the savvy client.

Enjoy!

The Font Combinator


13 October 2011 | Comments Off

The days of boring type on the web are… well, they’re still here for the most part. But as evolution permits greater flexibility with typography, that’s starting to change. Before you get giddy with this newfound font power, know that you can also go terribly wrong. If you want to find out how various combinations of web safe fonts look together on a page – this nifty font combinator tool let’s you preview. Just enter some sample text, change the fonts and – Boom!*

http://font-combinator.com/

* Note that “Currently this tool only uses fonts supplied by the Google Font Directory, as well as a handful of common system fonts”. It also seems to be a little funky in Firefox – try Safari.