Manipulating the UI style or CSS at runtime is a very common project. With plain JavaScript, adding and removing CSS classes or inline stylings of the matched element can be tricky. Luckily, jQuery has some inbuilt methods to make this […]
Read Article
I am unabashedly and unreasonably fond of pixel art. To that end, I’ve created a simple jQuery plugin that can turn a JavaScript array into CSS pixel art. […]
Read Article
One design technique I’ve always enjoyed is highlighting the row and column of any cell that the user hovers over. Highlighting table rows is easy, but columns are hard. Or so I thought. Using table cols vastly simplifies the process. […]
Read Article
These select boxes all contain the exact same security question. However, each question can only be selected once — we’re using jQuery to remove selected questions from all the other dropdowns. […]
Read Article
I was tasked with replacing several dozen Photoshop-generated rounded buttons on a large site with a flexible HTML/CSS/JS equivalent. I wanted it to be simple and leave the code as clean as possible. It also needed to work in all modern browsers. This is my solution. […]
Read Article
Rounded corners with border-radius are nice… when they work. Unfortunately, not all browsers support border-radius yet. Here’s a simple script that will let you test for border-radius support using jQuery. […]
Read Article
I have trouble with JavaScript array and array-manipulation. JavaScript lacks a specific foreach contstruct, which trips me up. Here’s how to fake it. […]
Read Article
Larger clickable areas make for greater usability and a higher click-through rate. Here’s how to expand a clickable area to an entire list item using jQuery. […]
Read Article
Happy 2010, readers of CSS Newbie! This year, more than a quarter million people stopped by, visiting more than half a million pages. Here are the Top 10 CSS Newbie Articles of 2009. […]
Read Article
While they say a picture is worth a thousand words, not every image is self-explanatory. Sometimes a few words of description or context can make the difference between a confusing image and a clarifying one. That’s why image captions are often a good idea. […]
Read Article
I am unabashedly and unreasonably fond of pixel art. To that end, I’ve created a simple jQuery plugin that can turn a JavaScript array into CSS pixel art. […]
Read Article
One design technique I’ve always enjoyed is highlighting the row and column of any cell that the user hovers over. Highlighting table rows is easy, but columns are hard. Or so I thought. Using table cols vastly simplifies the process. […]
Read Article
These select boxes all contain the exact same security question. However, each question can only be selected once — we’re using jQuery to remove selected questions from all the other dropdowns. […]
Read Article
I was tasked with replacing several dozen Photoshop-generated rounded buttons on a large site with a flexible HTML/CSS/JS equivalent. I wanted it to be simple and leave the code as clean as possible. It also needed to work in all modern browsers. This is my solution. […]
Read Article
Rounded corners with border-radius are nice… when they work. Unfortunately, not all browsers support border-radius yet. Here’s a simple script that will let you test for border-radius support using jQuery. […]
Read Article
Larger clickable areas make for greater usability and a higher click-through rate. Here’s how to expand a clickable area to an entire list item using jQuery. […]
Read Article
