Intelligent Select Box Filtering
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. […]
Posts tagged advanced:
Cross-Browser Rounded Buttons with CSS3 and jQuery
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. […]
Test for Border-Radius Support
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. […]
Show Your Google Analytics Top Content in WordPress
If you’re a typical blog owner, one of your biggest goals is to keep visitors browsing your site. One good way to do that is by showing off your most popular posts. Here’s a way to show your Top Content from Google Analytics on your WordPress blog by piggybacking on an existing plugin. […]
Build a Bare-Bones WordPress 2.8+ Widget
WordPress widgets have been around for quite some time, but the way they were developed changed with WordPress 2.8. This tutorial walks you through building one from scratch. […]
Advanced jQuery Tabbed Box Techniques
Last week’s article covered how to build a tabbed box interface, starting with Photoshop, and moving through XHTML and CSS to our basic jQuery functionality. If you missed it, I would highly recommend starting your reading there. This article will show you how to use jQuery to make your tabbed interface more attractive and interactive. […]
Show/Hide Content with CSS and JavaScript
There are plenty of reasons why you might feel the urge to wax verbose on your website’s front page: to prevent your users from having to click through to a new page to find your information, to avoid having to reload the page, or even to improve your front page’s SEO. But just because your front page is text-heavy doesn’t mean it all needs to be visible at once. […]
The CSS-Only Accordion Effect
Update: I’ve created an advanced version of this technique that works in IE6! Read more here.
The Accordion Effect is fast becoming one of the most commonly used (and perhaps abused?) effects of the Web 2.0 world. Most JavaScript frameworks […]
Perma-Closing Message Boxes with JavaScript + CSS
Earlier this week I talked a bit about message boxes – how to style them and position them on your page to get them noticed. But a message that pops up every single time your website is loaded could get […]
Harnessing CSS Positioning: Part 1
Earlier this week, I explained the basics of CSS positioning: what it is and what your options are. Now I’d like to take some time and explain a couple of tricks for using positioning in the real world… stuff that […]