WebRunner & App Styling

One new feature we added to WebRunner is web application styling or theming. You can drop a “webapp.css” file in the bundle and it will be applied to the hosted web application. You can also use platform-specific folders in the bundle to apply specific CSS based on the current platform (Windows, Mac or Linux). We’ll put more details up on the wiki when the feature is released. In the meantime, here is a screenshot of Google Reader hosted in WebRunner, running on Mac, using Jon Hicks’ excellent CSS theme.

greader-mac-small.png
click to enlarge

This is nothing you couldn’t do in Firefox already. In fact, the Stylish extension and userstyles.org make it pretty simple. But WebRunner + OS specific themes really make for a nice “desktop” web app.

11 Comments

  1. Alex Graveley said,

    October 20, 2007 @ 2:10 am

    Holy wow! That looks incredible! Awesome job going the extra mile to make platform-specific customization easier.

  2. Miskago said,

    October 20, 2007 @ 8:09 pm

    awesome stuff, i was wondering when there’d be news of this.. :)

  3. douwen said,

    October 23, 2007 @ 10:50 am

    hi,Mark,
    i have 2 gmail account and i then want to build 2 gmail apps to run the 2 account, but it seem the webrunner just use 1 cookie of the accounts, how can i overcome this problem?

  4. Rob Wilkerson said,

    October 25, 2007 @ 10:15 am

    That looks outstanding. Has it been released? I just downloaded WebRunner 0.7 and it looks like a great way to reduce distractions. Be outstanding if Greasemonkey were built in. I’ve become far too dependent on the GmailMacros script…

  5. Kurt said,

    October 25, 2007 @ 10:59 am

    Very cool. Can’t wait for a new release!

  6. Lee Aylward said,

    October 25, 2007 @ 2:46 pm

    Awesome, can’t wait to try out that Reader theme!

    Is there any way to launch more than one web-app with webrunner in OS X? I just get a blank popup window if I try to launch more than one.

    Maybe if I write an apple script to launch the actual binary?

  7. Javascript News » Blog Archive » WebRunner Style Customizations said,

    October 25, 2007 @ 4:22 pm

    […] WebRunner team has added the ability to add style to your application. Mark Fingle said it well: One new feature we added to WebRunner is web application styling or […]

  8. Alex Faaborg - » Prism said,

    October 25, 2007 @ 4:40 pm

    […] that, working on creating css styles to match different operating systems could help streamline the creation of application-specific webapp.css files. I am, after all, a big fan of visual […]

  9. WebRunner - A concept of Site Specific Browsers said,

    October 25, 2007 @ 5:05 pm

    […] Ein weiteres Feature ist, dass man der genutzten Anwendung auch eine CSS Datei einspeisen kann und so sein ganz eigenes Styling mit einbauen kann. (watch out) […]

  10. Rick said,

    October 25, 2007 @ 8:56 pm

    At douwen,
    You could also install Prism (http://labs.mozilla.com/2007/10/prism/) which seems to do this but simpler (Easier to add new sites, but less customisation and no app-scripts).

    Firefox, WebRunner, and Prism all store their cookies seperately, and as a side note they also have different user agents.

  11. Around the web | alexking.org said,

    October 28, 2007 @ 5:23 pm

    […] Mark Finkle: WebRunner & App Styling […]

RSS feed for comments on this post