Want to know how the site works?

170110

I remember when I started learning how to program I would scour the interwebs looking for new effects or techniques I had never seen before. When I found a site that had one of the these I would meticulously dissect all the code to understand how it worked and try to replicate it. I remember one of the first sites that blew me away was the original DHTML interface at 13thparallel (we’re talking years and years ago). Up until then I had no idea of the power and things you could with JavaScript.

I spent a long time learning JavaScript (as well as XHTML and CSS) but it soon became apparent that it had its limitations - the big one being data storage. Since JavaScript is client side you can’t store any information about the user. That is when I discovered PHP and MySQL and the same process of finding new things that could be done with them and learning how to do it was repeated.

My point with all of this is that the biggest learning tool for me was looking at existing websites and studying the code. It was a lot easier back then because there were no packers, or other compression tools so it was really easy to just look, read and replicate. The code for this site is packed and compressed to squeeze every last byte out but it doesn’t make it very user friendly.

Therefore in order to help those of you who are currently learning, or those simply interested in how things work around here, I am giving and open invitation to ask me how. If you want to know how the scrolling headers work, video section or even some of the server side code then leave a comment below. The areas with the most interest I’ll write posts with the scripts and a description of what’s going on.

Tags:CSS JavaScript jQuery Michael MySQL Nuemedia PHP Tutorial Wordpress

13 Comments

Add your thoughts

eric

January 20th, 2010 at 3:06 pm

Hi,
Just testing the comment section.

Chief creative Officer | Totally3D

Josh

January 21st, 2010 at 1:56 am

Very well designed site, down to the smallest detail! On your main page how do you get the latest work grayed out when scrolled over? Thanks for the offer to share your secrets.

Thanks.

mikesitefloat.com

January 25th, 2010 at 12:22 am

haha there is so much going on.. i don’t even know where to start! I mean i could probably work out most of these things.. but it just blows me away how much work and effort this this oozes.. haha well done sir

Kevin

January 28th, 2010 at 10:47 am

Loving the interface design, pretty awesome!

joe

January 31st, 2010 at 6:08 pm

Hey Mikey, would love to know how you setup the player on the “Watch we’re watching” button, and how you got it to drop down.

You’ve done a really great job on your site, way to go!

Sebastiancayas.de

February 3rd, 2010 at 9:30 pm

Hi Mikey,
how do you implement the smooth backgroundimage changing and the cool what we are watching section? Is it posible for you to create a nice, in-depth blogpost or tutorial?

Bryan Watson

February 7th, 2010 at 6:02 am

Can’t help but notice that the header image for this post is entitled “Mikey’s Javascript Source Code”.

I’m extremely interested and curious as to how some of the jQuery effects were implemented on your site. It would be a great return to the community if you hosted a non-packaged version of your scripts for your fellow developers to dissect as well.

Lance Korsunlancekorsun.com

February 10th, 2010 at 9:44 pm

I was curious how you posted your “latest blog posts”. Very cool… and I’m trying to add images to each of my posts.. i’m using magpie / workbench to post my “posts”

thanks! Great site! good work!

Mikeynue-media.com

February 16th, 2010 at 2:27 pm

Hi guys, thanks for all you comments.

@Joe @Sebastian Yep they’re things that I’m working on - although it’s proving difficult to find the time at the minute!

@Bryan Yeah that’s a good idea - although learning how to unpack is a valuable skill to have too

Alex

November 19th, 2010 at 4:15 pm

Hey i was wondering how you did the button animations? I was trying to do a similar thing but couldn’t exactly get the right colors etc.

Solid

January 17th, 2011 at 7:36 am

Hey! Mikey,
Nice work you have done!Truely amazing site!! Love the logo font.Could you tell me what’s the name of the font for the Logo on the top?Or is it just created orignal?Thanks!

Solid

January 19th, 2011 at 8:13 am

Hello Again! I’ve noticed that the comment section is pretty awesome too! I want to know what the plugin name for your comment avatar.Thanks!

Wade Dieter

March 1st, 2011 at 4:01 pm

Great ambiance! I love your cool nav bar design and would appreciate some explaination of how you achieve the back lighting effect.

many thanks…

Add Your Thoughts

Post Categories

Latest Tweet

I just spotted this awesome Volkswagen GTI on BP Ultimate Ride 2! Check it out at https://www.bpultimateride.co.za/193

Mon 29 Nov 16:02 via BP Ultimate Ride

nuemedia