Form field hints with CSS and JavaScript (Ask the CSS Guy) My co-workers pointed out a nice effect on the Vox registration form. As you tab through each input field, some helper text appears in box out to the right. Try it out. Update (4/20/2007): It has been pointed out that Vox has changed their form, and it no longer uses this effect. Vox Registration Form It’s a basic example of how helpful a little JavaScript and CSS can be in a form. View demo; Download zip The HTML We’ll start with a simple form. <dl><dt><label for="firstname">First Name:</label></dt><dd><input name="firstname" id="firstname" type="text" /></dd> ... more <dt>'s and <dd>'s ...
Immediately after each input field, add a span with a class of hint and create a hint for each input, like so: <dl><dt><label for="firstname">First Name:</label></dt><dd><input name="firstname" id="firstname" type="text" /><span class="hint">Use your real name! View what we have so far – an unstyled form. Some CSS Let’s give this form some style. It’s coming along.
See how it looks. The JavaScript. Gmail Tips - The Complete Collection. Gmail Beta: First Impressions The other day, I received an "invitation" to beta test Google's new "Gmail" email service. After having tried and used literally dozens of web-based email services over the years, I decided to see what the buzz was all about, so I followed the Invitation instructions, and within a couple minutes, I had a new Google Gmail account. After working with this account for several days, I have discovered some things that I like about it as well as some things that I don't. Read on for the lowdown... First off, please note that this article is based on the pre-release beta of Gmail, so presumably, the public release will have additions, changes, and improvements. Webmail While Web-based email is nothing new, Gmail introduces some new and unique concepts. But why use Webmail when I have a good client in Outlook?
I'm going to first walk you through some of the "features" that make up Gmail. Advertising Let's start off with the "tough" issue first: Advertising. Logging In. Downloads. FitVids.js A lightweight, easy-to-use jQuery plugin for fluid width video embeds. Download Files View Demo Convert a Menu to a Dropdown We'll create a dynamic menu that converts to a dropdown when viewed on a small screen.
Download Files View Demo Better Linkable Tabs Each tab will have it's own URL for linkability and we'll solve a few common problems that come up. Download Files View Demo Anything Slider jQuery-based slider with lots of features: hashtag linking to direct slides, "infinite" sliding, easing, dynamically built (any number of slides), multiple navigation systems, API, and more... Download Files View Demo Slide To Unlock Like the iPhone's homescreen, the slider must be dragged from left to right to unlock. Download Files View Demo Organic Tabs Click the tabs to swap out content below, but the area fluidly adjusts in size to the new content, rather than jerk up or down.
Download Files View Demo Google Maps Slider Download Files View Demo jQuery Accordion Widget with CSS Sprites Moving Boxes. 7 Wii tricks Nintendo doesn't tell you | News | TechRadar U. The more complex consoles become, the more weirdy-beardy secret functions are squirreled away inside of them, and Nintendo's latest is no exception. While most of the Wii's Easter Eggs are specific to certain games - there's a whole trove of 'em in Wii Sports alone - here's seven of the best for the console itself. 1. Email a chum's Wii You'll need to have a record of those damnably unmemorable friend codes for anyone you want to mail, but once you do it's simple: just drop a message to w[friendcode]@wii.com.
For instance, w1234567891011@wii.com. 2. Add a smooth, constant blue glow to your Wii The blue lighting around the disc slot normally only glows when the Wii's got some sort of announcement for you, and disappears once you've read it. 3. If you're downloading something from the Wii shop - be it a new channel or a virtual console title - have a gander at what the Mario animation in the progress bar is wearing. 4.
Unlock a hidden hardcore mode in the Photo Channel's jigsaw mini-game. 5. Speedup Windows XP in Minutes! | Mobile Pedia. It's not always wise to upgrade your hardware every time you feel your computer is getting slow. In fact, Microsoft's operating systems slow down a PC when you have lots of programs installed. In this tutorial I will tell you some easy tricks to get most out of your hardware. 1. Disable extra startup programs Several items add up to the start up list when you install different software. Goto Start>Run Type "msconfig", without quotations Hit enter key or click the OK button A window will show up, you have to click the startup tab, as shown in the figure In the Startup tab you will see several boxes and some of them will selected (checked). 2.
On menu opened by msconfig command, there is also another tab for Services. 3. XP has a very cool looking user interface, but it consumes a certain amount of memory. 4. Different third party widgets and visual styles like for Vista like look and feel make your system slow. 5. 6. Windows XP comes with a very heavy and not so good "Indexing Service".