This blog is a CNET.com developer blog hosted by Aaron Newton. The purpose of this blog is to get those of us working here at CNET who are doing a lot of client-side (browser side) work using css and javascirpt to share our work.
This blog existed for several months as an internal-only resource, but eventually we realized that a lot of what we’re up to might be interesting to others out there, so we moved it outside our firewall.
Specifically, the idea is to share code, ideas, discoveries, links, and methodoligies in the hopes of consolidating some of our efforts. We also plan to share the javascript frameworks and classes that we author for others outside our network to make use of.
Code
Chunks of javascript, css hacks, or other things that we find about browser behaviors, etc, are likely to get posted.
Methods
Here at CNET we’re still discussing how to manage this code. We need to consider the user experience when they are downloading hundreds, even thousands, of lines of code just to use the page. How do we create a system that allows us to work and not duplicate effort, while at the same time enable the browser to only get the code it needs for the current context?
Discoveries
How many times have you figured out that IE doesn’t like a certain way of writing something? How many extentions to Firefox do you use to make your life easier? What other sites out there are doing really cool work that you find inspiring? Let’s share some of these things.
End game
Eventually our goal is to create common libraries of code, common methodoligies for documentation and implementation, and peer reviews for the client side work we’re all doing. We’ve gotten a great start but we have a lot more work to do.
About Me
Typically, I’m (Aaron Newton) the one doing the posting, but not always. If you have something to share, please post it!
I work in the CNET Product Managers group. I went to school for Jazz Guitar, and am a quick one to say that I’m a hack. I started in the .com thing when Mosaic was around while I was in colledge. I took some graphics courses and started building sites for the fun of it.
My first real job out of college was doing UI design for the web. In 1999 I founded a music web startup called epitonic.com (which, today, looks terrible - don’t judge me, I don’t have anything to do with it anymore) which, oddly enough, CNET funded. I was hired to come build Download.com’s Music site in Dec. 2003.
These days I end up doing a lot of experimental prototype work and working with various groups to help them include UI practices and clientside technologies into their development and product design.
Hi
I really like your site.
It does help me a lot learning JavaScript and mootools which seems to be an excellent framework.
However I want to let you know that I had to hack Debugger.js to get a full screen error display which was done in some minutes ;)
Great work.
Thanks for all that stuff which makes you a better JS programmer.
Looking forward reading the other stuff I hadn’t had time to read yet.
Great work and good stuff to learn. I am looking forward to read as many stuff as I can.
A suggestion: These days video tutorials over website or over youtube are great resources. It would be great to see if there is any video tutorial which can explain things from scratch.
All the best!
Aaron I love the site, you’re a great asset to the community both now as part of the Mootools team and in the past working at Epitonic. I used to be a frequenter of Epitonic.com a few years ago. It was a great site for finding indie musicians to add to my listening list.
Thanks!
I too used to love Epitonic, and studied jazz at college! ( sax )
Thanks for the awesome docs. =)
great stuff! Thanks for putting me onto MooTools, just what I have been looking for.
thank u share ur work to us.:)
can i use this script into commercial website???
Yep: http://clientside.cnet.com/wiki/cnet-libraries#license
Hi,
I am using mootools its wonderfull, but problem was forms are not working in some effects, i am not able to post/request values trough the forms, please suggest/give some ideas.
Thanking you…:)
Praveen, you should go to the forums at mootools.net (http://forum.mootools.net) and post your questions there. Try to give as much detail as possible, and post some code examples of your issues.
The simpleErrorPopup (and similar popups) don’t look right under IE. The left of the image under the caption is shifted up, the caption bar is longer than the box underneath. Basically looks terrible. Unfortunately I don’t understand this stuff well enough to know how to fix it. I love what you have done adding to the mootools! Looks for them in my website in a future release.
Thanks for all you do!
Jeff
This is fixed.
Thanks for publishing this great Mootorial. Without it my start using Mootools would have been much more difficult!
Hey Aaron!
Just trying your Fx. Marquee.js …
great script!!
But is there any possibility to get the fading content breakless…
at the moment it first starts new when the content is out completely…
I need it to be tied together (endlessly).
Would be really cool, if you could help me out!
The way Fx.Marquee works (under the hood) is to re-use the same dom element for each message, just changing the content after it fades out. You might try specifying a shorter transition so that it feels faster…