The Electric-Manga Project

So…
I have this favorite Online comic, or Online Manga that I am willing to call it, that I like a lot. The thing is, the author/artist of this Online Manga hasn’t redesigned the website sense 2003 ’cause they’re too busy drawing their proverbial-ass off. Meanwhile I have invest a buttload of time into the knowledge of how to design a webcomic but have no time(or motivation) to draw out said webcomic.

I can do something for my favorite artist while he is busting mad-penciling and I will finally apply what i know into experience. Win-Win, right.

I’ve contacted the artist about letting me redesigning the site and he gave me the green light.

I then gave a list of my Audit of what he has online, how he updates the site, and how the reader interact with him, and all website pertaining to the Online Manga and he was, like, “I don’t know what you just gave me but it looks good.*Thumbs up*” So I have to work around NOT, or little as possible of, having him learn new ways of updating his site.

Now I’ve coded the general design, downloaded 90% of the content for the back-up and for the redesign site so as to not use up his bandwidth while checking my work as I go.

Hopefully I’ll be able to finish the site in ASAP, but it looks like I may not be able to finish it by the end of this month. I know that if I can do this, my favorite artist can get more attention/cash; & I can final say that got a website did. (“So I h’ar you got website did?”)

Did I mention I’ve been doing this on a laptop that is older then this Online Manga that started in 2001..

…In Notepad..

…& MS-Paint..

… & In between working, like, 80hours a week?

The Electric-Manga Redesign Progress Report

[Legend]
Scrapped: discarded for “see comment”-reason.

Done: The Customer is satisfied with it.

• About the artist page: Introducing the Artist with his Psych-ward passport stamps collection, Arrest records, commission rates, lost loves, etc., etc…
• Note:’Oh-No Robot’ Transcriber-boxhttp://www.ohnorobot.com,
  Project Wonderful ad-space http://www.projectwonderful.com,
  Gzip to save bandwidth http://betterexplained.com/articles/how-to-optimize-your-site-with-gzip-compression/
• Comicpress-installment: Scrapped for the time being due to fact that I don’t feel comfortable having to obtain his important server account information to install PHP/MySQL for him. I also don’t feel that he wants to go thru the trouble of learning new ways of updating his website.
• Main Page
• New Readers Page: A small page that gives new readers a brief exposition of the who, what, wheres of the comic before letting them dive into the latest chapter. [Just needs some witty writing and choice pictures]
• Keyboard Navigation: Found a javascript code that will let the readers traverse the Chapter-pages & FanArt-Pieces by keyboard, unfortunately it isn’t by arrow keys.

  If you are planning to use this, be aware of the size of your pages.If your site exceeds the average monitor display, don’t use the arrow keys for any navigation for a non-conflicting User Interaction.

  http://designshack.co.uk/articles/accessibility/how-to-build-a-site-with-keyboard-navigation-psd-to-html

• Error404(s)
• Extra section
• Timelines
• FanArt: Navigation PreviewPic Hover Box discontinued until further notice because it slows down page-time.
  http://www.queness.com/post/402/15-css-tips-and-tricks
• FanArt Artists 1-33
• FanArt Artists 34-67
• FanArt Artists 68-101: 31up [OH GOD, IT NEVER STOPS]
• FanArt Artists 102-135
• FanArt Artists 136-169
• FanArt Artists 170-203
• FanArt Artists 204-???
• Comic-Comments: Discarded due to the fact that it will be easier to link a Relevent LiveJournal Post for both the readers and the artist.
• Comic-tagger: A awesome bit of code that lets readers “Tag” their spot in the Chapter-page so they can go back to it later. http://www.evoluted.net/community/code/comictagger.php
• Chapters Main Page: Finish Chapter [ 3 out of 47 Excerpts for the chapters written out]
• Chapter 1
• Chapter 2
• Chapter 3
• Chapter 4
• Chapter 5
• Chapter 6
• Chapter 7
• Chapter 8
• Chapter 9
• Chapter 10
• Chapter 11
• Chapter 12
• Chapter 13
• Chapter 14
• Chapter 15
• Chapter 16
• Chapter 17
• Chapter 18
• Chapter 19
• Chapter 20
• Chapter 21
• Chapter 22
• Chapter 23
• Chapter 24
• Chapter 25
• Chapter 26
• Chapter 27
• Chapter 28
• Chapter 29
• Chapter 30
• Chapter 31
• Chapter 32
• Chapter 33
• Chapter 34
• Chapter 35
• Chapter 36
• Chapter 37
• Chapter 38
• Chapter 39
• Chapter 40
• Chapter 41
• Chapter 42
• Chapter 43
• Chapter 44
• Chapter 45
• Chapter 46
• Chapter 47
• Wikia-CSS