Archive for the ‘Other Stuff’ Category

Web Art, and the Internet as an Artistic Medium

Monday, August 24th, 2009

What does it mean for the web to be an artistic medium, the same as painting, sculpture, drawing, music, poetry, and others?

From what I have found out on the internet, most art on the web has been a representation of traditional media on the web. There is not much that is being made to take advantage of the unique properties of the internet to make art.

It’s similar to the birth of television. Early television was considered “radio with pictures”, and early television had a voice over describing the action in the scene, even though the viewer could clearly see what was happening. This convention was a hold over from radio, when a voice over was required to describe the action.

Eventually people figured out what was unique about television, and this convention was dropped.

Similarly, artists are still figuring out what is unique about the web, and what this means for art.

A website consisting of a gallery of drawings and paintings by an artist is not web art. It is art that has been published on the web, just like in a book or pamphlet.

Even art that has been created on a computer using any means of digital production is not “web art”. Often the work made in this fashion can be printed onto paper, or put onto a video DVD.

(This is not to say, however, that whatever web art is, it does not consist of digitally created “stuff”)

Before I go on, I want to clarify: I am talking about art that is created for display on the web. I do not mean online galleries and collections of other type of art. The web as an artistic medium is very different from the web as a publishing medium.

What does it mean to be a work of art that is purely web based, and what separates it from other media? That is the question that I will be brainstorming in this series of posts.

I also want to clarify, that just as television reproduces certain aspects of radio, printmaking reproduces aspects of drawing, and even how painting reproduces aspects of sculpture, web art most certainly reproduces aspects of all mediums. Web art will not be something entirely different from painting, or video, or music, in fact many aspects of all of these mediums will make their way into web art.

To begin, I would like to discuss how exactly the web works, at least, as it pertains to art.

Art is not separable from its medium. You can’t have a painting without paint, you can’t have music without any sound (well, most of the time), you can’t have a photograph without light, etc. The medium that is used intrinsically gives form to the art created in that medium.

So it is also with the web. It is impossible to create a work of art on the web without the web. Since the web functions and behaves certain ways, web art will have certain characteristics that cannot be separated from the art itself.

I heard an interesting thing a couple months ago in a TED talk. The web as we know it is only about 5,000 days old. It is still in its infancy. The technology that makes the web has, since it’s inception, grown in capability by probably a factor of about 1,000.

Remember the old 14.4 kbps modems? My connection at home is about 6MBps. This is about 400 times faster.

The iPhone in my pocket is a faster web browsing and computing device than the first computer that my family bought for my sister when she went to college, back in 1996.

I think that it is safe to say that we haven’t yet reached a plateau in the technology that hosts, supports, and uses the web. In another ten years, this article may look like it is written about stone-age technology.

From the users perspective, this is how the internet works: she turns on her computer, fires up her web browser (Firefox, Chrome, Safari, Opera, or Explorer). She enters a URL into the address bar of her browser, and up pops the website. This is something we are all familiar with.

Usually what shows up is some HTML, and maybe some javascript and flash, which the web browser receives and interprets, and displays the results in the web browser.

On both ends of this experience, computers are running software (or code). The server runs code to determine what exactly to send to the user, and the user’s computer runs code to interpret the information it gets from the server into an audio/visual display.

When the user moves their mouse, scrolls down, or clicks on something, either the user’s computer runs more code, or the server is sent a request for more stuff. This could be a video, audio, or something similar, or it may be a link to another page in the website, or a whole other website all together.

In other words, the user is continuously giving the server information and instructions, and the server is continuously running code and sending the results back to the user.

The background was a necessary foundation to look at the various aspects of web art.

I would like to discuss what is unique about the medium of the web. Different mediums are defined by what is unique to each, not what is similar in each.

I brainstormed the following characteristics of the web:

  • The web is programmable
  • The web is made up of networks and connections
  • websites use is nonlinear
  • Users interact with the website
  • Time can be partially controlled (or not)
  • Presentation varies from viewer to viewer

I am going to dig in depth into each of these characteristics in the posts that follow later in the week.

Before I discuss these potential characteristics of web art, I’m going to talk about some of the questions that come up about the art itself. What actually is a work of art on the web? I will explore that question in the next post.

I also have to send an acknowledgment to my good friend Tiven; we had a conversation about this not too long ago that prompted and added to a lot of these thoughts.

Tiven is a fantastic, and award winning composer, and the best friend a man could have. You can find his home on the internet here:

TivenWeinstock.com

Truck vs. Car, Round 2 (or, “yes, my truck is invincible”)

Wednesday, June 24th, 2009

Last night was going moderately well. I got home to find out that my press pass for San Diego Comic-Con went through, and it was time to head over to another Super Tuesday Party at Janet’s place down in Redwood City.

I was driving through town, stopped at a red light. The light turned green, but a couple people in front of me had to make a left turn, and I was stuck stopped behind them.

It took me a second to figure out why my truck got shoved forward and what caused that big crunching sound.

“Oh, I got rear-ended”

I went for my glove box, got my insurance and registration info out. A couple guys who were walkign by at the time told the other driver to turn his car off, he was leaking radiator fluid.

I started to wonder just how bad it was gonna be.

When I got out of the cab, I couldn’t see the damage to the back of my truck, but as I walked back there, I saw the damage to the other driver’s car:

The other car had a bit of damage

Pretty mashed up.

I had resigned myself to having a jacked up rear end, and having to get some body work.

I got to the back of my truck, and saw…

Nothing. No damage. Hardly even a tiny scratch to the bumper.

Check it out:

My truck hardly had a scratch on the bumper

It was at this moment that I realised that my truck truly is invincible.

I also now see that there is another truck across the street in the photo, quietly watching, as if in solidarity with my truck. We salute you, brother.

This is the second accident this truck has been in where at first it appeared the damage was gonna be bad, and then… nothing. In both cases, the other cars couldn’t exactly say the same, and neither was my fault.

One occurrence is random chance. Two occurrences is a pattern, and my truck is showing a pattern of invincibility vs. cars.

[I may have to post up the story of the first time my truck encountered car and won, it was from before I started this blog]

Over all, I was surprised and relieved to see I didn’t have any damage.

Most of all, I am proud of my truck.

Yeah, I know. This site is jacked

Tuesday, June 23rd, 2009

The “Previous Entries” link doesn’t work.

The font and leading isn’t right.

Column width needs adjusting.

It’s a big mess of stuff with very little organization to it.

I’ve got a pretty design done in photoshop, I just haven’t had the time to chop it up and write the CSS.

When I look at this site today though, it disgusts me.

Uggg. I need to work on this. Soon. Looks like I have another busy weekend coming up.

How To Memorize Anything

Monday, June 22nd, 2009

How to Memorize Anything

I just spent a weekend memorizing a 400-page technical manual, then took a test on the material to get a professional certification for the material.

I aced it.

I get to put a bunch more letters after my name, Sean Neprud, P.E., LEED AP. The LEED AP is new. My list of letters is almost longer than my name now. It would be longer if I could put “kick ass” on there as well, but nobody will certify K-A. Yet.

The real lesson from this story, however, is how I learned all of this material in 2 days. I studied from 9am to 5pm Saturday, with a 2-hour break, and from 8am to 6pm Sunday, with a 3-hour break. 400 pages of facts and information that I had to apply and interpret, memorized in 13 hours.

I want to go on record saying that I am not gifted at memorization. I am downright bad at it, in fact. Memorizing all of the vocabulary for Spanish was always the hardest part of class for me, and as far as forgetfulness goes, I recently forgot where I parked my truck, and had to walk up and down streets in my neighborhood to find it.

Now I will say (not so humbly) that I am gifted with smarts. I can figure stuff out, and know how to use information pretty easily, once I know it.

Knowing the information, and knowing it quickly, was the problem I faced.

My plan was to study for a week or two. That got cut down to a week. The time I was allotting to study got smaller and smaller as the test got nearer and nearer.

By the Friday before the Monday-morning exam, I planned to study for the whole weekend, from Friday evening to Sunday night. I got distracted on Friday though, and didn’t start till Saturday morning.

Why is memorization important?

Sometimes life requires memorization. It helps socially, with remembering names of people you meet. It helps in business and at work, with too many things to list. It even helps pass tests to become an Accredited Professional.

One frustrating thing about this particular exam I took is that it is closed book. They even made me turn my pockets inside out before entering the test room and filmed everybody in the room to make sure we didn’t cheat.

Of course, life isn’t closed book, and when using this information to plan the design of a LEED accredited building, like, for real, I will have the book as a reference.

I guess the folks that give out the certification want to make sure that Accredited Professionals are well versed in the LEED material.

I do know the material far better than if I could have just looked it up in a book during the exam. Name a random LEED credit, and I can list the requirements for that credit without referencing the manual.

This is due to my use of the Super Amazing Memorization Method™

How the SAMM™ was born

I developed my Super Amazing Memorization Method™ back when I was teaching a lot of workshops, and I would be in a room with 15 to 20 guys I had never met before, who had spent thousands of dollars to attend.

A little thing I have figured out about people: When we spend $2,000 for a weekend workshop, we want the people teaching us to remember our name.

Memorization is mighty important in this situation.

I’ve also used this method at networking parties, when I meet a bunch of folks, or even at the bars, when I hit on a group of 3 or 4 women, to remember all of their names.

I don’t get any letters after my name for that though.

So what is the Super Amazing Memorization Method™?

The process is simple

It is a very easy process. I’ll explain it with an example of learning a group of people’s names.

Someone introduces them self. You repeat their name to yourself.

Another person introduces themself, and you repeat their name to yourself.

Now here is the key:

After repeating the second person’s name, repeat the first person’s name, and the second person’s name.

After the third person introduces themself, repeat their name, then the names of all three people that introduced themself.

This is how, weekend after weekend, I memorized the names of 15-20 people in a seminar as they introduced themselves over a few minutes. By the end of introductions, I remembered everybody’s name.

The problem with traditional memorization is that as soon as we learn something new, it can very easily displace the old information. I can’t tell you how many times I have been at parties where I meet somebody, remember their name, but as soon as I meet another person and learn their name, I have forgotten the first person.

This memorization method reinforces the previous information every time we learn something new, and further pushes it into the long-term information storage in our minds.

Each new addition to a body of information is followed by a review of the entire body of information.

It amazes me how effective this is.

Last weekend, I used this method to memorize the LEED manual. The manual describes roughly 50 different ways that building design and construction can earn credits towards getting a certification by the Green Building Council.

Each one of these credits has very specific requirements, for example one credit requires that 10% of architectural materials, by cost, be recycled, with recycled defined as percentage, by weight, of post-consumer recycled material plus one-half of pre-consumer recycled material. Other credits reference standards with big, impossible to remember names like ASHRAE 90.1, CIBSE 10, and IPMVP volume III.

In other words, it was not simple stuff to memorize.

I learned all of this material with the same process that I used to memorize names. I started by learning the requirements of the first credit, and wrote it out on paper. Then I learned the requirements of the second credit.

Then I re-wrote the requirements of the first credit and the second credit.

I moved on to the third, learned it, then re-wrote all three. I repeated this on and on, until I had learned the meaning and requirements for approximately 50 credits.

I have dozens of pages of handwritten notes as proof.

I also passed the test and got new letters after my name, so maybe there is something to this.

The downside

There is a downside to this process: it is boring. When writing out the meaning of something for the 20th time, you will start to hate and despise writing it out.

I experienced that last weekend. There were times that I didn’t want to write down the previous 15 things I had memorized after learning the 16th.

I forced myself to do it though, and even though I was annoyed to be writing out that 1st item for the 15th time, it was worth it, because it helped me to add the 15th and 16th item to my overall knowledge, and it ensured that the previous 14 things I had learned stuck in my mind.

If you use this method, skipping a round of review is NOT allowed. It is tempting, but this shortcut will only damage the overall effectiveness of the process.

I did use shorthand, writing just a few words down that summarized each credit during the review. For example:

Materials and Resources Credit 4.1: 10% recycled material, by cost, does not include MEP, pre-consumer + 1/2 of post-consumer, use weight to figure partially recycled materials

Would get shortened to:

MR C4.1-10% recycled (post + 1/2 pre)

When using shorthand or abbreviations, the purpose was to remind myself that I knew the details, I just used the method to save some writing time (and reduce hand cramping).

The boring repetition of this process is the reason that it works so well though.

Learning in list format

For those of you that learn best by seeing things in a list, here is the Super Amazing Memorization Method™ in step by step format

  1. Learn the first piece of information, write it down or repeat it to yourself
  2. Learn the second piece of information, write it down or repeat it to yourself
  3. Write down or repeat the first piece of information, then the second
  4. Learn the third piece of information, write it down or repeat it
  5. Write out or repeat all three pieces of information you have learned so far
  6. For each subsequent piece of information you learn, write it down or repeat it to yourself, then follow it by writing it down or repeating every piece of information you have learned so far, including the most recent piece
  7. reap your rewards and riches

I learned it all the first time

How many times do you think somebody refers back to a previous section when memorizing information like this? How many times did you have to review part of a textbook in college to remember the material?

I paid attention during my memorization process, and I only looked back at previous sections 3 or 4 times to refresh my memory and understanding of that section.

That means that for 90-95% of the material, I learned and retained it all, accurately, the first time. Not bad for 50 different nuggets of information.

When I finished studying the manual, I made a note that I have never memorized so much information so quickly. It is boring, it is tedious, and it is effective.

New York Comic-Con Fails Marketing 101

Friday, June 19th, 2009

New York Comic-Con Fails Marketing 101

I pay attention to this kind of stuff, since I have a mind to start my own newsletter or two.

I went to the New York Comic Con last February, where, amongst other things, I met Jim Shooter and recorded an interview with the man. Good stuff.

It seems that attending NYCC puts you on the NYCC email list. The traffic from the list consists of notices of events taking place around New York, a kind of comic geek meet up.

This itself is a great idea, since one of the powers of a mailing list, and the internet in general, is to create and foster communities of like-minded people.

All my friends are pretty cool people. Not comic geeks at all. Sometimes, however, I do want to geek out and meet other people that share this hobby I love.

The internet has made that possible, and I have met a lot of folks that are part of communities that are started by the ease of communication that the internet allows.

Because of this, these kind of emails that create social oppurtunities, and foster communities, are great. I’m totally supportive.

Since I don’t live in New York, however, these emails are pretty useless to me, and just end up polluting my inbox.

I decided to unsubscribe from the newsletter, and found this note:

Leaving our list: NY Comin Con makes every effort to send you only information we believe you will find useful. We apologize if this information is no longer valuable to you. Please keep in mind that removal from our list is permanent. You will no longer be eligible for special offers and promotions. Still want to be removed? Please click on the link below and provide the information requested. Your request will be processed within 10 business days.

Punishing people for leaving a list is a great way to make people despise you and your services, and to drive away repeat customers.

In my case, this information is interesting, but not applicable to my life right now. I am presented with the option of either continuing to let this newsletter clutter up my inbox, or getting blacklisted from any services that may be offered on this list.

I’m unsubscribing from the list, because I don’t want this in my inbox.

I can only hope that whoever is running this list learns a thing or two about marketing and customer relations.

Now I’m Pissed

Friday, June 12th, 2009

I figured out where my 101 are going, and I am stuck at work. I’d rather be at home, carving up blocks, and firing up my printing press.

I made a bet with my buddy Dr. WordPress that I could finish my 101 pieces of art before he could finish his 101 articles.

(Actually, I was publically called out and challenged, and honor dictates that I must see the challenge)

I was hanging at his house one evening, talking about what we’re up to, as usual, and I told him about my plan to make 101 works of art. I woke up the next morning to find a post on WIAW that he will finish his 101 articles before I finish my 101 art thingies.

My 101 were already started, I had done the first run on 20 of them.

Then I hit a wall, and I had no idea what I was gonna do next. It finally hit me last night, and I figured out my vision for the series.

(I can’t explain it yet, it is better left seen than described)

Anyway, all I would like to be doing now is carving blocks and inking up plates, and I can’t. I’m stuck at work. This is stifling my creativity, and just annoying.

This is why I need to be self-employed, and create my own business, because this is not working for me.

Something to work towards.

Overnight Change Takes A While

Wednesday, June 10th, 2009

I confronted a harsh, harsh reality this morning. All the changes I am working to implement in my life may take a while.

I wasn’t expecting any of these things to happen overnight, but, well, I was kinda hoping.

This reminds me of something I heard on an Eben Pagan video (and I paraphrase), “what does everyone want? They want to go to bed fat, wake up thin, go to bed poor, wake up rich, go to bed single, and wake up with a gorgeous person next to them, and they don’t want to do any work to make it happen”.

I’m need to back up my story now. I have started a new workout this week, combining body weight exercises (squats, pushups, etc) with sprints. Essentially, I am giving High Intensity Interval Training (HIIT) a shot.

I have being doing this every day this week, and this Wednesday morning I stepped on the scale after showering up after my run.

I was a bit pissed off that I didn’t lose 10 pounds in the last two and a half days. In fact, I hadn’t lost any weight. What the hell? I have been working hard, I am sore, my foot hurts, I have been eating this healthy food instead of frozen pizzas. My metabolism should be supercharged and have burnt off all the fat by now. What gives?

I was a little crushed. It may sound stupid, but this seriously was a blow. I started to think all those devilish thoughts like, “I can’t do this”, and “I’m no good”, and “I’ll never accomplish anything”. This is all the usual crap that goes on in my head that never gets me anywhere.

Somehow, I made it out of this. I think it was a simple thought that saved me, which was, “all this crap I’m thinking does nothing to help me kick ass.”

(I am giving this whole kicking ass thing a shot)

I got up, walked over to the white board on my bulletin wall, and wrote:

KICKING ASS WON’T

HAPPEN OVERNIGHT

Once it was written out for me, in plain site, it made a little more sense.

Progress is made up of many small, incremental steps, not one giant step that takes place instantly, and magically changes everything. This, to me, is the hardest part about any game plan that involves change. This is the greatest enemy of progress, and the greatest resistance to change.

Keeping this in mind, I looked at my morning in a new light. I made one of the many steps along the way to this change. The changes I am working towards will happen if I keep this up. It is just a matter of time.

I’ll make that step again tomorrow, and Friday, and over the weekend too. I’ve got plenty of time, in fact, time is the one thing I have the most of.

The trick is in choosing how to spend that time.

adWords To Live By

Friday, June 5th, 2009

Sean’s all grown up today.

My first adWords advertisement is live on the internet.

My add shows up in a search for "valiant comics" (click to enlarge)

I got a $50 AdWords credit from some service I used on the internet, and I figured I would see if it was worth it to see if they would do anything to increase listenership to my Only The Valiant podcast. Maybe it will, maybe it won’t, but is cool to do a Google search for “valiant comics” and see my ad come up.

It was very easy to set up and use, and with the preponderance of adword credits available out there, why not? It might help your website too.

How I Use Graph Paper

Thursday, June 4th, 2009

My friend Dr. WordPress over at Website in a Weekend wrote a fantastic article about the virtues of laying out your site using graph paper. This prompted me to write this post, about how I use graph paper.

Why use graph paper?

Before I write about how I use graph paper, however, I want to tell you why I use graph paper to design and layout websites. To put it simply, I use graph paper because it is faster, easier, and better web design.

Faster web design

It is faster because I can sketch out an idea far faster than I can in Photoshop. As a result, I can see a number of different design ideas very quickly. Sometimes I will have an idea in my head, and sketching it out gives me a good idea of what that idea looks like when it is actually presented. For my personal site, I am currently working from the third design I have considered.

Once a design is committed to code, it is far harder to change. To change the size or location of an element, you may have to change a good number of the elements of your website. Not fun. Changing the size or location of an element on paper is as simple as whipping out your eraser and making a few pencil marks. Getting things well sized and located is many times faster than editing a CSS stylesheet.

Easier web design

Once you have a layout on graph paper, it is very easy to translate this into code. Need to know how wide to make a certain div? Just count the squares. When everything is layed out on graph paper before a single line is typed into your stylesheet, the actual time spent translating that design to code goes much faster.

I do like to save time.

Another side benefit of this is that “happy accidents” are more easily translated to the code. Random marks, lines, borders, or whatever are easier to write into your code when there is a nice grid that shows what the radius of that rounded corner is, how many pixels over a certain element overlaps the sidebar, or whatever else you need to figure out.

Better web design

When it is easy to whip out a design in pencil and paper, it is very easy to revise. Sometimes when working on graph paper, I will have another idea for the design that I think may be even better than the one I am working on. The result of scrapping a previous design idea and starting fresh is almost always a better design. Good things about the previous design can usually be preserved, and the not-so-good elements are usually replaced with a better design. Doing a few quick permutations of a design idea is probably going to result in a better design than sticking with the first idea.

Also, I feel like design comes out as a more cohessive product when it is done on paper first. It is easy to get carried away thinking about a website as a collection of parts: your header, content area, sidebars, divs, widgets, etc. When working on paper, it is easier to see the relationship of all the parts, and to get a good sense of how the whole looks.

My method

My method comes from my tools. What are they?

There are 4 very important tools I use:

  • Graph paper
  • Pencil
  • Engineering scale
  • Calculator

In addition, I may use any number of colored pencils and pens.

tools

I start my work by simply putting pencil down on paper. For my first pass, I work fast and loose, and get all of the design elements I want down and work on their arrangement. I include major image ideas, locations of sidebars, headers, how I want to break up content, and so forth. When I first start out, I just want to get a layout sketched out. I will do another sketch later to really define everything, so I don’t worry too much about accuracy.

I have two pads of graph paper, one that is 8-1/2″x11″, another that is 11″x17″. If I am doing a very loose concept sketch, I usually use the smaller paper, and save the bigger stuff until my second pass.

Which takes me to my second pass. Once I have a concept idea I like, I get more exact with it. I figure out the dimensions I want to work with, I break stuff up into a grid, and get more exact with defining things. I will usually put a bit of notes on this second pass, and include information about classes and ids that I plan to use throughout the design. In other words, I half think in design, I half think in code.

Sometimes the result is nice and tidy, sometimes the result is sloppy. Here’s an example of a sloppy one I did for Only The Valiant (click for a bigger image):

otvlayoutsmall

Next up comes the technical stuff of how this works.

The technical stuff

To put it simply, each square on the graph paper corresponds to a certain number of pixels or ems. I tend to work in ems a lot, and I generally use a scale of one square = 1.5 ems. This gives me a paper design that is fairly close to what will appear on screen.

The most helpful tool I use is my Engineering Scale. Note that if you are buying a scale, there are two common types of scales, an engineering scale and an architect scale. The engineering has nice round numbers on each end, like 10, 20, 30 , 40, 50, and 60. The architects scale has fractions, like 1/4, 1/2, 3/4, 3/8, etc. The Engineering scale is the one that is useful for what we are doing.

A quick aside, these are traditionally used for civil and architectural plans respectively. The numbers on each side show which scale that sequence of numbers measures. For the Engineering scale, the numbers represent the number of feet per inch. For instance, a civil engineering plan in 50 scale would represent 50-feet in each inch of paper. The architects scale works the other way around, and the number of the scale represents the number of inches that represent one foot. For example, the 1/4 scale means that 1/4″ represents 1-foot on the architectural plans.

I have found that the 60 scale works best for me, and this measures out 6 ems per inch, as you see below:

up-close

I use my calculator to translate back and forth between ems and pixels. Though I often define almost everything in ems, sometimes I need to know what that represents in pixels. I don’t resize my ems, so I am multiplying and dividing by 16 a lot to go back and forth between the two units.

Using the 40 or 50 scale works when measuring in ems, and the 10 scale will kinda work to measure in pixels (and will be quite accurate for a 96 dpi display).

I do everything in pencil first, then sometimes add color to see how that will look. I adjust and adjust as I go, tweaking things as I see fit. I have found that revision leads to a better design.

If you design on paper first, or even use graph paper, let me know how you do this in the comment section. I’m sure that there are other variations on this method that I don’t use, mostly because I am not used to using them (creature of habit), but I am curious!

Nice..

Friday, May 29th, 2009

My thirtieth birthday is coming up this weekend, and my crew at work decided to decorate my cube up a bit.

Lots of balloons..

More decoration. The Superman next to the disco ball is always there, but the disco ball is not.

More balloons..

Most of the balloons have something written on them, including some messages that I (so far) have no idea what they mean written in Arabic and Chinese.

This is kind of funny, because today the company is having a celebration in honor of people that have worked at K/J for at least 20 years. They walked around this morning and gave balloons to everyone with at least 20 years under their belt. Folks who have worked here over 40 years (and there are a few) got two balloons.

By this measure, it seems I have worked here for 260 years.

Keep on rockin’ in the (not so) free world!