I have been doing bits of design and development work on a hobby basis for about the last 4-5 years. It has always provided me with something other than Uni or Work to think about in my free time, and has allowed me to pick up several skills that I wouldn’t have now if it weren’t for all my tinkering around with applications such as Adobe Illustrator. Even then I’ve only really been using Illustrator frequently for about the last 18 months, before that I was all for pixel based editors such as Photoshop/Paint Shop Pro.

Over the last 4-5 years I had been putting the name “433design” against all my design work, this name stemmed from a website I was running at the time (hrt433.com). It was really for not other reason than I wanted something other then just my name to ‘attach’ to things. Late last year I freshened up 433design with a new logo, and did myself up a new invoice template to match, but this as as far as I got.

On and off for about the last year I have considering a name change for 433design. I wanted something that could be used to cover more than just design work, especially since I am doing increasingly more development/code work such as my Wordpress themes and more recently my Hahlo webapp for the iPhone. The search began.

The Name

I only really had three requirements for the name. It had to available as a .com domain name, it had to be a little quirky, and it had to allow me the opportunity for a cool logo, which was something that “433design” always lacked.

Like many I ended up getting drawn into the fascination of the adjective-noun naming convention, and to be perfectly honest with you I actually think its not too bad. so long as you can find a combination that hasn’t already been taken.

In this case I decided on the rhino part first, mainly because I had been ‘doodling’ in class and has drawn up a pretty cool picture of one. The hard part was finding the adjective to go with it. Just about every one I tried was already taken, and I didn’t want to end up with a huge URL, so things like narcolepticrhino were out of the question. As you can very well see I ended up settling on curiousrhino, I really would have liked something a little shorter, but I’m still happy with it.

The Structure, The Planning, The Work

With curiousrhino being a one man show, I have to try and explain how I break up a task, such as building this site, into into areas such as design, development and content. I’m the first to admit that I have trouble completing a design before I want to start coding it, but in this case I tried my hardest to make sure that the basis of the design was complete before I started fumbling around with the code to make it all work.

But before I could get to the design I needed to work out what I was going to put on this site and how I was going to organise it. I’m thinking of this site a an online portfolio, somewhere where I can showcase a lot of my work while keeping it separate from the less professional side of things. Due to an established user base etc, I don’t think I would ever move all the information and downloads etc over from deanjrobinson.com to here, but more likely (as I have done so far) just put up a ‘project page’ which is a general overview, tells people what its about, what it does and where they can get it.

In addition to the projects and portfolio there is the blog (which you’re reading at this very moment), and the plan in the future is to use it to publish articles and/or tutorials on subjects related to the design and development work that I do. With every job I do I just about always learn something new, or find a better, quicker way of doing something. These are the sorts of things that should be shared with others, at least thats how I feel.

With the rough ’site map’ done, I started work on the layouts, I knew that I wanted the ‘home’ page to be a kind of overview page. It would need to pull in the latest bits from each section (blog, portfolio and projects). I also knew from the start that I want to the portfolio to be like an image gallery.

So I knew what I wanted on the pages, but I still didn’t have a finished log or colour to work with for a design, so I had to switch hats for a moment and go back and finish working on the branding side of things. Using the rough sketch of a rhino that I had drawn previously as a guide I drew up the ‘rhino’ logo in Illustrator. It received several tweaks before I was happy with it. I had already decided that I wanted to use the same type face, Walkway, as I was using for the logo on deanjrobinson.com to create a visual link between the two.

For colours I ended up settling for a series of bluey-greys, in all shades from light right through to dark. With this I now had the basic building blocks to begin work on the design.

After many hours wasted doing designs I really didn’t like I ended up doing the basics of the final design in about 15 minutes. I’m not sure what it was but for some reason this layout worked and the others (which weren’t too different really) just looked strange. Maybe it was late. I knocked up a couple of mockups in Illustrator before starting work on the code…

To try and speed up the process, and to make updating content as easy as possible I’m using Wordpress for the base of the site, with my own custom built ‘theme’ on top. Without getting incredibly technical and boring, I am using a built in feature of Wordpress called custom fields to store and display things such as the thumbnails for the portfolio and the images for the projects. While Wordpress is traditionally a ‘blogging engine’ I am using it as more of a general content management system. I’m also using it because I am comfortable with it and know what it can and can’t do.

A lot of the coding time was spent trying to get the right things to display in the right place. Usually problems were caused either by errors in the code, or errors in the cascading style sheets. But in almost every case the problem was able to be solved without too much stress. One feature that I have added in is on display in the “portfolio”, when you click on a thumbnail the background will darken, and the full image will appear. This is a simple piece of javascript known as “lightbox”, its a nice little thing to give that extra bit of ’shine’, and it much nice than popup windows.

After I got the basis of the custom Wordpress template done I started work on the content. This is where the design/development/content lines start to blend together…again. As I started adding content, I would find things I had hadn’t completely catered for in the design, or once parts of the design were coded I would find a better way of doing things which would require parts of the design to be redone. I ended up going in circles a couple of times, but in the end its all turned out ok.

Writing/sourcing all the content actually took up a lot more time that I was expecting. I did give me an opportunity to dig through a bunch of old design work to find some examples to put up in the portfolio and I stumbled across somethings that I had completely forgotten about which was nice. Some of the work also gave a good indication about how my skills have developed over the past few years, in some aspects I’m still doing the same thing, in others I’m doing things 10 times better. Its nice to realise that I have made some really good progress.

The End and The Beginning

The end of this initial build of curiousrhino.com signals a few things. The end of my last University assignment. The end of my last University Course (assuming no failures). The end of my fourth and final year of University. The end of 433design, and the beginning of curiousrhino.

This post is password protected. To view it please enter your password below:

Password:

modMunch 1.0

modMunch allows you to receive your comment moderation notices via an RSS feed, instead of clogging up your inbox. The idea came from Matt Brett when he posted that he was looking for something like this on twitter.

Features

• Gives you an RSS feed with the comments that are awaiting moderation.
• Access is restricted through the use of a personalised access code.
• Privdes all the same information that the standard email notifications provide.
• Removes the need for you to receive constant emails telling you to moderate comments. Multiple emails replaced by a single feed.

modMunch in action

Here is an example of the modMunch feed being viewed in NewsFire.

Installation

1. Download the zip file and extract the contents.
2. Upload to your wp-comments-mod-rss2.php to your root Wordpress directory.
3. Upload modMuch folder containing modMunch.php, readme.txt and changelog.txt to wp-content/plugins directory.
4. Activate modMunch from plugins page in Wordpress admin.
5. Go to options->modMunch in your Wordpress admin and enter your accesscode which will allow only you to access the feed of comments in the moderation queue. Your code will need to be at least 6 characters long.
6. You can access your modMunch feed in two ways:
   • http://www.yoursite.com/wp-comments-mod-rss2.php?modmunch=youraccesscode
   • http://www.yoursite.com/modmunch-feed/?modmunch=youraccesscode
7. Enjoy.

Download

You can grab the download by heading over to the current official page for modMunch on my other site: http://www.deanjrobinson.com/wordpress/modmunch/

Twitt-Twoo 1.1

Twitt-Twoo is a simple little plugin that will allow you to update your Twitter status right from your blog’s sidebar. AJAX takes cares of the hard work, and means that your page doens’t even have to reload, allowing for quick and easy status updates.

Features

• Displays your latest Twitter status, and when it was last updated.
• Displays your Twitter icon/avatar next your status.
• Allows for easy updating of your status from the sidebar.
• Updates using AJAX, so no page reload is required.
• Provides a link to your personal Twitter page. eg. http://twitter.com/deanjrobinson
• Provides a link to your Twitter RSS feed.
• Simple options page located in admin Options->Twitt-Twoo
• Provides a ready-to-use widget/module.
• Comes with a new Twitt-Twoo icon, inspired by the Feed and Share Icon projects.
• NEW - Caches your last ‘Tweet’, to improve page load times.
• NEW - Option to hide your Twitter image if you want to.

Twitt-Twoo in action

You can see it at work at the top of my sidebar on the right hand side. The images below outline the simple task of updating your Twitter status.

	This is how your status will be displayed in your sidebar, as you can see it shows your status, your icon/avatar and when your status was last updated.
	After clicking on the ‘edit’ button you will be shown the field to enter your new status into, when your done click the ‘update’ button.
	You will be shown a little ’spinner’ to indicate that your status is being updated.
	Once your status has been successfully updated, you new status will be shown.

Installation

1. Download the zip file and extract the contents.
2. Upload to your wp-content/plugins directory.
3. Activate Twitt-Twoo from plugins page in Wordpress admin.
4. Go to options->Twitt-Twoo in your Wordpress admin and enter your settings so that Twitt-Twoo know whos Twitter to show, and update.
5. If you use the sidebar widget plugin then you should now have a Twitt-Twoo widget available for you to add to your sidebar. This also applies to users of k2-based themes such as K2, Reodable and Unwakable.
6. If you prefer to manually edit your sidebar.php then this is the code that you will need to add:

   <?php if (function_exists(’twitttwoo_display’)) { $twitt_twoo_user_name = get_option(’twitt_twoo_user_name’); ?>
   <div class=’sb_twitttwoo’>
   <h2><a href=’http://twitter.com/<?php echo $twitt_twoo_user_name; ?>’ target=’_blank’>Twitt-Twoo</a></h2>
   <div>
   <?php twitttwoo_display(); ?>
   </div>
   </div>
   <?php } ?>

   – OR –

7. If you wish to insert your own structure around the Twitt-Twoo output, you can just use this:

   <?php twitttwoo_display(); ?>

8. Enjoy.

Download

Please note that this plugin uses the json_decode function which is only found in PHP5, so if you aren’t running PHP5, then you won’t be able to use this plugin. Sorry for this restriction, I am working to find a way around it at the moment.

You can grab the download over at the current official Twitt-Twoo page at http://www.deanjrobinson.com/wordpress/twitt-twoo

Blueberry is not a theme itself, but a skin for the Sandbox theme. The parameters of the competition were that it was a pure design thing, you couldn’t mess around with the php code of Sandbox. Only CSS and images, which sure makes things a whole lot simpler.

For the moment I have got a live preview online, this is the same preview that I’ve been using for the past couple of weeks while working on Blueberry. So if you would like to have a play around with Blueberry in the wild please do so, I’ll leave this up for a couple of weeks, or at least until the previews are online at the Sandbox competition site.

You can find the download current hosted over on my other site: http://www.deanjrobinson.com/blog/blueberry-for-sandbox/

Installing Blueberry is really simple. Note that you must have Sandbox installed to use Blueberry, if you don’t have it you can get it here.

1. Upload the sandbox-blueberry folder to your Sandbox folder in wp-content/themes/.
2. You will need to edit the default style.css file that comes with Sandbox, so that it loads the Blueberry skin. to do this replace everything after the header in the default style.css with:

   @import url(’sandbox-blueberry/style.css’);

3. In your Wordpress admin, go to the presentation tab and select the Sandbox theme.
4. Enjoy.

Thats about it, judging starts now, and runs for a week then the winners will be announced. Personally I’m looking forward to seeing what other participants entries are like. I think I probably could have done more with mine if I’d wanted, but I chose to keep it fairly minimalistic (or in other words…completely different to Redoable).