JavaScript Archives - Page 2 of 2

By LocalPCGuy on JavaScript, Web Development

Kalypto – jQuery plugin for customizing checkbox and radio button form elements

I’m happy to announce the first public version of Kalypto (former working name, replaceRCInputs) through GitHub:

Demo page here: http://localpcguy.github.com/Kalypto/

Code here: https://github.com/localpcguy/Kalypto

Description: Kalypto is a basic plugin to use a simple sprite and CSS in place of a checkbox or radio button. Styles for the checked/non-checked state should be defined in a stylesheet, and the plugin changes the class and maintains the state of the checkbox or radio button.

By LocalPCGuy on JavaScript, Web Development

JavaScript Resources

There are a ton of free or low cost resources for learning or improving JavaScript skills, and since I had recently gathered some together, I wanted to post them here for anyone to benefit from them. So without further ado:

Short introduction to JavaScript from Mozilla (creators of Firefox)
Another guide from Mozilla (probably some shared info between this and the above link)
JavaScript Essentials (free online book)
Eloquent JavaScript (free online book)
Learn.AppendTo (videos)
Essential JS Design Patterns (free online book)
JavaScript Enlightenment (free pdf ebook)
http://ontwik.com/category/javascript/ (lots of JavaScript videos, probably not for first-time learners, but great for expanding knowledge)
JavaScript in 24 Hours (almost didn’t list this one, it is from 2002, so beware some techniques have been updated. But if you like the “in 24 hours” type books, it’ll teach the basics.)

jQuery (definitely learn JavaScript first, don’t make the mistake of jumping straight into jQuery)

JQuery Fundamentals (free online book on jQuery)

By LocalPCGuy on CSS, JavaScript, Web Development

Border radius inset or inverted rounded corners

At work today I was asked if it was possible to make inverted rounded corners on an element using CSS3, and it was a fun little challenge. I thought maybe I would find that border radius has an “inset” property that can be applied, and the W3C probably should have considered adding that. Ah well, it still turned out to be relatively simple, and I thought I’d document in case it can help anyone else.

Read more