Drupal musings 7: HTML5, CSS3 ... & Mr Hodges meets Drupal

At Manchester airport in May I noticed Web Design Essentials (WDE). Reasons of cost £14.99 and weight meant it was put back on the news stand. The content was excellent! Back in the UK a week later, no sign of it in the supermarket. I found a copy this week at WH Smiths and made the 'investment' - a belated holiday treat.

This is gold mine of nuggets on HTML5, design - wireframes, user experience (UX), fonts and typography:

http://www.font-face.com/
http://fontdeck.com/

- personas, CSS3, jQuery and much more. Now I think about it UX has been around for quite a while, it's a sure sign of how web design has matured such that practitioners can and must focus on the experience. There's another blog post there contrasting UX in web design with UX in health services. Reading about the use of personas in design and planning for a site might also deserve a specific post. As WDE indicates there are companies dedicated to UX. I do not have that luxury and yet I do have to define my initial target audience and their anticipated experience.

The web design related listing I maintain at LINKS I (Intrapersonal) are being updated as a result of the leads in WDE.

Through the scheduling and poll services of Doodle (thanks Chris) and with the Drupal NW England list I'm checking on which day in the autumn - November - is best for a group of volunteers to help jump start the new site. Everything is sorted now for Drupalcon next month.

Cheat sheet for jQuery

Here [no longer... sorry] is a cheat sheet for jQuery that I found at edocr. I have just printed this one page overview which should prove very useful over the coming weeks (and months!). There are others to check out, such as a CSS help sheet. I just searched edocr for 'nursing', but there is nothing listed. ...

NetBeans, Eclipse and IntelliJ

I've made some progress getting to know Eclipse as a programming environment, but on Friday night (as per the post) I was told about JRuby (which I'd confused with IronRuby) and advised to take a look at NetBeans. So now it's installed, registered and yet another 'hello world' program has run.

Although I know little of Java I recognise an industry heavy weight when I see one. Walking past the coffee house at Oxford Road Manchester I often wondered wish I had time to get to know Java proper. Java's is too much for me and like the armchair astronomer I currently am, in theory so far Ruby has caught my eye and imagination. Behind Java though there is a huge catalogue of libraries and at present Ruby is written in Java.

Apparently the IDE of choice is IntelliJ, but this is not Open Source. I will download this too c/o a trial demo. Wonder if they sponsor worthy causes...? Following Scotland On Rails and Joe O'Brien's observation to focus on Ruby not just Rails, I must also use irb - that is interactive Ruby. It's copied on to the Eee PC now.

I'm working my way through the jQuery in Action book. One existing website page that will benefit from a review and recode is the FAQ. Already I'm thinking about what animations /effects it is sensible to use. It will be interesting to revisit the page created in response to Pippa's question on the humanistic-mechanistic axis. The jQuery used was lifted from a tutorial/blog site and although edited it probably contains some errors / redundant code.

I have not mentioned Drupal for a while, we'll get there.... There's another book on the shelf Learning PHP & MySQL. Must chase the new Drupal 6 book from Mercer too.

Friday night chatting another Ruby-Rails delegate in Edinburgh mentioned having been put-off by the prospect of tackling databases and then I realised: Yes, that's me too - the rabbit like eyes : the glare of headlights - it's all there.
Must seek some therapy, or get off the road....

Week ahead: Ruby/Rails conference and next paper?

It should be a stimulating week ahead as the clocks spring forward (why not two weeks ago?) and I check the schedule for Scotland on Rails and plan the sessions to attend. Now with a new Eee PC I should also have something to write on and connectivity.

Yesterday jQuery in Action arrived. I've started to read it and am finding already that the two CSS books that were until recently just sitting on the shelf are helping me to grasp what jQuery is about. One of those titles - Keith or Cederholm - highlighted that learning CSS helps you to understand and learn other languages and this really does seem to be the case. jQuery in Action will definitely be travelling to Edinburgh. Even though I'm only at chapter 2 it's a good read. There's a Selector Lab a web page to enter jQuery selector strings and see how the code relates to the DOM (document object model).

Over the past week I've been investigating Ruby graphical user interface (GUI) toolkits - specifically Tk (must check version 8.5). Just as with Drupal and settling on a theme, eventually - it seems? - I will have to choose a GUI. For now it's a case of seeing what they offer and how to run them within Eclipse (and without). The jQuery book will help push me with Drupal and enliven what will be essentially be static (archive) content:

• Archive - Brian's original notes; my introduction
• Biographies - Brian, myself - and who knows other contributors
• Chronology
• - still thinking about other content
• old - e.g. the informatics pages
• and new - a h2cm collaborative book.

There is no word as yet about the socio-technical chapter submitted in the new year, which may be good news? Although there's enough going on above, I like to have a paper on slow cook. So, we will see what arises on mapping, concept organisation ... in health care, communication and education. As a starter (c/o free access to SAGE journals) there are several papers on intervention mapping within public health and health promotion that will be essential reading. Another ingredient to (potentially) add to the mix - I've long wondered about case formulation within psychological therapies and Hodges' model. Time to make a start, but real slow like...

jQuery test page - Pippa's H-M axis question

Pippa's query about the HUMANISTIC & MECHANISTIC axis within Hodges' model, got me thinking not only in terms of her Occupational Health Nursing context, but how can I display the questions and answers in a new way - at least for me?

For web designers this is noddy stuff, but I worked on an effort using some jQuery, plus a style sheet. The idea is to work through the questions THEN click the question to reveal / hide a response.

Time as ever has not allowed me to consult with OH professionals and their course curricula. Despite this, the pointers appear to have helped Pippa and may inform general readers.

As to the page itself, there is much more to do. Refine the code, test it across browsers and consider some additional touches - possibly rounded corners. How might this sit in Drupal? There is one CSS (javascript?) technique that I really must tackle - a gift for Hodges' model: opacity and layers.
I will be checking what Drupal can do from an educational perspective and contrast this with tools like Moodle.