Broken Kode

by Khaled Abou Alfa

Posts filed under "broken-kode"

v7_teaser.jpg

It’s been a while since i’ve done something like this, but I can’t help myself, i’ve been sitting on this for months now.

http://www.brokenkode.com/v7

So today is a very special day for the Kode. Over the last four years (more or less) of it’s life, the site has amassed over 4000 comments. Obviously this is something that I’m extremely proud of and wanted to thank everyone for their wonderful contributions over the years in making this places less of a place for me to talk to myself. Comments are part of way make a weblog different to other websites, in that they encourage communication between people around the world. They definitely make running this site a whole lot more fun. So once again I’d like to thank everyone for their contributions.

http://www.brokenkode.com/4000-comments-strong

So I had myself a bit of a Facebook purge today. As Facebook is becoming more and more part of the cultural landscape it’s become a bit more important to be a wee bit more careful regarding which people can actually see your details. Maybe I’m being a bit too cautious but the thing is I have been slapped once before regarding the ‘Kode at work. I know sounds strange since I’m extremely careful to make sure I don’t really say anything about what’s going on at work except regarding which projects I might be working on and having a picture taken off the architect’s website. The point is, you never know when certain information is going to come back and really bite you on the ass, and as such I’d really rather not get into too many of those situations in the future (hey I am a blogger and therefore I will no doubt get into trouble at some point down the line).

So I’m off any groups, won’t find me as part of any networks. The only people that can see me are the few that I allow in. Any photos I don’t like I take the tags off and hope they never get seen (exceptionally bad ones are asked to be removed).

The thing is I find Facebook as a concept to be awesome, and I love the implementation of it as well. I like it’s clean lines and distinct design. I like how functional it can be (although finding a decent Flickr plugin is like pulling teeth) I just want all my Flickr photos to be part of my photo albums and that’s it. However as with everything moderation is the best option.

http://www.brokenkode.com/the-facebook-question

Over 1000 photos , but here is a small slither of what is to come:

hiroshima.JPG kyoto.JPG mount-fuji.JPG golden.JPG

http://www.brokenkode.com/japan-photos-teaser

Well, I have not been near a computer for about a week but it’s good to see that the internet doesn’t stay quiet. I am specifically referring to the exodus of members from the 9rules network. Now to all those out there scratching their heads and wondering why I am calling this an exodus, you’ll understand soon enough. A little history for those in the dark or who don’t actually care all that much about such things, 9rules is a blogging network that reached it’s zenith (at least in terms of popularity) about a year and a half ago…give or take a several months. It was an incredibly vibrant place, with a great website and really active members. This was back when bloggers were rock stars….erm you know what I am saying, back when blogging was fresh and new as opposed to the norm in the web landscape.

I have not had the time to formulate my reasons (in a proper post that is) for leaving the network and all my miscellaneous thoughts about the process and aftermath (as I am in Japan at the moment and can’t sleep), however what I would like to do is try and compile a list of all the 9rules members that did leave.

My reason for doing this is to address one of my main gripes about the way in which departures from the network have been handled, or as the case may be, not been handled. While a new site is celebrated, a departing site (or even original member departing) does not even warrent a small mention on the offical blog. While I can understand how the powers that be might feel like a failure that people would choose to leave, I personnally see this in another way.?This should really be a time to wish everyone well in all their future endevours and thank them for being a part of the network (as long as those members were not kicked out for shoddy conduct, which I don’t think any of the listed members were). In this particular case a least 16 sites have left the network, one of which was there from round one, I have been there from round two and several others have been extremely active members in the community (I doubt anyone will reach Paul’s forum count, ever).

So with that in mind I would like to start a little list of the 9rulers that have recently left the network, it was an honour being seen in such great company as yourselves (if you have left recently and I haven’t included you, please drop a comment and I will update this post):

  1. Broken Kode

  2. Binary Bonsai

  3. Chris J Davis

  4. Warpspire

  5. Paul Stamatiou

  6. Openswitch

  7. Christian Mohn

  8. h3h

  9. Seopher

  10. Dan lockton

  11. Standards for life

  12. Baires Elsur

  13. i-marco

  14. a-rain-of-frogs.com

  15. Smarandayal

  16. Wynia

  17. Transformatum

  18. Ryan Arrowsmith

http://www.brokenkode.com/post-the-rules

I have a much larger (and definitely more indepth) post to write when I get back to the UK, however just wanted to tell everyone that I am no longer affiliated with the 9rules network as of yesterday. To make things clear, I chose to leave, however I wish the guys and gals over there nothing but success in the future with everything that they do. I had fun while I was there and now it’s time to start looking into the future of the ‘kode.

http://www.brokenkode.com/9rules-exit

You know what I find the absolute weirdest thing in the world? I’ve got this Canon LiDe scanner right, got it something like 5 years ago and has served me pretty well in all those years. It’s not the best scanner in the world, but to be honest, based on the fact that most of my stuff is put on the web rather than in print, it’s not exactly the end of the world. The weird thing is that my scanner works right out of the box in Ubuntu. Don’t need to download any drivers, don’t need to mess around with anything, and it works quickly and perfectly. Obviously it’s not all roses right, my Ipod shuffle obviously doesn’t want to play nice with Ubuntu, even though the latest version of Banshee is the music player that I’ve been waiting for all my life. So many great little features have been added to the latest couple of versions since I played last with it. Yeah like that’s any good to me as my fekkin sound card that doesn’t work for toffee and keeps giving me trouble all the time.

So I get back on Windows (because it’s got Photoshop) and fekkin Apache has decided to stop bloody working through XAMPP, so I can’t honestly get any work done for Habari as doing it on a live server takes forever.

I did download the latest and greatest Oxygen icons onto Ubuntu and I’ve got to say they are definitely some of the nicest things I’ve seen in a good long while…shame I couldn’t get the latest version of the Crystal icons to fekkin install (lovely redesign by Everaldo btw), as those look great as well.

Obviously I’ve upset someone in computerland and they’re trying to punish me in every painfully frustrating way. Seriously it’s times like this that I think the magic bullet is getting myself a Mac. But then again everyone says that when all manner of software decides not to work right?

http://www.brokenkode.com/rambling-rambles

One year older, one year wiser. Damn that one went by pretty quickly. I’ve got to say that when I was younger I used to get really pretty depressed about my birthday, nowadays I’ve come to accept the inevitable, so now the plan is to grow old with dignity….so I’ll be working on that last part later on. In any case happy birthday to all the Leo/Virgo cusp people born on the 23rd of August have a great one.

http://www.brokenkode.com/twenty-eight

So you might have noticed a certain lull in activity on the Kode. The main reason is the fact that I’m EXTREMELY busy at work right now. It’s been absolutely insane. The thing is though, it’s pretty standard fare for the summer as most people with kids tend to take their holidays in and around the same time which makes the rest of us crazy ones that are left behind to hold the fort in the meanwhile. The good news is that I’m actually enjoying a lot of the work that I’ve been involved with (not that I haven’t enjoyed my previous work). One of my latest projects is this tiny little project in Egypt. The architects on the project are Michael Graves. We went to see them in Princeton last week and that was actually pretty cool. My first visit back to the states since last year when I went to my brother’s graduation.

nile02.jpg

nile01.jpg

I honestly doubt that I’ll be blogging much during August, as I’ve got very little to say and generally soo tired, I can’t even talk. The thing is though that I really miss my website. I miss the interaction with all the crazy cats and dogs on the net. I miss being involved. Hopefully come September I can have more time to remedy this situation.

http://www.brokenkode.com/quiet-kode

Just sorting out the html and slowly hacking the css file. The idea is to slowly chip away at the actual code slowly but surely. I’m not in much of a hurry as I’ve got SOO much stuff left but I find that I enjoy writing more by actually having this new evolving design live.

http://www.brokenkode.com/live-redesign-happening

Geeze that took a long time but I can finally report that I’ve actually sorted out the Kode’s version 6 mockup. Now you might say:

“How the hell is this relevant you lazy fuck? Sort out the full implementation of the site instead of telling us about the damn mockup”.

Ah patience young Padawin one, the significance here you see is the fact that this final mockup has only come after 21 FAILED attempts. 21 attempts, and iterations and tweaks and modifications. That’s an insane amount of time spent on designs that are not going to be used….EVER. Some of the ideas where pretty nice but the overall package lacked a je ne sais quoi.

teaserbkv6.jpg

So how is this interesting to you? Easy, I actually realised what I was doing wrong and to be honest it’s a fundamental element that I employ in all of my works that seemed lacking in this instance and I decided to go down a completely different route, one that was more clinical rather than conceptual as I usually do. I’ll try and elaborate. When I design or draw something, I usually think of a concept and run with it. I may be trying to emulate a specific feel or idea. Version 4 for example was influenced by my rereading Akira at the time. I loved the cables and the detail which is where that particular design came from.

For this one, I just wandered aimlessly. Moving from one idea that I thought was killer to the next. Sadly only some ideas were any good. In general I was missing the overall picture that combined the design.

A new Broken Kode will be appearing shortly.

http://www.brokenkode.com/version-6-coming-soon

Well it’s been a bit too long coming, but I think I’ve found a theme that I can get to grips with relatively easily. I’m going to be hacking Depo Clean, adding parts of Fauna and some K2 in for good measure. I had a look at Sandbox and I’ve got to say that I was pretty turned off by the function.php file that they’ve added in there. It just makes the markup so much more difficult to understand at first glance which is what made me keep looking for alternatives that just did the job cleanly. In any case Depo Clean probably best resembles what I’m aiming for in the end anyway so it helps that I like the markup as well. The next time I do this I’ll be converting this markup into something that can be used with Habari.

http://www.brokenkode.com/let-the-hacking-begin

So I’ve decided on the final design (after something like 19 iterations all of which I will show everyone in due course) but I feel some of the html that I have been using on my site is slightly out dated since to be honest I have definitely not been keeping track of the comings and goings of the wordpress software and a lot of that code was based on practices of version 1.5 and before.

So the question I pose to everyone is what is the most up to date theme that has super simple html markup and most importantly doesn’t try to do too much. What I mean by that is a theme that has not been designed with additional cruft to include for an admin options panel, hooks for widgets that fit within wordpress.com etc. I’m not looking for a mod like K2, although I’ll be sure to have a look at some of the things done on K2 for inspiration. I’m looking for something that I can use and modify myself. The look is completely irrelevant as I’ll be dumping the css file straight away anyway and starting fresh.

Any recommendations ?

http://www.brokenkode.com/theme-recommendations

Now see that is bloody interesting. A month ago I kinda asked about whether or not people actually look at design or not. Since that time I kinda have this inprogress site design going on and have noticed my readership and hits to the site seriously fall by half.

So for all those thinking to themselves and wondering whether or not design is still important to traffic, hell damn yes it is important. You’re all fickle, you know that don’t you :). Which also means I’ve got to pull my finger outta my a$$ and just finish off the design, which I more or less completed as a mockup last week. So expect something soon.

http://www.brokenkode.com/dropping-like-flies

So I’m reading the Eddie Campbell interview on CBR and he’s talking about his recent love for blogging. As such he’s still got that amazing enthusiasm for the whole experience that I feel, over 750 posts and three and a half years of doing this, I might have lost a little bit of it. I can’t imagine Broken Kode not existing in one form or another but it’s definitely not as regular as it used to be. However one part of the interview that got to me was when he says:

I feel exhilarated by the challenge of writing something interesting every day of my life.

See that is a challenge isn’t it. Every day; something interesting. I’ve not had that sort of thinking in ages. Back in the day I used to wake up early blog for like 15minutes or something. Now instead I wake up in the morning and read my feeds. Expect a little bit more traffic from the Kode.

http://www.brokenkode.com/interesting-daily

Well for the first time ever, I’m actually going to be going through the live redesign process. Fuck it man, I’ve been playing around with countless photoshop mockups and NONE of them are really jumping out at me, so I’m just jumping into this with two feet and see where it all goes. I know there are some things I want in a certain way, so lets see how this all rolls out and how long it takes me to get to the finish line. It’s going to be sporadic at best, but hey it’ll be interesting to see how long this actually takes me.

http://www.brokenkode.com/live-redesign

Is it just me, or has the yearly ‘reboot’ phase kinda gone down like a bit of a whipper this year? I’ve read one website that I actually read participate in this year’s event. No the ‘Kode hasn’t really jumped into it this year, although I’ve been working on a redesign for a little while. The problem is actually two-fold. One is that I’m not feeling as creative as I have been in years past, and secondly I’m failing to see the point in doing this anymore as most people who read this don’t visit the site. They read it via their RSS aggregator. It’s only those crazy souls that come via search engines and actually typing a comment in here (I love you both, although those that leave a comment even more).

Does it matter anymore what my site looks like? I’m finding it hard to convince myself at the moment, and I’m lacking that dramatic flair and energy that is needed for a proper redesign.

http://www.brokenkode.com/non-boots

The more I think about this the more embarrassed of myself I feel. Basically I sat down today to take stock of what I should be doing in my free time (yes I have to have to be doing something in my free time, I bore extremely easily). I decided earlier last month that I was going to finish off my commitments from last year as soon as possible.

These are basically Priya and Stathi’s websites. For the eagle eyed of you, if you go over to the illustration section of the site you will see the very first completed illustration of 2007 (the first of many to come I hope). It’s the basis for Priya’s website which I should go live by the end of the week (make a deadline public therefore making sure I deliver, nice). I’m about 50% into the coding; it’s a simple website that really should not have taken the stupid amount of time that it has taken but alas better late than never. Also by next week I should have the next illustration up there as well (it’ll be the basis for Stathi’s website) which is definitely one of the most detailed sites I’ve worked on in a very long time.

After which I will only delve into the world of websites when I’m fucking about with my own web space. It’s funny but the code that is currently running the site was originally written nearly a year ago and it’s been tweaked slightly over the year. I don’t really intend to screw around too much with the site to be honest but the colours and graphics will be changing in the coming months as I delve deeper into Aitus Moralis; this is the tentative title (and may end up being the actual final title) of my first graphic novel and my next confirmed project.

I knew the basic idea of the story and remembered that I had actually written something for it, but I honestly couldn’t remember what I had written. It’s not until today that I really realised just how much work I’ve completed over the years and just completely forgotten about. I’ve got flash trailers, sketches and pages upon pages of research and script already written. My life on the internet has seriously been one MASSIVE detour for my honest true passion, sequential storytelling.

So today marks the first day of the journey into getting published. I’m not going to hide it, I want to publish my book via Image Comics. I want the ‘I’ on my book. I know it sounds strange but while the older generation was into Marvel and DC comics I have always been a follower of creators. I guess that’s what’s I was raised on in the 90s. The pundits can say what they will about the 90s, it had a lot more creator owned books than what we have now. Oh sure a lot of it was pure garbage but at least it was the creator’s garbage and the stuff that was weak has and will never be seen again, I intend for “Aitus Moralis” to not fall down that stupid path. I want to own my book’s destiny, because honestly I wouldn’t allow for any other monkey to touch it. All monkey business will be under my control.

Lofty goals I’m sure but it’s a dream I’ve had since I was 13, so it’s about time I delivered and reached.

I will be peppering the site with sketches and designs and drawings from this series as the Kode starts to shift slowly but surely into that direction. Coco will be making his exit and I’ll be moving him over to Splash Panel as he will be the official mascot for Splash Panel. The logo might change slightly in the future to be honest to tie better with the new graphical direction which will be decidedly less vector and have a more painted feel to it.

http://www.brokenkode.com/aitus-moralis

Let me start off by saying that Inksmith is what I view as my biggest online failure, after a fashion and this is what this particular post is about. Whenever I announce a project or something I usually deliver, notice I said whenever I announce a project. I may be a blabber mouth an I do get excited about things and have the urge to talk about them, however I never announce until I’m 100% certain I’m going to follow through (seriously if I didn’t do that I’d be writing this sort of shit all the time).

I might take some time to bring it forward (usually I take a lot longer that I could possibly want) however the fact of the matter remains that I will see things through. It seems that ever since the ‘announcement’ of Habari a few moons ago, some have brought up Inksmith as a way to bring discredit to Habari (at least the negative connotations that Inksmith is presented in infers this). It’s as though the fact that nothing moving forward on Inksmith is telling of stuff that might not happen on Habari, which honestly is the single most preposterous idea I’ve ever heard. These are two very very different things and I find those that mention them as though they’re linked in the same way done so as an act of ignorance/stupidity/lack of understanding etc. Here’s why.

The first fact brought forward is to understand what the two things actually were. Inksmith simply was an idea to create a community for bloggers. No this wasn’t a rip off on 9rules. I wasn’t creating a blog network but rather an area for bloggers to get around and be themselves. Oh sure there wasn’t really a central theme for us to bandy around, but what I wanted was a nice buzzing community that helped each other out and was open for people to get to know each other re our love for blogging. It wasn’t ground breaking and it wasn’t anything crazy, but it would have been fun and loads of the guys where well up for it. The best part of it all was the pictures on the coming soon site. I really liked the fact that we were all pissed off in those photos. It delivered what Inksmith was all about, angry people on the internet venting :). 002-screenshot-v1.png Habari on the other hand is blogging software.

So where does the similarities lie you ask? As far as I can tell it’s the fact that some of the names attached to one project are now attached to another. So does this mean I’ve tarnished the credibility of the others on that list (since it was my idea)? Maybe and I guess they are the only ones I owe an apology to, because I didn’t deliver on my part of the bargain, so to everyone that was attached to the Inksmith project I apologise profusely. Let’s get something clear here, if I ask someone to be part of something I take their commitment seriously. I generally don’t like to waste ANYONE’S time as time for me is the most important commodity. So I genuinely feel bad about wasting those people’s time. We had some great discussions and it did prompt a lot of people on the internet to discuss the deal with being anonymous on the internet and using handles.

Why didn’t Inksmith take off? Because I didn’t have the energy to kick it off. 2006 was one of the toughest years on me from many many respects. In fact from May onwards I can definitely consider 2006 as one of the darkest times in my life from many angles. Which is actually reflected in my blog. What, you think that the dark motif was because I was joining in with the trend for darker sites at the time? No, Broken Kode is an extension of me and it reflects my mood in many cases. When my mood changes so to does the colours on my site, and the design itself in many respects.

So why didn’t I get Inksmith started? Honestly it came down to the amount of energy and enthusiasm I had to provide for the project, which after completing FOFR and Shuttle and 2 websites for clients and my on website and a bunch of illustrations I just didn’t have any more to give, until I was in Greece in October/November. At that point I had charged my batteries and I had decided that it was time for me to pull my finger out and build Inksmith all over again. For all the negative assholes that don’t believe me here’s the logo I created on the plane back to the UK:

So why did I stop that momentum? Simply put because the day I got back from the UK Chris had emailed me about Habari. In Habari I basically found another way to solve the problem that I wanted Inksmith to solve in the first place; the difference of course is that we’d have a central idea to gather around and that would be the software.

The community coming together around Habari is one I’m very proud to be a part of in the first instance. Final word to those that decide to put Inksmith in my face one more time, seriously try and do something constructive with your time, I know I am.

002-inksmith-logo.png

http://www.brokenkode.com/inksmith-explained-redux

Forest was back in town for the weekend and we were catching up as I’ve not seen him since the summer. We’re shooting the shit and he asks me how my artwork and design work is going. Of which I had to answer with the truth, in reality it’s not. Oh yeah sure I’ve recently been playing around with Habari, but to be honest Habari is a hobby which I’m enjoying being a part of, but I wouldn’t say it’s stretching my artistic muscles. It’s definitely making me take a much more pragmatic approach to design and I’ve done this before but I know when my artistic muscles are being flexed and sadly I can’t really claim the last year to have provided me with any level of truly artistic expression and in talking with Forest I kind of inadvertently voiced the reason why.

I’ve heard in the past that there are two sides to the way the brain works (I could obviously be making this shit up so if you’ve got links whatever please do send them over) in that it’s operates and functions with practicality in mind, maths, engineering, science. And then there is the creative side of the brain. These two areas don’t cross over very often but when they do you get freaks of nature like myself who do engineering by day (so it’s all about calculations, making things work/fit) and by night I draw and I create, or at least that’s what I thought I could do easily.

The harsh reality of the situation however is that I’ve obviously FAILED in that respect (chalk another failure on my part, one of many in my life) What I’ve found to be the case however is that if I’m submerged in engineering, my other drawing energy and concentration seems to disappear. I guess much like many people I need to be in a particular frame of mind. The music that I’ll be listening to has to inspire me as well (I draw a lot better when I’ve actually got music I’m really into at that particular moment in time); my mind has to be a blank, and I have to have focus. Cutting my drawing based on pesky stuff like eating and sleeping is the bane of the entire exercise to be honest.

So what’s the solution you ask? Well now that I’ve ACTUALLY identified the problem (which I always knew but I’ve not properly voiced until now) it’s really up to me to MAKE the time for drawing and retrain myself to my current situation. Originally I thought I’d have trouble finding the time to do all these things. See it’s not a question of whether or not you have the time to do something (at least that’s how I see it), the harsh reality of a busy working life is that you’ll never find the time. It’s up to you to seriously make the time and it’s up to you to train your mind and schedule your time in such a way so as to accommodate those things that you want to do. My problem it would see is my psychological status and my willingness to tackle the creative avenue in front of me.

So it’s time to be pragmatic about things one more time and really put in the hours of building and creating once again. Hopefully that’ll manifest itself in several unfinished projects that have been laying around the place in the attempt of making them a reality again.

http://www.brokenkode.com/left-and-right

It’s been a truly exciting time for Habari on the design front (not that it’s not been exciting on the code front, but I can only really properly comment on all things design to be honest). Since the last time we talked, Michael has been a busy boy with absolutely everything under the sun. All these ideas have been filtering through the designs as we build towards a unified look for the administration panel.

Remember these mockups are just that mockups, we’re still meandering trying to sort things out, this is an open design process so things are going to change. Don’t think that what you see here is gospel and how it’s going to be, don’t be quoting me fekking Jakob in my face about usability and whatnot. These are the formation months, trust me we’re going through MANY MANY loops and discussions. So with that in mind let’s begin shall we.

The Installer

The installer now is broken down in several sections, and Owen came up with the idea whereby this area might be further customised by developers to make it easier to do things and incorporate elements so that it’s easier to administer new installations (or something like that, best talk to him about that). The design follows through the idea to keep things simple and as modular as possible.

Stage One: Habari Installer 008

Final Stage: Habari Installer 007

We’re still playing around with loads of things here. The header and footer are still up for discussion but the main ideas are there. We’re definitely going for the easiest installer award with this release.

Create Page

The main page has gone back a step. Originally all the Habari mockups were done in blacks and shades of grey however as the design ‘progressed’ colour started being added. We’ve taken a step back to confirm how everything fits together before we move later on down the line for the full branding of the application.

008-publish

008-publish_dropdown

Michael’s been pretty busy and he’s got his ideas regarding the media browser on ‘paper’. Once we’ve ironed out all the kinks and how it’s going to work I think it’ll be the most special media browser on any blogging platform.

366880999_e4700b200e

We did have a great deal of interation of ideas between us on the logo. Work is still ongoing in this area and probably will be for a little while longer as we try and find ourselves the best fit for what the logo means to the community and how people will view us effectively.

Remember nothing is set, everything’s up for discussion. As always Spread the news!

http://www.brokenkode.com/habari-design-week-02

Gotta thank the guys at Smashing Magazine for putting the Kode on the list of dark sites you should’ve seen list. Dunno if they were partly responsible for bringing the site down for a couple of hours yesterday but it’s an honour to be on the list.

http://www.brokenkode.com/30-dark-sites

Well Chris broke the news about, Habari, a new open source blogging CMS platform. While he didn’t want feel it correct to mention in the post who was involved, I’m going to step forward and put my hand up as the designated pixel pushing monkey of this motley crew.

What I find amusing is that as this news was released by Chris, I read this post about how any new blogging software would not stand a chance because of WordPress. Man I love a fucking challenge. I mean reading that post you’d think we’d be fools to even consider making a WordPress alternative. I guess all I can say to that is: Colour us DAMN foolish.

History Lesson

Back in November Chris approached a few of us to see who would be up for helping design for the new project he was working on. His timing couldn’t have been better to be honest with you. See I had a MASSIVE itch that just needed to be scratched. I had definitely not said everything that needed to be said about blogging administration panels, especially since the last one I was actively involved with didn’t exactly go exactly the way it should have.

I felt pretty burnt the last time round to be honest, so much so that I really thought it was best for me to steer well clear of any open source involvement in the future. However like I said in that post the most important thing that I got out of the online experience was the collaboration with the guys. If it was anyone else asking me to do something apart from Michael, Joen and Chris I’d have probably declined there and then. I didn’t join the team because I didn’t have anything better to do (as it will become clear in the coming months), but alas because I really want to create something that I can be proud to have been involved with and that I will find a joy to use. Something that I can contribute towards and that others can contribute towards as well in an open fashion.

So when Chris came forward I was all too happy to say yes. Considering that I had actually contacted another developer (I’m not going to mention him by name but needless to say he was also having a similar itch which says a lot about how things stand in the current open source blogging world) about starting our own blogging CMS, it was interesting that others around me felt the need for an alternative as well.

Shuttle vs Habari

The great thing about the Habari project is the fact that it’s a clean slate. Imagine starting on the ground floor. There were no presidencies, no set stringent codebase that couldn’t be altered, no existing userbase that might be confused and the list goes on. This is a decidedly different beast than Shuttle.

Those who don’t learn from the past end up repeating the mistakes again and again. So my approach to the graphical development of Habari is slightly different. Simply put, I’m going to be as transparent about the design process as you can imagine. I’ve seen several times in the past couple of months on the project, that through being open about the design I’ve been able to seriously move it forward in ways that I very well might not have considered. Ideas are what will make things move forward. At the same time it’s important that one person takes the bull by the horns and really goes to town on the design. Others should jump in with as many suggestions as possible, all the time because that’s how the innovation will continue and the project will not stagnate.

The Design

I will be going into a lot more detail in future posts regarding all the design decisions and what everything does and how it all fits together, so be patient, it’ll all pay off in the long run I promise. As we’ve only recently kind of decided about colours (although knowing me I will probably tweak them, but I’m trying to be very good about this and sticking with this colour scheme), posting this will give people a feel of the quality of final product we’re going for (and I’m not going to even talk about the code, the others are more than capable of that).

publish_v7.png

The following jpg is but a mockup, however Chris has implemented a fair chunk of this believe it or not (with probably like a 2 week old mock up), I’m telling you the man is a machine that will not be stopped. His dedication has forced me to make sure that I bring my very best to the table. It’s a bit of pressure that I’m actually relishing. Keeps me honest about things.

Final Thoughts

If you’ve got ideas you think the ultimate BLOGGING CMS should have drop a comment, I’d love to hear what ideas everyone has and what’s important to them as a user. What is it about your current blogging software that you wish could be simplified/improved, I’m all ears.

http://www.brokenkode.com/habari-1

Full-Cover-Small.jpg

It’s late. What’s definitely becoming endemic of my life in general (being late with projects), Broken Kode | Season One is roughly 8 months late. This book was meant to have been completed and at the printers end of February so that I could put it forward for the Blooker prize. Wasn’t for the prize to be honest, but so that I could at least adhere to a deadline and get the book finished. I remember pressuring Michael to sort out the introduction and then I subsequently missed the deadline (sorry Mike); who knows maybe I’ll put it forward for this year’s Blooker prize (although I seriously doubt it would stand much of a chance).

The first paper copy of the book sat on my desk (next to my mouse) for the past 6 months and hadn’t moved. It just sat there as a constant reminder to me that I had invest hundreds of hours in compiling and putting together that it wasn’t complete. I took it with me to America and completed reading it and annotating it on the plane there but couldn’t find the energy to sit down and correct everything.

If I get nothing else out of this vacation (which I actually have) I’ll know that I completed this book.

I’m happy to report that the copy has been sent to Lulu and is ready to be ordered.

The standard version is in glorious black and white, however I’ve included a colour version of the book as well for myself and to see what the colour printing of Lulu is like, as I intend to compile a design and illustration book in the not too distant future (yeah I know, but thankfully that’ll only be illustrations and a little commentary here and there). For all intents and purposes that’s all the tweaking I’ll be doing. I’ve gone through the original book soo many times, I’ve still got that feeling that I’ve missed something; maybe that’s because I’m soo close to this book that I feel as though I’m never going to really finish the book and that there’s always something to do.

The original book came in at over 285 pages long. After sitting down and thinking about it, I felt that a lot of the posts really didn’t deserve a whole page dedicated to them. So part of the exercise was to cut down the number of pages. The current page count is a more manageable 195 pages.

I’ll be providing a decent page for the book and sorting out my Lulu store front as well, until then the dead tree version provides a little bang for your buck, as it’s got the following goodies:

  1. Introduction by Michael Heilemann
  2. 12 Illustrations (created during that year) which form the month covers
  3. Commentary for most of the posts
  4. Sketchbook material
  5. Afterword

As this is one big experiment, I’m going to write down some of my reasoning behind the layout and design of the book itself and other things I’ve learnt about the Lulu process. Hopefully these might enlighten those brave souls that are considering jumping into the book based on blog field.

One post equals one page

layoutthumb.jpg

So here’s a layout of the pages themselves (click on the image for an expanded view). Now I’ve decided to put one blog post on every page. This allows you enough room to actually include a number of things, including the categories, the dates and other good stuff like commentary for the actual posts themselves.

All Posts?

For some reason which I can’t really explain I honestly thought it was a good idea to try and include all the posts I made in the book, regardless of their quality. The reasoning behind this was that I wanted to be a completist. Fortunately the voice of reason came upon me and I think it’s important to distinguish the difference between the online world and the print world. Publishing on the online world is cheap. I can afford to have crappy posts every once in a while. In a book however you really should put your best stuff out there otherwise the book won’t get a second look. People have enough books/movies/theatre/etc vying for their attention, I don’t think putting in my incoherent rants (and some of them are seriously incoherent I’ve found) into the mix and increasing the noise in your life.

Comments or no comments?

When compiling this book I was in the pretty fortunate position that I didn’t really have to wonder too much about the comments themselves as I didn’t have all that many comments in the first year of the ‘Kode’s life. I think if I do go through with making Season Two, I might include the more important comments much in the same way I’ve included only the worthy posts within the book. It’s all about what enhances the book and makes it something more enjoyable.

Extras?

I guess this section came about for a couple of reasons. The first was when I started thinking for reasons why anyone would want to buy a book based on my blog where all the posts are available for reading for free. It’s not like my blog is ground breaking or anything. It’s not like it’s got essential commentary on life, the universe and everything inbetween. I guess I wanted to make it slightly more worthwhile, make it stand out from the online version of the same content.

Summary

bkso.jpg It’s been a hell of a long journey, marred by the fact that it’s taken as long, I’ve got no one to blame really but myself. The saving grace of course is the fact that the Lulu process is pretty painless. I was able to set everything up and have it all up and running in a very short while. The site has been slightly updated throughout this year and is slightly more polished, however there still is room for improvement I think (at least from a usability point of view). What’s great is that the online help function is now working and I got a couple of questions I had answered straight away which was very satisfying.

http://www.brokenkode.com/broken-kode-season-one-complete

For my latest redesign (and on the other sites and programmes I’m working on) I’ve structured the CSS file somewhat differently. Rather than having what has become CSS convention of having every element of each class, id or whatever on a separate line:

[css]h1{ padding: 0 0 35px 0; margin: 0 0 25px 0; font-size: 2.0em}[/css]

I’ve instead decided to put everything onto one line: [css]h1{ padding: 0; margin: 0 0 25px 0; font-size: 2.0em}[/css]

What does this do you ask? The single most important thing in a CSS file, it makes it manageable. It makes it easy for me to actually edit the damn thing a few months down the line, in a quick and easy way. Rather than scrolling down 500 lines of code, I’m scrolling down 150 lines. The main structure for me is done in programmes like Bluefish or CSSed, however a lot of the editing and tweaking is done within Firefox, so I need to have the easy for scrolling down quickly.

The added bonus of this method is that it reduces the size of my file at the same time. I honestly started thinking why the hell I didn’t do this earlier as it just makes oh so much more sense to condense the file.

http://www.brokenkode.com/css-file-structure