category: header

21
JUN
2015

I was telling someone about the header that I was working on and they gave me another name: The Doodle

Just like the Google Doodles, this doodle is always changing and since it’s based on time it works out! As you can in the current version of the header (of this post) the doodle is now showing the sun and the sun will set and the color gradients will change based on when the sun shows up based on my location here Brooklyn, NY until I feel the geolocation code works correctly. Neat huh? I’ll be publishing a case study of how the code works in the near future as one of the on-going series of posts that I will write.

So for now, enjoy the doodle, and look forward to even more improvements!

18
JUN
2015

The Header

Posted by Shane

So with the new found technologies of CSS3 gradients, etc. and the re-launch of this site, I been working on converting my header that was originally flash to CSS3/Javascript/jQuery. This way the header (if you remember) that is based on your location (if you shared that information) changes to the right “time of day” and will for every second change (as time does) based on the actual timer periods of your location. read more ‘The Header

18
SEP
2010

Header is now CSS3/HTML5

Posted by Shane

I get a lot of complements on my flash header. Particularly the second by second update of the “gradient tween” that goes between that syncs up with the real time of day. So as you are reading this now, look at the header on my site (Flash enabled?). Does the time period pretty much match what is outside at the moment? It should be pretty close to what your experiencing outside.

This 24-loop header is great because you also see the stars “rise” and “set”, different seasons, and even the animated butterflies that pop out during the summer time. Overall the header is the most advanced thing that I can find on the web that does this type of animation. There is one catch to viewing this header: You have to have flash enabled and/or be on a flash compatible device. Do’h!

read more ‘Header is now CSS3/HTML5

30
SEP
2009

One of the problems using the flash date function is that if you need to manually test a time period and ‘start’ from a certain time there really is no ‘built in’ function to force the date function not to use your system clock. I was getting frustrated that I could set the starting clock. That would still work for me to see how either the sky was being set or how many stars would appear at night time, but I needed to keep the internal clock synced as I had a lot of time checks for star removal towards the early morning period. So I cam up with a solution which I will show you how. read more ‘Internal Date Class ‘Debug’

14
SEP
2009
09
SEP
2009
07
SEP
2009

As the lyrics to Twinkle Twinkle Littler Star go:

Twinkle, twinkle, little star, How I wonder what you are! Up above the world so high, Like a diamond in the sky.

This is now true for my flash header. After three days of looking for the perfect star animation and designing the very complex code that will add stars in intervals (or all at once if it has gotten to that point) or to remove the stars in intervals (or all of the stars if it has gotten to that point).

read more ‘Twinkle Twinkle Little Star: How I wonder what you are!