Choose Your Theme
Warren Shea

Archive for the ‘Site Updates’ Category

It started with a kunai….

Sunday, September 12th, 2010 at 2:50 am

Naruto theme launched! (it’s ironic that if you’re on the Naruto theme, you can’t click this link…more on that later)

I’ve launched a new theme (finally). It took about 3-4 days/nights of work and about 6 months of procrastination. Now THAT’S being proactive :D

Let’s see…how did this theme come about?
I knew when I developed the website, which launched April 4, that Naruto would be my third theme. I’ve had this idea in my head for a whole half a year but had been busy with other stuff that I couldn’t get to designing/developing this theme until recently. I’d started to see the usefulness of PNGs and I wanted to work with that. I had a desk theme in my head with a kunai stabbing it; its shadow cast over the content. That’s how the idea started…

Awesomeness of this theme:
1) The scroll (which I gotta say I LOVE). I absolutely LOVE the effect it has when you scroll up and down on the page. It’s not apparent on a long page like the homepage/blog but if you go to any other page and scroll to the end, you see it’s interestingness.
2) The photos/shuriken (ninja stars). Basically, I had to figure out WHERE this desk was…originally I didn’t want to show any Naruto characters on the site, I didn’t want one of those “image of person on the screen for no reason other than design” themes. But the photos work itself out so that you can still see characters, without being taken out of the scene. Originally, I had the idea to just have the kunai as a prominent, constant image, as well as some shuriken. Giving it some more thought, I decided to randomly organize the desktop. It literally changes on every screen/refresh. 3 possible combinations/rotating items, around 12 or so different images for each (w/o repeating 2 on the same page). What’s the math for that? 12x11x10 (trying to figure out how to write that in permutations/combinations…but it’s been a long time) 12!/9! ?? <insert cry for help>

Problems with the theme:
1) Glaring problem which I’m well aware of: The kunai.png is on the “top layer”, over the content. What this means is that if you click on a link in the content, there’s a chance you could be clicking on the kunai.png which basically renders the click ineffective. NO WAY AROUND THIS given the effect I want. To be honest, I don’t care. This theme is done for the visual aspect, not the usability.
2) The width of the content is really tiny. I’ve been resizing all my images for a 450 width…that would be my smallest content size. Unfortunately, not all my content fits that, despite trying…sometimes it goes out of the scroll.
3) There’s less content on the right than there used to be for the Naruto theme. The reason is that I didn’t want that content to scroll, on a desk, it didn’t make sense so I cut out a lot of the content but made it static on the page.
4) On a smaller resolution, like 1200×800, the scroll height at the top is far too large. Minimizing the height requires a LOT of work….and not something I’m interested in doing right now. So my apologies on that, I had done the scroll before testing a resolution of that height and well, it was too late to change! >_< Things I've learned: 1) You can do so much (more) with PNGs compared to everything else. Well, I'm still an old school animated gif maker...but I LOVE PNGs. It's like a Photoshop layer...on the web. 2) My site, even 6 months ago, was coded VERY WELL. The framework for CSS possibilities was totally done well, the need for editing the actual code on this page was minor. CSS DOES IT ALL. The difference between my megaman, blogger and naruto themes: all CSS/JavaScript. I'm a bit embarrassed to say that I used quite a bit of JavaScript on this page http://www.warrenshea.com/common/naruto/scripts.js
(At least I commented it :D I -almost never- do that!)
Originally, much of the image placement relied on the size of the user screen, something I need to determine with JavaScript. That actually changed today….so hmmm, maybe I can eliminate some JavaScript. I’ll give that some thought, the load time of this page is a bit much….

One note: I’m an awesome cross browser developer !
I had been developing this site in Chrome and Firefox…and actually launched it without testing IE8 or Safari…but once I launched it, I tested those 2 (had to download Safari -_-;). The page works flawlessly on:
FireFox 3.6.9
Google Chrome 6.0.472.55
Safari 5.0.2
Internet Explorer 8.0

Naruto Part 1:
Oh yeah….I chose Naruto Part 1 (pre-time jump) over Part 2 because…well, frankly I like Part 1 better. The characters are developed, interesting, everything is new and the ideas they introduce are awesome. Almost a decade later and Naruto’s got some nice fights, some interesting backstories…but overall I don’t have the same excitement from it that I did when Part 1 was going on. I’m excited to see new manga but not as excited as I see the fans of One Piece, which I believe has gone on longer than Naruto. I gotta start that, everyone just raves about it….Bleach also is kinda meh for me lately too…despite it looking like it’ll be over in the next few weeks/months. We’re at the final battle but it’s still meh.

Anyways, that’s it for now, take a look at the theme and provide feedback.

Site Updates: Mega Man theme (kinda-not really-could be downgrade?) upgrade

Sunday, September 5th, 2010 at 11:51 pm

Given my most recent post regarding re-doing the navigation, I decided to tweak the Megaman theme around a bit…it no longer mimics the blogger theme (just harder to read). It now does a pretty different thing all together, the middle div being the scrolling div and the header and footer staying consistently where they are. I hope that it’s still okay to read on smaller screens….i’ve been testing it on Chrome 5, FF 3.6.8, and IE8 on both the 1280×1024 resolution and my widescreen 1920×1080 and I’ve got everything working in all 6 scenarios.

What do you think? Improvement or regression? evolution or devolution? shinka or…(opposite word for japanese “evolution”). Shinka…I learned that from Digimon. My favorites were Angemon and Angewoman and Wargreymon. Basically, angels (go figure), and Wargreymon…cuz his name was kinda like Warren. A nickname of mine was “Warrenmon”…cuz…well, I hope I don’t have to explain it.

Whoa, got a little side-tracked there.


Yes/no?

Let me explain the icons:
Blog Man -> Proto Man (MM3+) – Cuz Protoman is cool…and like, the main character…if not for Mega Man, thus he should be the main page…
About Me Man -> Gemini Man (MM3) – Cuz I’m Gemini
Hobbies Man -> Metal Man (MM2) – Cuz Metal man cuts things…like Arts and crafts…which are my hobbies?
Projects Man -> Napalm Man (MM5) – Cuz he’s got a freaking missle on his head. He’s awesome. That’s what I do. I DESTROY projects…in a good way.
Portfolio Man -> Quick Man (MM2) – Cuz Quick Man is quick…and when I do my stuff, I’m quick. This doesn’t bode well with the ladies though :/
Gallery Man -> Drill Man (MM4) – Cuz Drill Man looks kinda like this Chouji relative (Naruto series)…and I like to doodle Naruto

Drill Man

Akimichi

Code Reference Man -> Wood Man (MM2) – I just like his icon…he’s got a leaf shield! Isn’t that the worst, protective shield ever?!
Resume Man -> Magnet Man (MM3) – Cuz when people read my resume, they’re drawn to me…like a Magnet…cuz I’m so attractive (on paper…and IRL).

I feel bad if you read all that, it’s gotta be some of the worst BS I’ve ever written.

.
.
.

I’ve been going over the Naruto theme in my head recently….excited to start it :D

/spits in Sleep’s face. It’s okay, it gets me back…in the form of drool…that my face rolls around in whilst I sleep.

I feel unsettled. The question is: why?

Friday, September 3rd, 2010 at 1:51 am

Every once in a while, I have days where something doesn’t feel right. I’m unsettled. And I have no idea why…it’s sort of like depression but not quite…

It’s a feeling of…being unsettled, I don’t quite know how to explain it better. I start to question myself:
Is this where I want to be? Is my life on the right track? Why do I feel this way and how can I fix it?

The result is quite a bit of introspection.

So I’m going to write the things I thought about today…in a good day of self-reflection and self-analysis.

Work
I was feeling unsettled at work. Questioning if I’m where I want to be. I looked at the projects I’ve done and the projects that I’m looking forward to doing. The result was pretty disappointing. The projects I’ve liked have been the ones that I’ve started on my own, because I thought things could be better or streamlined. Or because I thought it’d be fun to develop, so I threw a business case around it :) The fun I have at work occurs when I make my own projects. When I look towards the future, are there enough interesting projects to satisfy my professional interest?

There are a lot of PROs of my current job and few CONs (everytime I make PRO CON lists, I think of Rory in Gilmore Girls…I remember her saying “Do not mock my Pro/Con list”…I ask the same of you as well).
PROs:
– I work in a centralized internet web team. What this means is that, from a learning perspective, I’m able to use, understand, and learn from various content management system. Well over 10 in my 3 years with this group. We work on tons of different platforms, sites, languages. I’m worried that if I were to go somewhere else, I might only be exposed to a few systems. What if they aren’t what I like? What if the tools are terrible? A strong reason why I like this job is I’m learning about a lot of things, learning from tons of different directions. Being a jack of all trades, my forte.
– I’m part of an internet team meaning: my stuff is public. And I’ve thought about this a number of times, I would not want to do intranet stuff. I enjoy being able to look/show others what I’ve done if there’s an internet connection available. I like that I can put things in my portfolio or resume that I’m allowed to. If I did intranet stuff, basically ALL my stuff would be locked down. Unable to show anyone or discuss.
– I’m in a team that, while we use outdated CMS systems, also explore new and exciting things around the web. Social media (Facebook, Twitter, Blogging) for example, maybe something with mobile devices, it’s the web…but a different part of the web. It’s brand new and exciting.

Basically, of all the places inside a large corporation that I could be, I’m exactly where I want to be. An important member of the main internet web team.

CONs:
– Working on an internet team means that you can’t use a lot of the technologies/techniques out there. A glaring one is PHP. We will NEVER do anything in PHP because of the lack of support. It’s disappointing as it’s something I would like to learn more about. Granted, I’m able to develop in PHP internally but that means the only time I would use it would be for a personal/internal project. And I do not want to do intranet stuff :P
– I’m starting to get tired of doing work below my skill. Granted, I’ve gotten less and less of that within the last few years but even the mindless jobs that I didn’t use to mind are starting to bother me. I ask myself “why am I doing this? is this what I want to be doing?”…which led to the last piece of written text.

There are more PROs, being close to home, flexible hours, being able to work from home, being one of the most important developers on the team and having the ability to pass off the crappy work I don’t wanna do delegate.

It looks like there may be lots of exciting, interesting work in the future for me so…to answer my questions:
Is this where I want to be?
Right now, the answer is yes.

My website: Themes
It’s pretty obvious that my themes idea has been a failure. It’s not like I haven’t been doing anything with my site. I’ve been blogging somewhat consistently though I haven’t been updating other aspects of my site like I usually do. The various sections, Hobbies and Projects, Gallery, and Language Reference are updated slowly and in some cases, never (poor Language Reference section :( ). It’s been so difficult doing/conceptualizing themes and I finally figured out why.

The difference with my site and http://www.csszengarden.com/ is that my site is ultimately more complicated. The buckets of content change frequently and there’s only 1 level of navigation. I’ve wanted to make 2 levels of navigation but it would be impossible to develop any kind of functional/interesting navigation that’s compatible with multiple CSS files. I would want a jQuery or DHTML or JavaScript navigation…but would that be adaptable by simply changing the CSS? The answer is no. Not only the navigation but the other aspect that would trouble me in the “Choose your theme” menu. Building it with my Blogger theme is easy, they’re just links. But even my Megaman theme, with the buttons, animated gif during mouseover….to create that solely with html and CSS would be impossible. So how did I create it? it’s a function in JavaScript. What’s preventing me from calling functions to create the menus in JavaScript? Nothing…except it’s ridiculously annoying to document.write HTML in a JavaScript file/syntax.

And so, I had an epiphany. But I’m slightly embarrassed as to why I didn’t think of this earlier. I will create the navigation and choose your theme…in PHP during the rendering of the site, and not have it created client side with JavaScript. Why didn’t I do this earlier? It goes against the CSS Zen Garden concept…which is what the themes idea is fundamentally about (that the site can change entirely with a simple change of CSS). But I’ve come to the conclusion that I will have to leave behind the resolve of mine to mimic that style of site if I truly wish to create an interesting, dynamic site with different types of navigations and different site personalities.

I’m going to spend my next major site updates converting the navigation and choose your theme code to be built in PHP and not JavaScript. With the ability to create new, interesting navigations and choose your theme menus, as complicated as I wish, I no longer have to think inside the box regarding the different themes I wanted to do. It will make the concept I have for the Naruto theme, and other themes I have in mind, way better.

My website: Content
I’m planning to restructure my site and its content in the near future. I’m unsatisfied with the navigation and the tabs. I’m limited to the amount of horizontal space on a single line for the navigation. I want to change that.

Home/Blog
About me – Portfolio – Resume
Hobbies & Projects – Galleries
References and Links – Language Reference – Site Reference/Links
Basically…4 buckets? I don’t know, I just made that list up on the fly…I will give it more thought. I definitely see that my site is….organizationally challenged.

I dislike the number of files I have, the number of if statements for editing content. I dislike that this site doesn’t really use a database and that my galleries is created with some PHP and creative client side thinking. It still doesn’t compare, efficiently, to what could be done with XML and AJAX, something I might pursue for my gallery. I need an easier way to update my pages…a CMS maybe but I doubt it’s worth it to build that. There are other projects I’d like to do….

Personal happiness
Going back to feeling unsettled, I always question my own personal happiness. When I was younger, I used to play this “why?” game with myself. I would say a random statement and ask myself “why?” repeatedly and I would ultimately always find my own personal meaning of life. For example:
1.
Warren A: I buy toys.
Warren B: Why?
Warren A: Because I enjoy displaying them, looking at them.
Warren B: Why?
Warren A: Because it reminds me what it’s like to be a child.
Warren B: Why?
Warren A: Because adults generally tend to forget the child within them, it’s something I never want to do.
Warren B: Why?
Warren A: Because it’s a time of innocence, a time of pure-hearted fun. The feeling I get when I’m reminded of a time like that is precious to me.
Warren B: Why?
Warren A: Because it makes me happy. And living a happy life is important to me because why would you want to live life any other way?

2.
Warren A: I work.
Warren B: Why?
Warren A: Because I need money.
Warren B: Why?
Warren A: Because money pays for food, shelter, and fun. Without money life would be difficult.
Warren B: Why (is that important)?
Warren A: Because I don’t want to lead a difficult life. I want one free of monetary stress. Because having more money will ultimately make me happier than not having it. And living a happy life is important to me because why would you want to live life any other way?

…..Okay, I think it sounds better in my head than written out. The idea is that fundamentally, you want to make yourself happy (that doesn’t sound right :/ ). Life is what you make of it and quite possibly THE underlying goal in my life is to be happy in it. And if I have to work hard or sacrifice things to achieve that, so be it. But I do believe you can work hard and still do something fun, something that makes you happy. Which is why I’m a web developer, combining hobby with profession. I wouldn’t have it any other way.

Conclusion
Back to the original issue…on a day like today, where I feel unsettled, I ask myself: Why? Why do I feel this way and how can I fix it? And when I look at my life and it’s fundamental goal of being happy, I don’t think there IS anything to fix. I’m in good health (for now). I’m in a stable, long-term relationship. I have a stable job that I enjoy. I have friends, family, pets. I do have any worries. I don’t have anything to complain about really…So why do I feel unsettled?

The truth is that I can’t come up with anything. So maybe nothing’s wrong.

.
.
.

I took a nap when I got home, after feeling unsettled for about 10 hours. And after a 1 hour nap, I felt fine. Looking at the world through refreshed eyes. Honestly, the only reason I can think of as to why I had this unsettling feeling…was a bad night’s sleep.

So that answers the titular question.

/poor climax is disappointing

Instinctive auto-clicking – 1, Warren – 0

Friday, August 13th, 2010 at 1:50 pm

I wanted to update one of my WordPress plugins (Site Stats) and when I went to updates, saw the words “update automatically” and impulsively clicked it.

It actually updated my WordPress 3.0.1 code….so the site you see how is with regular WordPress 3.0.1, not my WordPress 3.0.1.warren modified code.

The RSS/blog section on the right is messed up, the source is messed up, there are <p> tags and <br />s don’t stack…LOOK at what happens to 4 dots! …. ! that’s fugly.

Need to go home and fix…in 3 hours…grrrr!

Life updates

Saturday, July 31st, 2010 at 1:11 am

WordPress 3.0.1 updated!
Okay…that’s not very impressive.

The problem is that with every update, I have to apply my custom code to the WordPress template.
It’s editing 8 files, 100~ lines of code. I’m trying to figure out a better way to do updates…it’d be awesome to parse the files and do auto replaces…kind of like what WordPress does. But to do that, you have to know what changes…and I don’t really…

Life…has been…off
Aimless rant incoming:
Things have been weird lately. I haven’t been blogging, updating twitter, studying, taking/editing photographs, designing, developing, watching anime, watching anything…basically, I haven’t been doing anything. My sleeping schedule has been screwed up…I’m generally sleeping at 3…waking up at 9:15 (which is pretty late…for a work day). I take 2-3-4 hour naps after work. I recently had a night of insomnia…couldn’t sleep until 5am. Pretty rare for me to do that…it’s usually not very difficult for me to fall asleep but that night, my mind just wouldn’t stop racing. I’m just generally tired…even though I’m not doing anything. My life’s been busy…going out, etc. I don’t walk to work anymore because it’s too hot. Last weekend was my first weekend of unwinding but…I’m still tired. This weekend’s kinda different…still busy though.

Tomorrow I have lunch and dinner with the family…Monday or Tuesday, I’m going to the Toronto Zoo.

The weekend after this, August 7, I’m going to see Jersey Boys. And then…there’s Comicon coming up.
I have a deluxe pass (3 days) and I’m taking the day before and after off (so..Thursday-Tuesday – 5 day weekend).

So busy. I don’t have time to do the things I want (below):

I need a…list…of….like…to do…or something….(in no particular order):
(GREEN: to complete this weekend)
-design new layout for warrenshea.com…like…NOW.
-contact me web form (which shouldn’t take too long)
-decide which of my two EPIC SITE ideas to pursue…and then
-start planning/designing EPIC SITE…
-finish reading Scott Pilgrim
-watch Despicable Me, Kick-Ass (again), Once, Shutter Island, Remember Me (…which only got 28~% on RT…)
-secret project (not the epic site…even more secret!)
-update To Buy list…for comic-con
-take more photographs/galleries – Yoshi, Scarlet Witch, Psylocke, Kakashi, Scheris, Cagalli, Lunamaria, Catwoman, Yuna, Full Metal Panic! characters…
-clean Hamster cage (tomorrow)
-study ASP.NET
-catch up on 6 episodes of True Blood, 1 episode of Hell’s Kitchen, 2 episodes of Futurama
-start reading One Piece manga
-start playing Zelda: Ocarina of time again
-laundry
-watch Transformers DVDs I recently purchased
-watch EXTRAs to DVDs – Battlestar Galactica, Seinfeld, Friends, Transformers
-wear retainer…to fix my teeth…cuz they’re not looking so hot

I need to avoid
-taking naps after work
-sleeping after 2am on weekdays
-drinking…well, enough that it ruins my night…i need to moderate it better/train my terrible alcohol genes
-playing DOTA…hours passing by like nothing…it’s just a fun & addicting game! damn, i feel like playing a game right now…….
-….wasting time on things not on the list above

/i feel so scattered lately…my focus is all over the place…need to cross some of these items off…and focus.