Tables and CSS

Having fun on a rainy day playing with table formatting for the portfolio site.

As always, the W3schools site is invaluable (refreshing my memory re what you can do with CSS) but having most fun colouring in with HTML - handy colour chart http://html-color-codes.com/

Updating thejct.net website

So I can get back onto actively looking for work, i thought I'd better prioritise fixing the portfolio site. I thought I'd adapt the academic portfolio site style and apply something like it to the main thejct.net homepage. I attempted to set it up with a 960px width and line up divs along the bottom with links to the different portfolios, as well as my sites/blogs. Suddenly things started going pear shaped. The link divs all hung down past the white background but seemed to be actually in the body wrap div (according to Firebug and FF Web Dev), plus the footer was the correct distance below. I just spent this afternoon fiddling with everything and I couldn't work out why it was doing it.

Finally found this article useful : Barelyfitz Designs' Learn CSS Positioning in 10 steps

It turns out the position: relative main div and the float: left child divs weren't playing well together. For the academic portfolio I had the divs wrapped by other divs with clear: both, but this didn't seem to work for the main page, so I created an empty new div after the link divs and had it clear: both, which seems to have solved the problem...

Thoughts on CSS for LIF2

OK, good feedback from the client re the mock-ups - she's even going to check out her picture stash to see if there's anything useful, which will save me a mountain of time sourcing stuff/taking pictures!

Anyway, just thinking about how to start the build. I started work in Gimp on the header bar/logo yesterday, but found the 800px width quite restrictive and small. Just did a quick search re idea on best practice standard sizes - started with the Yahoo Pattern library and noticed their grid suggestions mentioned 750px and 950px, but no 800px. I reckon thinking may have evolved since I last looked into this... A quick search on the net popped up these articles that I'd like to go back and review this weekend:
960 grid system (http://960.gs/)
Which CSS grid framework to use - article by Net tus+ (http://net.tutsplus.com/tutorials/html-css-techniques/which-css-grid-framework-should-you-use-for-web-design/)

I also figure I proved that I can build sites from scratch with all of my uni projects, so to save myself some time, I'm going to not reinvent the wheel and check out trying to use some sort of CSS generator/grid builder. I figure I should now be able to tweak whatever they create to suit my needs. This list looks promising:
15 Extremely useful CSS grid layout generators (http://www.webdesignbooth.com/15-extremely-useful-css-grid-layout-generator-for-web-designers/)

But for now...it's beer o'clock!

Launch into fitness Mark II

OK, in order to improve the look of my portfolio, as well as incorporate a bunch of review requests from the client, I'm giving Launch into Fitness a makeover, to hopefully make it less 90's style and more Web 2.0

I've reviewed the content and created a slightly different site structure - loosing the 'useful info' page, reassigning the home page info and shifting the privacy policy onto it's own page. I have very roughly mocked up the core pages in Powerpoint to show what I have in mind. I'm going to stick with an 800x600 px format and try where possible to keep the content from having to be scrolled. The colours aren't quite bang on, as the transparencies in Powerpoint didn't translate well...

compliant code for external links opening in a new browser window

http://www.sitepoint.com/article/standards-compliant-world/3/

Just wanted to log this somewhere. Although I'm using Transitional XHTML for thejct.net, I'd still like to be as strict as possible re standards...best to learn the hard way then bend the rules when I need to...

re the live Launch into Fitness site - I've had a lot of problems since launch in January with 000webhost.com - the free domain names they provide are great, but as soon as you want to point one of your own at something stored with them, they can't seem to handle it. It worked intermittently over the last few months, but has now stopped completely. They say the nameservers aren't pointing to them but I've triple checked with Sue, who even called GoDaddy, and nothing seems to be wrong at our end. I've chatted to Sue re getting paid hosting for the site, but in the mean time the live site is at http://www.launchintofitness.comxa.com/

At the moment having fun getting my portfolio site up and running. I might continue to use this blog for internet build notes. http://www.jetsyketsy.blogspot.com/ can be for game development notes. Tempted to start another for specifically Flash development stuff, but haven't really needed notes up to this point - but then haven't really delved into the code side yet so that might change...

Blah

OK, clearly haven't done anything in the last couple of months on this (which I feel quite bad about). Have been sucked into the animated world of Flash. Its lots of fun actually, but really time consuming. Basic actionscript ok. Drawing everything in Flash - challenging.

Will ge back to this soon, I swear...

Reset

OK!

Survived (and kicked ass!) last semester, had a great month break where I rediscovered my talent for vegetating in front of the TV and drinking. Now onto the next semester.

I'm not actually doing any coding subjects this term - lots of flash and a bit of techno-philospophy, but I am going to finish off and launch the Personal Trainer website. Plus I'd like to build my nephew a website so he can stay in touch with the family in Sydney.

I enjoyed logging my coding thoughts in this blog so much during DMT, I've decided to keep going with it. Plus its a handy receptacle of all of the info I find I need along the way - I find my own information receptacle (my brain) is less reliable these days. I'm blaming my conflicting talent for drinking for that one...

So...a couple of quick notes, then I'll leave production until Sunday (for old times sake...)

In the last month:

• the free web hosts have been great. I'm really happy with the service and have had no troubles once i got it up and running. I would go with them again, for sure...
• I received actual content from the client. I freaked out because it looked like she wanted to turn my lovely site into a shouty ad. Had to remind her of her target market. Have agreed on a compromise. Will spend approx 10 hours uploading content, tweaking the pages and creating a new testimonial page (this is all gratis, so I had to actually draw up a scope!) Plan to do that before the end of August as after that, with uni demands, my time will be at a premium
• The client has registered the domain name www.launchintofitness.com. Through an american site. Not sure why. Local help desk support may be useful one day...oh well, lets deal with that if/when we need to...

So, onwards and upwards!

That's enough for now - have to start thinking about animation ideas for class tonight. Oh the pressure of choosing your own term project! Sometimes I get bogged down by too may options...