43 Folders

43 Folders feed subscription icon - Shiny!Time, Attention, and Creative Work. After 4 years and a lot of productivity pr0n, we’re shifting gears. Re-learn how to use 43 Folders. Then back to work. [»]

”What’s 43 Folders?”
43Folders.com is Merlin Mann’s website about finding the time and attention to do your best creative work.

Beautify Instiki (even more) with custom CSS

You probably already know about Instiki. It’s is a terrific, elegant, beautiful wiki that I personally use for half a dozen of my own projects. I’ll probably run a longer post on Instiki some time in the future, but I can especially recommend the OS X install for Mac users. If you have a server that can handle Ruby 1.8.1, I can equally recommend the regular Ruby install. The app is gorgeous and works swell either way.

One of my favorite things about Instiki is how attractive and simple it is to use (PHPWiki, you’ll always be my first love, but sometimes, you’re just too high-maintenance). Instiki even lets you apply your own custom style sheets without having to change any actual code (Dear Typepad: Please steal this idea. Love, Merlin.). Here’s a quick tip for adding your own styles to your Instiki wiki.

  1. Download, install, and configure Instiki for your corner of the web

    • In practice, this is likely to take less than five minutes
    • Mac users only need to install Instiki.app, which brilliantly contains its own Ruby installation and WEBrick server (serves over port 2500 on the out-of-the-box install)
  2. Pull up the home page of your wiki

  3. Click the Edit Web link from the bottom of the home page
  4. Under the Specialize section, click the See styles >> link.

    • This will reveal a textarea field
  5. Type or paste in your CSS styles

    • Note that you can View Source on any Instiki page to see which HTML elements you can hook on to
  6. When you’re finished adding styles, type in your system password and click Update Web

  7. Behold your pretty new look.

Hint: Here, as in most cases, it’s really easier to just refer to an external style sheet, so you can make changes in a text editor (rather than having to diddle around in a textarea and repeatedly save changes). I welcome you to swipe my “hamburger helper” Instiki style sheet to get you started. You’re also welcome to just link to it as is (proviso: may go away some day without warning). To apply it to your wiki:

  1. Follow steps 1-4 as above
  2. Paste the following into your style textarea:
  3. @import url("http://www.merlinmann.com/43f/instiki.css");

  4. Save as in 6 above

Note: There are many many other swell wiki packages out there (I estimate that three new ones have been released since I started writing this). Mac users who want something even simpler should definitely look at VoodooPad, which brings a fairly robust, very intuitive wiki to a desktop Mac app. Fave feature? Export all your pages to your iPod. Neato!


Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.
Pensievin’ » links for 2006-04-20's picture

[...] Beautify Instiki (even more)...

[…] Beautify Instiki (even more) with custom CSS | 43 Folders (tags: instiki design css) […]

knewman's picture

I only recently started looking...

I only recently started looking at wikis, and I still haven’t wrapped my brain around how to best use them for personal organization. Most of the literature i’ve seen on the web has been praising the collaborative nature of the wiki, but for personal use, this isn’t a big selling point for me.

I’d love to see some examples of how people are using a personal wiki like Instiki to organize their lives and get things done.

Aaron's picture

Seconded. I don't necessarily...

Seconded. I don’t necessarily see the point for personal organization as of yet, so I’d be interested to read how you use it Merlin. I’m just getting started with GTD, and so far it looks like OmniOutliner will be the best/easiest app to use for making my project, and possibly action, lists. Though I just got a snazzy new Cliè, and I’m not sure if I’ll be able to sync OmniOutliner content smoothly with that.

Merlin Mann's picture

I don't actually use wikis...

I don’t actually use wikis much for productivity stuff—I use ‘em for work and for ad hoc projects I do with other folks.

One thing I love about Instiki—once you have it up and running, it’s very easy to create additional “webs,” which are independent wikis with their own access controls, styles, etc. Great app.

Ceesaxp's picture

Completely OT: why is www.reinvigorate.net...

Completely OT: why is www.reinvigorate.net always takes ages to return that JS script? It results in page loading for minutes!

Akakie's picture

Instiki looks really nice. I...

Instiki looks really nice. I installed it and am using it to define personal projects. A nice point is that it doesn’t require anything external. I have Apache and Ruby on the Mac (came with it!), but with Instiki, I don’t have to bring those up.

I do wonder about Ruby 1.8.1. I had installed that upgrade, but after installing Instiki, I seem to be back to Ruby 1.6. Maybe it’s just klutzism on my part. Any ideas about how to use the installed version of Ruby instead of the one in the package?

Corie's picture

I've been using a desktop-based...

I’ve been using a desktop-based wiki to try to handle GTD for a couple weeks now, and it seems to work pretty well. I’ve been running wikidpad (win, but I know there are mac versions out there that have been mentioned here).

I have one wiki page for each project, a next actions page, a waiting page, and a general reference page.

My vertical planning for each project goes on the specific project page, and the top item goes on the NA page (or the waiting page) - after the action, I just have a link to that project - rather like the PigPog method described here except there’s no danger of losing my project notes if I accidently delete the entire action - it’ll just go in the orphaned pages area.

downsides - not portable by palm/otherhandheld, but I’m usually working from home, its usually not a problem.

I’d guess a webbased wiki would help for people that are more mobile.

Avram's picture

How does one create additional...

How does one create additional Instiki webs? I haven’t been able to find anything about this on the Instiki site.

Thomas's picture

For new Instiki webs, just...

For new Instiki webs, just go from current web’s homepage to ‘Edit Web’ page. Scroll down - just below the ‘Update’ form button is a link to ‘Create a new web’. That’s it.

Leif Brown's picture

Actually, the real power of...

Actually, the real power of instiki + CSS just occured to me:

CSS makes it possible to have the display of certain pages…

change based on context.

I don’t mean annoying, useless, constant changes. But imagine Calendars that reorder themselves, NextAction lists that sort themselves, “In Boxes” that know when their contents need to be sorted, project categories that tell you when an item has been inactive too long, and may need re-categorization…

I have seen the future…

About Merlin Mann

Merlin Mann's picture

Bio

Merlin Mann is an independent writer, speaker, and broadcaster. He’s best known for being the guy who started the website you’re reading right now. He lives in San Francisco, does lots of public speaking, and helps make cool things like You Look Nice Today. Also? He looks like this, answers questions, and has something like a life.

Merlin’s favorite thing he’s written recently is a short essay called, “Better.”

 
EXPLORE 43Folders THE GOOD STUFF

An Oblique Strategy:
Discover the recipes you are using and abandon them


STAY IN THE LOOP:

Subscribe with Google Reader

Subscribe on Netvibes

Add to Technorati Favorites

Subscribe on Pageflakes

Add RSS feed

The Podcast Feed

Inbox Zero

The original 43 Folders series looking at the skills, tools, and attitude needed to empty your email inbox — and then keep it that way. Don’t miss the free video of Merlin’s Inbox Zero presentation.

Making Time

3-part series on attention management for artists and makers. Read Bad Correspondence, The Job You Think You Have, and One Clear Line.