So I needed a simple fadeIn gallery for one of the sites and it seemed like 5k that Innerfade sports would be a perfectly elegant solution for a simple task.

Everything worked perfectly and I love the way the setup works, very easy, very intuitive, but there was one little problem. When I loaded the page for a short time (before document gets fully loaded) I would have all 5 images (I had 5 images) display in stack vertically. And since these images were in a header it looked very unprofessional.

Here is how I tackled the problem:

1) I used .innerfade as a class name (default)
2) I added a new CSS class “.hidden” with {display: none;} in it.
3) My first image looks like this: <img src=”images/slides/img1.jpg” class=”innerfade” />
4) All consequent images look like this: <img src=”images/slides/img2.jpg” class=”innerfade hidden” />
5) After I initialize innerfade instance I did $(“.innerfade”).removeClass(“hidden”); so when its time for next slide it’s not hidden anymore

Problem solved

There is a wonderful script out there that populates email address, based on three elements passed to it: user, domain and suffix.

That script uses JavaScript to populate the mailto link, therefore making it inaccessible for spammers, which is something to take into consideration, especially if you’re a big corporate company. That is something I had to do for one of our sites.

Script itself is very easy:

<script language=”JavaScript”>
var user;
var domain;
var suffix;
function jemail(user, domain, suffix){
document.write(‘<a href=”‘ + ‘mailto:’ + user + ‘@’ + domain + ‘.’ + suffix + ‘”>’ + user + ‘@’ + domain + ‘.’ + suffix + ‘</a>’);
}
</script>

To populate the mailto link, you use it like that:

<script language=”JavaScript”>jemail(“test”, “mailserver”, “com”);</script>

However, all of the emails are stored as actual email adresses in our DB, looking like test@mailserver.com.

I couldn’t find anywhere online a tool to get those three elements of email address to use in that function, so I had to write it myself. Decided I’d share it with someone who might be looking for the same solution I was looking for.

Here is the code (assuming emailAddress is your DB field for email):

ColdFusion

<cfset user = RemoveChars(emailAddress, Find(“@”, emailAddress), Len(emailAddress))>
<cfset domain = RemoveChars(emailAddress, 1, Find(“@”, emailAddress))>
<cfset domain = RemoveChars(domain, Find(“.”, domain), Len(domain))>
<cfset suffix = RemoveChars(emailAddress, 1, Find(“.”, emailAddress))>

JavaScript

<script language=”JavaScript”>jemail(“#user#”, “#domain#”, “#suffix#”);</script>

Ooh ooh, I am excited, first official, main, true, new day at work that requires my diploma. Confused? Well I tried to confuse you…

Well, I will see how that will turn out, definitely a good thing that I’ve done it before… Somewhat.

Lets do it! =)

*i am so sleepy…*

Just about 20 minutes ago I received a lovely email from a person who decided to remain anonymous for his or her personal reasons that stated the following:

daniil.ca Form Submission

On April 30th, 2008 12:15:15 pm One of Your Classmates from fake_email@letshelpdaniil.com wrote you the following message:

The scroll bar on your Guildwars Flash Site seems glitchy, it follows the mouse even after you let go. I think Adam had a working scroll bar you could build off. Just giving you a heads up

Well, first off – LOL

And here is my response: What a f? Who do you think you are to tell me what to do???

Just joking, here is the real response:

I am well aware of that issue and not surprisingly, this scrollbar WAS based off the Adam’s code, I am no way smart enough to write my own scrollbar from scratch (now would be a perfect time to pamper my esteem and say that I can do even better ). The reason it does that is because the swf is loaded externally and therefore onReleaseOutside listener simply don’t work, because there is kind of no outside because it is always inside (wait, dude, WHAT???). Now, I am sure it is fixable, but here is the reason why it is not fixed – I am lazy. Seriously, though, I might look into that and oh, mysterious stranger, thank you for pointing that out (no sarcasm whatsoever… frankly… none… )

Thanks for visiting my site and I hope you will read this reply and perhaps even reveal your identity. But that’s fine, I like mysteries too

Well the school is officially over and the summer has begun.

I am looking for a job now (I know, I know, I never give myself any rest ) and we’ll see how well that will go.

For now I am working on the design of daintycharm.com and that should be somewhat awesome and I am playing WoW.

cheers and till the next post

First day went pretty well in my opinion and every single portfolio that was presented was simply awesome. I wish I could watch other room’s presentations as well, because I must say there were many talented people in that room for sure!

Tomorrow is a big day, but surely, it will be a lot (or at least a bit) easier just because we had this rehearsal one today.

I am pretty confident in my work, I feel like I spend close to unhealthy amount of time on all of my projects and it should definitely pay off. But the main thing to remember is that my opinion is pretty important too and I think that my efforts are worth a bunch.

I feel pretty tired now and I’ll keep posted.

cheers

I personally like white a lot and enjoy it in my designs especially, when I want to create something that I would see as clean and clear. Now, I appreciate all sorts of colors and love experimenting with them, sometimes to the extreme, so I am not addicted to white.

Many people don’t like white, and especially afraid of “white space” be it on the web page, print or anywhere else for that matter. Justification that is given is that it’s emptiness. White means nothing, empty and boring. And that is mainly because it is such a natural color and we see it every time.

The point I want to make about using white is following. White is not a natural color. It is, perhaps, the least natural color after black. There is nothing pure white or black in nature (and if there is, those are very rare colors), only different shades of it. All I want to say is that white deserves to be treated like a good color just like any other colors, because it is far from being empty, if anything, black should be overrated.

I like white and I think it is great when you know how to use it properly, I sure do hope I will learn some day. I am sure others think alike.

Well on a good note the site is up and looking pretty good in my opinion. Even though you came here from the site most likely, I’ll remind that it’s www.daniil.ca.

Tomorrow is the draft version of the portfolio show. Am I excited? Yes! Am I scared? Not really. I see it as a chance to show my skills and get valuable feedback from my peers. So it’s all good. The Thursday one, on the other hand, will be a bit more stressful fo sho =)

I’l keep you posted tomorrow =)

Well, the site is up and running, it is definitely not in it’s final state, and I do mean that when I say it, I will actually work on it so it will look all finished and polished for the portfolio show.

But what’s important is that I did what I have to within the time limit, and frankly it exceeded any of my expectations, so it’s all good. I still hate myself, just not as much

cheers

I can officially say that I am proud of myself, proud of the tasks I set before myself and proud of accomplishing them within the time limit, considering the fact that there were so many obstacles that had to be overcome.

The site (which I am so proudly talking about) is doing very well and can easily be released to see the light of the day. But I don’t think that will happen any time soon… First off, I want it to be in near-perfect working condition and secondly, I want it to receive criticism, when it deserves it, right now it is still in a BETA stage so to speak. I won’t really do the whole BETA thing that I had with the version 2, because it proved to be useless, so instead, the site will be released to the public when it reaches a final BETA at least.

Till then I keep everyone waiting, most importantly myself.

Good things come to those who wait, or what ever way it goes =)

cheers