Custom CSS = Love Trello More

Trello with custom CSS
My Trello with custom CSS, using the Safari User CSS extension

I love working with Trello. Compare the free and cheap project management tools out there, and Trello can compete. More nimble, dextrous, and powerful than most. For free.

Effective. Elegant. User-friendly. Excellent in most every area.

In beauty, though — it’s only passible.

Having just tried and compared many alternate services, I’ve come back more committed to Trello, and determined to enjoy it more as well.

So I’ve added some custom styles — and found my love has grown.

Of course this is largely a matter of preference. But I’ve knocked off corners and borders, made avatars round, added some white space, gone largely gray-scale — and, well, see for yourself.

Do it Yourself

If you like it or would like to innovate on it, here is a Gist of my styles.

You’ll need to add the styles to your favorite browser, as user styles made specific to the domain: https://trello.com.

To help with this, use a browser extension for your favorite browser.

Browser Extensions

Further Reading and Resources

Build a Faster HTML5 App with Backbone.js, Zepto.js and Trigger.io

This post from Trigger.io shares a strategy for creating Android and iOS apps from a single HTML5 codebase.

The post walks through:

  • including your JavaScript files
  • using Backbone.js to present a responsive interface
  • using the HTML5 boilerplate to reduce inconsistencies across platforms

Read it here: How to build fast HTML5 mobile apps using backbone.js, zepto.js and trigger.io – Cross Platform Dev Blog

A Case for Sproutcore over Backbone.js for Web Apps

Sproutcore Logo

@mfied makes an interesting case for utilizing Sproutcore for web app development.

Read the Post

Via Building interactive web apps with SproutCore | Minified:

Currently, Backbone gets a lot of the attention, and rightly so, it’s a great framework. In this post though, I want to demonstrate a use case where I believe SproutCore 2 excels — building interactive web apps.

Developing in SproutCore takes away the need to update and re-render views, and the focus shifts entirely to managing and updating the client side data model.

Go read the post

Related

Design for 3 Screens — Make That 5: Jakob Nielsen’s Alertbox

Summary:

Mobile use will rise, but desktop computers will remain important, forcing companies to design for multiple platforms, requiring continuity in visual design, features, user data, and tone of voice.

via Transmedia Design for 3 Screens — Make That 5: Jakob Nielsen’s Alertbox

Mozilla Developing a WebAPI to replace native apps with HTML5

Mozilla has launched an ambitious new project aimed at breaking down the proprietary app systems on today’s mobile devices. The project, dubbed WebAPI, is Mozilla’s effort to provide a consistent, cross-platform, web-based API for mobile app developers. Using WebAPI, developers would write HTML5 applications rather than native apps for iOS, Android, and other mobile platforms.

Mozilla isn’t just talking about WebAPI, it’s already hard at work and plans to develop the APIs necessary to provide “a basic HTML5 phone experience” within six months. After that, the APIs will be submitted to the W3C for standardization.

Among the APIs Mozilla wants to develop are a telephone and messaging API for calls and SMS, a contacts API, a camera API and half a dozen more.

via Mozilla WebAPI wants to replace native apps with HTML5 — Ars Technica.

Colleges Weigh Costs of Native Mobile Apps versus Web Apps

Colleges Weigh Costs of Native Mobile Apps versus Web Apps

The rise and challenge of multiple platforms
Consider the difficulty of developing mobile apps for all devices …

Remember 37signals’ Approach to the Basecamp App?

Many readers may have noted 37Signals’ decision to develop the mobile version of their popular Basecamp project management service as an HTML5 Web App. After having developed an iOS-native app for their Highrise application, they noted the fast rise of Android-based mobile devices. Rather than add an Android developer to their team, they opted to shift strategy. By developing the Basecamp app as a mobile web app, they made the app immediately accessible to a wide away of devices across multiple platforms. Continue reading “Colleges Weigh Costs of Native Mobile Apps versus Web Apps”

Mobile Apps Surpassing the Web?

for the first time ever, daily time spent in mobile apps surpasses desktop and mobile web consumption.  This stat is even more remarkable if you consider that it took less than three years for native mobile apps to achieve this level of usage, driven primarily by the popularity of iOS and Android platforms.

via Mobile Apps Put the Web in Their Rear-view Mirror — June 20, 2011 — Flurry.com

37signals Cinco? A New Mobile Web-App Framework in the Works

37signals Cinco? A New Mobile Web-App Framework in the Works

Intro Video for Basecamp Mobile

Mobile web-app developers, check out 37signals new Basecamp Mobile.

For behind-the-scenes perspective, read their blog post on their decision to go with a web app as opposed to native apps for iOS, Android, etc.

And it appears that in the process 37signals has been building a new web-app framework, which they’ve dubbed “Cinco.” Given that this is coming from the creator of Ruby on Rails, David Heinemeier Hansson, it should be worth watching.

See David’s tell-tale tweet:

Basecamp goes mobile with HTML5 and our new Cinco framework: http://bit.ly/fAqTY3 — thanks to @sstephenson, @joshpeek, and @jz

And then this comment in response to inquiries:

SS 01 Feb 11
Basecamp Mobile is written in CoffeeScript using our in-house Cinco mobile framework, which ties together Backbone.js, Zepto, the Eco templating language, and Stitch.

We’ll be talking more about Cinco and open-sourcing it in the coming months.

See the original comment with links here.