adamprocter.org

Redesign adamprocter.org

I have decided with the upgrade and purchase of Expression Engine 2.0 I want to revamp and redesign my site. I have set up a Google Wave with a few friends to share and collaborate ideas, unfortunately I cannot share the wave on this blog unless you have a wave account so seems pretty pointless. I want to attempt to document the process as an aid to the process and as an educational tool. I would also like to get input from other sources via comments if possible.

In January my job is changing to 'Associate Teaching Fellow - Digital Media', moving me into a bona fide academic post at Winchester School of Art, I am very excited about this move and see it as a real recognition of my academic and technical input I give within the School. These new posts are a combination of Technical and Academic, you might say a 'practical academic'. So I want to take this opportunity to upgrade my site in a number of ways to provide the definitive on-line presence for myself, the site will combine my work and personal activities to build a profile/presence about me. I also want to take the chance to use a 'real world' scenario to get working with a number of web technologies that I often talk about or workshop in and attempt to utilise them in a progressive manner. This is not about using technology for the sake of it but trying to grab technology that I think is advancing the web and even desktop apps.

Core principles

  • Content out
  • HTML 5
  • XHTML strict ? - HTML 5 =
  • 100% Web standards
  • Mashup
  • Microformats
  • Accessibility
  • typekit
  • HTML5 for video on site (?) - Flow player ?
  • JQuery - nice flurishes (css animations ?)
  • iPhone style - jqtouch.com
  • customisation by users

So the first thing is to work on those most meaningful markup for the content, Andy Clarke in Designing for CSS (DVD) suggests going right back to basics and creates a pages document with comments, I thought this was a rather neat idea as it helps to keep design out of the way, here is a screen shot of my WIP.
Marking up the content with meaning
Ok off to learn some Expression Engine 2.0 and HTML5


Shortlink: http://adamprocter.org/s/113

Comments

Comment on this Article




Links

Tweets

10/03/10 0:23
arrrgh I so want an @dribbble account I wanna see what all these cool designers are doing !!
09/03/10 23:42
ok download now of 5+ things clocking up over 20mb seems like the fix may have been very very good @virginmedia
09/03/10 23:30
I just got the Mac Heist bundle. 7 fantastic Mac apps worth $260+ for only $20 and got 3 cool bonus apps free! http://bit.ly/heist-it
09/03/10 23:18
@virginmedia thanks I gotta do some proper download tests tho still seems to be rather wild results via speedtests sites (big variations)
09/03/10 22:59
@joshmlv I cant say for 100% only serviceline will know but email, blackboard & sussed are up so I expect all is well (it was a powercut)

Disclaimer

The words and opinions expressed here are my own, and do not, in any way, represent the views of my employer.

About

adamprocter.org is all about Education, Creative Commons,Animation and Technology from the collected thoughts of

Adam Procter

License

Unless stated otherwise Content of this page is licensed under a

Creative Commons Attribution-Non-Commercial-Share Alike 3.0 Licence.

Feeds

RSS Feed

Powered by Expression Engine

Valid XHTML 1.0 Strict