<data:blog.pageTitle/>

This Page

has moved to a new address:

http://blog.sheseesred.com

Sorry for the inconvenienceā€¦

Redirection provided by Blogger to WordPress Migration Service
----------------------------------------------- Blogger Template Style Name: Rounders 2 Designer: Douglas Bowman URL: www.stopdesign.com Date: 27 Feb 2004 ----------------------------------------------- */ body { background:#ccc; margin:0; padding:20px 10px; text-align:center; font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif; color:#333; font-size/* */:/**/small; font-size: /**/small; } /* Page Structure ----------------------------------------------- */ /* The images which help create rounded corners depend on the following widths and measurements. If you want to change these measurements, the images will also need to change. */ @media all { #content { width:740px; margin:0 auto; text-align:left; } #main { width:485px; float:left; background:#fff url("http://www.blogblog.com/rounders2/corners_main_bot.gif") no-repeat left bottom; margin:15px 0 0; padding:0 0 10px; color:#000; font-size:97%; line-height:1.5em; } #main2 { float:left; width:100%; background:url("http://www.blogblog.com/rounders2/corners_main_top.gif") no-repeat left top; padding:10px 0 0; } #main3 { background:url("http://www.blogblog.com/rounders2/rails_main.gif") repeat-y; padding:0; } #sidebar { width:240px; float:right; margin:15px 0 0; font-size:97%; line-height:1.5em; } } @media handheld { #content { width:90%; } #main { width:100%; float:none; background:#fff; } #main2 { float:none; background:none; } #main3 { background:none; } #sidebar { width:100%; float:none; } } /* Links ----------------------------------------------- */ a:link { color:red; } a:visited { color:grey; } a:hover { color:red; } a img { border-width:0; } /* Blog Header ----------------------------------------------- */ @media all { #header { background:red url("http://www.blogblog.com/rounders2/corners_cap_top.gif") no-repeat left top; margin:0 0 0; padding:8px 0 0; color:white; } #header div { background:url("http://www.blogblog.com/rounders2/corners_cap_bot.gif") no-repeat left bottom; padding:0 15px 8px; } } @media handheld { #header { background:#710; } #header div { background:none; } } #blog-title { margin:0; padding:10px 30px 5px; font-size:200%; line-height:1.2em; } #blog-title a { text-decoration:none; color:#fff; } #description { margin:0; padding:5px 30px 10px; font-size:94%; line-height:1.5em; } /* Posts ----------------------------------------------- */ .date-header { margin:0 28px 0 43px; font-size:85%; line-height:2em; text-transform:uppercase; letter-spacing:.2em; color:#810; } .post { margin:.3em 0 25px; padding:0 13px; border:1px dotted #bbb; border-width:1px 0; } .post-title { margin:0; font-size:135%; line-height:1.5em; background:url("http://photos1.blogger.com/blogger/430/2743/1600/sheseesredcross.png") no-repeat 10px .5em; display:block; border:1px dotted #bbb; border-width:0 1px 1px; padding:2px 14px 2px 29px; color:#333; } a.title-link, .post-title strong { text-decoration:none; display:block; } a.title-link:hover { background-color:#eee; color:#000; } .post-body { border:1px dotted #bbb; border-width:0 1px 1px; border-bottom-color:#fff; padding:10px 14px 1px 29px; } html>body .post-body { border-bottom-width:0; } .post p { margin:0 0 .75em; } p.post-footer { background:#eee; margin:0; padding:2px 14px 2px 29px; border:1px dotted #bbb; border-width:1px; border-bottom:1px solid #eee; font-size:100%; line-height:1.5em; color:#666; text-align:right; } html>body p.post-footer { border-bottom-color:transparent; } p.post-footer em { display:block; float:left; text-align:left; font-style:normal; } a.comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%; padding-left:14px; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%; padding-left:14px; } .post img { margin:0 0 5px 0; padding:4px; border:1px solid #ccc; } blockquote { margin:.75em 0; border:1px dotted #ccc; border-width:1px 0; padding:5px 15px; color:#666; } .post blockquote p { margin:.5em 0; } /* Comments ----------------------------------------------- */ #comments { margin:-25px 13px 0; border:1px dotted #ccc; border-width:0 1px 1px; padding:20px 0 15px 0; } #comments h4 { margin:0 0 10px; padding:0 14px 2px 29px; border-bottom:1px dotted #ccc; font-size:120%; line-height:1.4em; color:red } #comments-block { margin:0 15px 0 9px; } .comment-data { background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em; margin:.5em 0; padding:0 0 0 20px; color:#666; } .comment-poster { font-weight:bold; } .comment-body { margin:0 0 1.25em; padding:0 0 0 20px; } .comment-body p { margin:0 0 .5em; } .comment-timestamp { margin:0 0 .5em; padding:0 0 .75em 20px; color:#666; } .comment-timestamp a:link { color:#666; } .deleted-comment { font-style:italic; color:gray; } /* Profile ----------------------------------------------- */ @media all { #profile-container { background:#999 url("http://www.blogblog.com/rounders2/corners_prof_bot.gif") no-repeat left bottom; margin:0 0 15px; padding:0 0 10px; color:#fff; } #profile-container h2 { background:url("http://www.blogblog.com/rounders2/corners_prof_top.gif") no-repeat left top; padding:10px 15px .2em; margin:0; border-width:0; font-size:115%; line-height:1.5em; color:#fff; } } @media handheld { #profile-container { background:#999; } #profile-container h2 { background:none; } } .profile-datablock { margin:0 15px .5em; border-top:1px dotted #ccc; padding-top:8px; } .profile-img {display:inline;} .profile-img img { float:left; margin:0 10px 5px 0; border:4px solid #ccc; } .profile-data strong { display:block; } #profile-container p { margin:0 15px .5em; } #profile-container .profile-textblock { clear:left; } #profile-container a { color:#fff; } .profile-link a { background:url("http://www.blogblog.com/rounders2/icon_profile.gif") no-repeat 0 .1em; padding-left:15px; font-weight:bold; } ul.profile-datablock { list-style-type:none; } /* Sidebar Boxes ----------------------------------------------- */ @media all { .box { background:#fff url("http://www.blogblog.com/rounders2/corners_side_top.gif") no-repeat left top; margin:0 0 15px; padding:10px 0 0; color:#666; } .box2 { background:url("http://www.blogblog.com/rounders2/corners_side_bot.gif") no-repeat left bottom; padding:0 13px 8px; } } @media handheld { .box { background:#fff; } .box2 { background:none; } } .sidebar-title { margin:0; padding:0 0 .2em; border-bottom:1px dotted #fa0; font-size:115%; line-height:1.5em; color:#333; } .box ul { margin:.5em 0 1.25em; padding:0 0px; list-style:none; } .box ul li { background:url("http://www.blogblog.com/rounders2/icon_arrow_sm.gif") no-repeat 2px .25em; margin:0; padding:0 0 3px 16px; margin-bottom:3px; border-bottom:1px dotted #eee; line-height:1.4em; } .box p { margin:0 0 .6em; } /* Footer ----------------------------------------------- */ #footer { clear:both; margin:0; padding:15px 0 0; } @media all { #footer div { background:red url("http://www.blogblog.com/rounders2/corners_cap_top.gif") no-repeat left top; padding:8px 0 0; color:#fff; } #footer div div { background:url("http://www.blogblog.com/rounders2/corners_cap_bot.gif") no-repeat left bottom; padding:0 15px 8px; } } @media handheld { #footer div { background:#710; } #footer div div { background:none; } } #footer hr {display:none;} #footer p {margin:0;} #footer a {color:#fff;}

28.5.10

geek week 3

spec

this week has been all about web specs.

and i don't actually know how the rest of the world goes about developing their online spaces.

presumably in big corporate land there's a fair amount of outsourcing to peeps who do it all day everyday. and then there's your extremely ugly SME (small-medium enterprise) site that never gets updated because, really, whose got the time to develop that stuff when you're so time poor as it is.

the nature of the artist-run-initiative (ARI) as a cultural space (similar to that of an SME, in business terms) is one of nimbleness - projects can turnaround quite quickly and they are dynamic and responsive projects. i believe that's why they're important spaces to exist and support - they feed back into the culture quickly and allow for current and relevant thinking. they can also allow for flexibility and mobility in the presentation of works, which is vital for most contemporary art practice.

considering that artists and ARIs are SMEs, i think most of us have pretty spanky sites. compared to your local plumber, electrician or even bookstore, say. and, having said that, for the larger, more established and pro-active ARIs, it can still be pretty difficult to maintain a decent online space, when the real world is taking up an extraordinary amount of time.

especially when the site has outgrown you.

in empirical terms, try building a new gallery building, on your own (or with minimal contractors), whilst still maintaining, programming and staffing the current one. not really an easy task.

which is where i've come in. i'm helping these kids design, spec-up and hand over for development a new site. yeah, i know, doesn't sound all that fantastic really.

BUT, what we will be doing is setting up a template and a documented process for such a renovation. these scribbly, scrawly notes, lines of links and cool widgetty bits that we've used in the mean time will be compiled and edited. then put out into the world somehow.

other artist-run-initiatives can then use them and learn from what we've done, to do their own version.

we don't want to make it oh-so-modular-cut'n'paste, but we want to open up the dialogue. the business/structure of making art is not actually our IP. if we can share the process a little, it can save everyone time. which leaves more room for art production, curating, writing, performance and the goodness of making/presenting art.

we don't actually want to be administrators, believe it or not.


HIGHLIGHTS

and hey artists, all those exhibition proposals and grant applications you hate? well, they help write web spec documents! yay! you too can spec up a website. it's just like proposing a massive group show in an open gallery space. huzzah!

this week some of the other highlights include: rediscovered my love of basecamp.
and iplotz is totes rad too - wireframe a website online to share, save, export with html-ness. good times.
printable checklist has been in fine form
as has word tables. very daggy, but really helpful in project managing for the time being.

i'm almost looking forward to talking to the developers now....

Labels: , ,

2 Comments:

At 29 May, 2010 07:54, Anonymous Adrian James said...

Interesting stuff Lauren. I've been helping Dave organize his works into a website recently. Currently it's just a gallery of his last show but I plan to include a bio, contact page, multiple gallery support, and possibly a news feed. I think twitter might be a good fit for Dave to post thoughts as he doesn't tend to have time for a blog.
http://davidjamespeddle.web.officelive.com
I've hosted it on the free MS Small Business Office Live portal but I think this won't suit his needs as it doesn't allow any server-side scripting or database. Given that this is really just a reference site and won't draw much traffic by itself I'm trying to avoid monthly hosting fees (any suggestions? ;).
hope you're well.

AJ

 
At 30 May, 2010 11:12, Anonymous lauren said...

AJ!! well, hello!

aren't you an excellent husband doing dave's site for him!

i have a regular site too - which is pretty simple and could easily do with some more work. but it is on its own server and i actually found the investment of some online real estate to be as important as having a studio so i don't mind the yearly hosting fees.

and i guess through the traffic stats, referrals, etc, i can also begin to know who/where my audience are and take a bit of ownership over that too.
most people go to it from here (because i invest more time on the blog really).

i think most artists don't have a massive amount of time, which i guess is the reason to share this kind of stuff. i use iweb because it's super easy to just update when i have a new show or news, or whatever. i've been trying to schedule it in once a month. kinda.

indexhibit is another good format for artist websites and every time i update mine, i consider the switch. and has good gallery templates - which is more like the ms office you've got there.

twitter has been an amazing platform for me to share thoughts with people over the years and if you've got a link to your site from there, it's easy for peeps to find out a little more about you. but, i guess the important thing is that dave needs to be excited about it too - otherwise it will die pretty quickly. it's like a tamogochi i guess :)

hopefully all of that techno rambling was useful AJ - i'd love to hear more from you about this stuff. you are a much more qualified geek than i am, that's for sure!

love! xx

 

Post a Comment

<< Home