During this process I often find myself using the same markup with the same class names, for example my pagination nearly always ends up exactly the same HTML and CSS with different styles. After a while I noticed a number of tricks and techniques were also being repeated. This included CSS to style buttons exactly the same if the markup used was an anchor, button or input. Then a number of styles to make the button appear disabled, negative, positive and neutral, then I’d usually include classes to make them large, medium and small.

Think in your mind that dreamy type of music to set the scene….

“Wouldn’t it be great if these techniques were available to implement at the beginning of a project with a way of modifying them to suit the design of the website I’m building them for.”

While this is still a distant “I may get round to doing something one day” thought. Along comes Bootstrap from Twitter. A set of tools put together by @mdo and @fat (from Twitter) which takes this concept by the short and curlies and provides a full set of amazingness, especially if the things I describe above are familiar to you.

A grid system, typography, lists, tables, forms, buttons, tabs, pagination, page messages, modals, tool-tips, popovers are all included, which is so amazingly comprehensive I am overwhelmed!

Wait, there’s more! ‘Really?’ I hear you say. No, there’s actually Less. Combining all this Bootstrap awesome with the power of Less is nothing short of genius. It would have been great without it but so so so much better as part of the deployment. You can get really funky with mixins and all that jazz.

As you can see, my blog is a bit of a shambles, with no styling of any note. It’s all because I like to tinker with the source code of my themes. I enjoy dipping into the world of WordPress every now and then as it feels more of a hobby than the java that I’m exposed to on a daily basis.

My intention is to implement Bootstrap from Twitter into a WordPress theme as it simply feels like the right thing to do, then make it available for download. Watch this space… Please get in contact (or comment on this post) if you have the same intentions and would like to help out and keep up the motivation to get something released pretty soon.

Using a raft of the latest tech plenty of testing and experimentation has been creeping it’s way into my daily routine. Armed with a laptop with two external screens, a couple of ‘standard (single screen)’ laptops and PCs accompanied with a small handful of smartphones and a tablet:

• Lenovo T500 – 1680×1050 – Windows 7
  • Dell P2210H 1080×1920 (portrait)
  • Dell P2210H 1920×1080 (landscape)
• Toshiba Tecra – 1024×768 – Ubuntu 10.04
• Dell Optiplex GX520 – 1280×1024 – Windows XP
• Apple iPad – 1024×768 – iOS 3.2.2
• Apple iPhone 3G – 320×480 – iOS 3.1.3
• HTC Desire HD – 480×800 – Andriod 2.2

These tools of the trade allow me to see my projects on many different devices, so, as a result I’m going to be using this blog as a testing area for a ground-up build of a wordpress blog incorporating a bunch of ideas. Many of which may fail, so if it’s spannered at any time you’ll know why.

So, first up is Elliot Jay Stocks‘ Starkers WordPress theme, this awesome bad-boy of a theme is right up my street as a web designer, it provides me with the bare-bones ‘naked’ theme for me to apply a bespoke design from scratch.

Couple that with the baddass HTML5 Boilerplate code, giving me access to the most top-notch tricks to get a full-on HTML5 website started off on the right foot.

Then….. An even awesomer revelation!! Aaron T. Grogg has got his shizzle out and performed an amalgamation of Starkers and Boilerplate in the form of a WordPress theme called Boilerplate: Starkers WordPress theme!.

I can hardly believe my eyes.. So much help and assistance out there on the interweb these days.. – love you guys -

THEN…. (Yup, it’s not over yet…) I scoot on over to Less Framework 3 and shave the CSS from here with all it’s @media queries. Providing me with a foundation for tailoring the theme to a number of different width layouts. I strip out the reset stuff as that exists in the Boilerplate theme by default. Rock on over to WordPress.org Child Themes and use this info to create myself a child theme of Boilerplate.

As a result, I end up with this wonderful baseline of a theme, all ready and waiting for me to apply my limited knowledge to. I’m certain that I’ll learn plenty from this process and expect to be able to apply this new found wealth to my lucky customers.

So, far, so good.. I’ll now evolve this theme steadily as I learn how to utilise all this wonderment.

There’s not that much to see to be honest, how interesting can an office be? However, if you’d like to help celebrate this occasion it’d be great to see you.

Please drop by any time between 6:30pm and 7:30pm for a glass of something and a snack or two followed by a couple of ales in the pub over the road.

Location: 240A Fleet Road, Fleet, GU51 4BX
Google map (Above the ageuk charity shop)
Time & Date: 18:30 – 19:30 Tuesday, September 14th 2010
Followed by: More drinks in Propaganda if you’re up for it.
(If you can’t make it between 18:30 and 19:30 come
to the pub and I’ll give you a personal show-round.)

To make it cool(harder) to get to, scan this QR-Code using your mobile phone QR Reader to visit the demo website:

This demo may well be short lived, so I can’t guarantee that it’ll be there in the future, but for now, give it a go.

We rocked up at registration to collect our name badges and took a wander around the venue to get an understanding of where the workshops were being held, the location of the coffee and the theatre. We grabbed ourselves a seat in preparation for Richard Farleigh to take the keynote. His talk was great, far more down to earth than I was expecting. Starting out with his back-story and his childhood, realising that he could hustle people playing chess at the age of 14! Including his list of failures and successes. I was struck by his explanation “you may tick all the boxes but this does not guarantee success.”

I had a great chat to Sharon Vickery who explained her experience of dealing with website agencies and how frustrated she felt when dealing with inept companies and the lack of communication that caused her so much grief.

Then we grabbed a coffee and had a chat to GlobusHR about their questionnaires and the technology behind their website. Then we went to the first workshop of the day on social media marketing followed by a great talk from Liz Jackson.

Another few workshops – How to save TAX in 100 different ways – Top tips for branding – Using your website to grow your business.

Then on to the speed networking event. We decided to attend at the last minute as we thought by this time we’d be a bit cream-crackered, so we were rather unprepared.. Rule number one. Have a butt load of business cards.! Rule number two. Talk about yourself constantly until the bell rings! It’s an odd environment, but there’s not many opportunities in the real world to present to 30 people in the space of an hour, so I’ll definitely go again but I’ll ensure that I’m better prepared next time.

At the end of the networking session we were asked to drop our business card into a hat and one person was drawn out for a prize of a bottle of wine.. Guess what! yup, I won the wine

Ben had a theory on why I won “It’s because your business card is so crap and lightweight that it floated to the top of the pile.” I think he’s probably right, I really need to get some business cards sorted.

All in all, a great day. Everyone there was welcoming, which was great for us as new faces in the crowd. Best of all, I bumped into a number of old colleagues. Because of this, I felt even more relaxed and will be happy to go to future events of this type.

Thanks to all at BeInspired 09.

Upon receiving my copy of the Magento Beginners Guide I took a moment after dinner whilst my girlfriend watched some ‘Celebrity Increase My Profile’ program to absorb the first chapter.  I was presented with a nice introduction explaining the scope of the book and the conventions that are used throughout.  A nice and easy ‘in’ perfectly suited to reading on the couch.

Magento Beginners Guide - William Rice - Packt Publishing

I then began to flick through the ‘Installation’ chapter.  As I’ve installed Magento several times, the information in this section is familiar to me.  My eye is drawn to the titles ‘What Just Happened?’ this explains briefly the previous steps and if there’s something that I was not familiar with I’d flick back and take a closer look.

It’s nice to see there are a few instances of “I saw the following error message:”.  I’m glad the author has included the experience of miss-configuration and common errors.  It can be frustrating when a documented installation procedure does not go according to plan and there’s no help along the way.  This book is aimed at beginners, and it assists them from the get-go.

The book then takes you on to the planning phase of your site with explanations about the naming conventions used in Magento, although they are rather obvious it’s useful to know how Categories, Products and Attributes are related.  Take a look at this chapter extracted from the book: “Chapter 3: Categories and Attributes“.

Reading through this book it is apparent that the focus in mainly on the visitor, this is by far and away the best perspective to take.  If you were a shop owner you’d most certainly put yourself in the purchasers shoes and from the moment the shop door is opened it’s the experience that the customer has that is the most important.

Work in progress

The 'E' section in the index

Currently I’m in the process of launching our Surveillance, Display Converters and Gadgets website www.bytemart.co.uk.  The majority of the store is already configured but one job that’s on the to-do list is to change the default emails that are sent out from Magento, the order confirmation email etc.  To my dismay there is a rather sparse ‘E’ section in the index.  I was looking for ‘Email’ but here’s what you are presented with in the ‘E’ section ->

I was hoping for some information on how to modify the emails Magento sends out.  I strongly believe the emails sent to the customer from your store are very important, they must be branded with your logo and colours and the wording must be in the right context to help reflect your store.  Here’s a snippet from the default New Account template:-

If you have any questions about your account or any other matter, please feel free to contact us at dummyemail@magentocommerce.com or by phone at (555) 555-0123.

Thanks again!

This MUST be changed and it appears not to be as straight forward as one would like, so some explanation here would be really useful.  There is a section available in the Magento wiki on this topic.  I did find the following statement within the Customer Relationships section of the book “Modifying email templates is beyond the scope of this quick-start guide.” This is a shame as it does state in the Preface “This book provides guidance in the form of step-by-step approach to building a simple, effective online store.” It appears to fall short on this I’m afraid.

Conclusion

This book is great, I would advise anyone who wants to set up a Magento store with little technical knowledge/confidence to pick up a copy.  If you’re after a helping hand along the way whilst you setup your store then this is a good companion to have.

I would advise everyone to turn to http://www.magentocommerce.com/ and search the wiki and forum for further documentation and solved problems alongside this book.

It’s step-by-step approach is really helpful for the uninitiated and also a good ‘memory jogger’ to help a more competent/confident administrator not to forget key steps of a Magento configuration.

Thanks to Jude at Packt Publishing for inviting me to write this review.

Really looking forward to Brett Welch talk about marketing for start-ups and Mark Boulton on design and frontend goodness.  I’ve seen Drew McLellan and Elliot Jay Stocks before at Oxford Geek Nights and thought that both talks were great, especially Drew’s ability to use old school childrens programs as a metaphore for current web topics.

I’m not too sure who I’ll know at the event, we will meet up with Ben and Brett from FHOKE at some point and I expect to bump into others that I’ve spent time with at recent barcamps.

It’s been a little while since we decided to go to FOWD and we’ve been chatting about it on and off for a while. Now that it’s tomorrow we’re almost ready.  Rob has managed to arrange accommodation for us in Canary Wharf with a friend, so that’s awesome! (Thanks Sheena)

Looking forward to the FOWD experience.!

Variety is the spice of life, or so I’ve been told.  After building the fencing with my neighbour, the spring weather finally arriving, continuing to develop my ecommerce shop Bytemart, my decision to start a new hobby of 12th scale radio control car racing, attending and speaking at another conference (Barcamp Bournemouth) and the pending bathroom replacement I reckon there’s much more value in doing these things alongside my ‘specialty’ of Freelance Website Designer.

I spend most of my days building websites and consulting on different aspects of the internet for my clients and occasionally contracting as a Frontend Web Developer.  I am rather privileged to find myself in this situation of being able to please myself by adding value to my life on a daily basis.  As an example, I love to cook.  This stimulates my creativity and gives me pleasure not only in the consumption but on the thought that I’ve been able to please others too.

To this end I’ve decided to change my job title to ‘handyman’ I feel that it will allow me to pick and choose what I do each and every day, maybe it will be a talking point when I hand out my business cards to perspective cilents.  The idea being that I’m willing to take on a challenge of any type.  So, if you need a creative handyman then I’m available for hire!  Feel free to get in contact if you’d like a helping hand with your current challenge.

Last year I attended BathCamp which was a superb event. I got a lot from it and hopefully gave a little to the other attendees too with our ‘double act’ talk on Stu’s sfImageTransformPlugin for Symfony.

As with most barcampers (the ones that don’t do public speaking), it’s a struggle to think of a topic for your own talk. At this point in time my main idea is to discuss with a group in an open forum style about freelancing, titled “How do YOU freelance?”.

Hopefully it will be popular enough as I’d like to have a few well established freelancers and a bunch of people thinking about taking the plunge and going freelance to ask questions and discuss answers.

First of all I put together a ‘lightbox’ to use as the environment to take the photos, this required some mounting board and a roll of white paper and some sticky-tape. One of the major features of this ‘lightbox’ was the lights (surprise surprise) daylight light-bulbs to be prescise, specialist suppliers only.

After putting the ‘lightbox’ together some testing was required to get the correct results, so lots of adjusting the camera settings and the environment. This required darkness to provide the quality I was after, duvet fasioned over the window helped to keep the room dark.

Once the environment was setup I started to take photos of the products, the entire contents of the box, the product from one angle of 8 different sides, another few from a lower and closer angle with some close-ups in there for good measure. Add that lot together with the 14 different products that are somewhat similar and there’s a requirement for about 280 finished photos!!

Doing a couple of the photo sets took a few hours, all in all it took about 1-2hrs to do each set. Multiply that by 14 and I realised I was going to in for the long-haul.

Cabin fever set in on Wednesday, and I tried my best to complete all the photo processing on Thursday morning, so by lunchtime I had finished. – No – wait – there’s a problem with a few of the photos! – what – what! – some of them have a ‘red hue’ to them. Oh, great. My stupid colour-blindness did not see that the white balance had changed and 4 sets of pics were rubbish. Another afternoon re-taking the photos that were ruined.

All in all the photos are really great, they can be seen on Bytemart’s Flickr