I've been looking for ways to simplify my CSS development constantly.  I recently made the switch to using Compass/SASS full time in all of my projects due to its simplicity and more importantly the fact that you can create a base template for all of the wild CSS3 effects that require 5 different lines for each browser.

PayPal is a great convenience for me and a lot of others.  Unfortunately, their website user experience sucks.  Why do I need to search Google to find the pages I need on PayPal.com?

If you're selling online and have PayPal buttons created, you better bookmark the "My Saved Buttons" page, otherwise you're going to need to go five pages deep and find this small link when you want to get back to the list:

EDIT 2/2/2012: Google likes to randomly change the CSS/page structure of the Realtime Analytics page.  You can always get the updated version at the demo page I have set up (since I use it for the TV display at work and fix it when it breaks).  It has changed twice so far since this post.

I recently discovered the greatness that is adapt.js, or Adaptive CSS.  In a nutshell, it's a javascript tool that allows your website to activate different CSS files based on the user's current browser window size.  

I feel starting out as a person who makes websites today is different than it was 12 years ago when I started.  Back then I had literally no guide and I was a middle school student.  Somehow, I pulled through and that experience is an interesting thing to look at now that I'm a little older.  Compared to some I am still a beginning web developer, but I now do it professionally and make a living with it.

Here is a list of things I'd recommend to anyone starting out on the path of web development.

I had an issue with a multi-page form recently where Internet Explorer would go back a page immediately upon hitting the backspace key.  If you accidentally do this while not in a text field you'll lose your form data.  Other browsers actually ask you if you want to resend data when you go back.  The solution was to disable the backspace key on my form page.  I accomplished this with the following Javascript (requires jQuery):

If you need a way to redirect webform submissions to a dynamic URL in Drupal 6, using the Webform PHP module can work well with Webform 3.x.  I recommend only using post processing conditionals on select fields if possible with Webform PHP since you need to enable the permission to "use PHP for additional processing" for users who submit webforms (typically anonymous).

Here's the process:

DrupalSN posted a nice guide to styling exposed View dropdown menus with a JQuery plugin and some stylish CSS.  The guide there worked perfectly except for the step where he hid the submit button.  I changed this:

.views-exposed-form label,
.jquery_dropdown_page .views-exposed-form .form-submit {
  display: none;
}

to this:

A List Apart's survey results about people who make websites for 2009 has just been released and it contains a wealth of fascinating statistics about the web development / design field.  Over 20,000 people participated in the survey and it has things like education, gender, salaries, age, seniority, and many more metrics.