HTML

Format Wordpress posts from the last week with better excerpts

At work we send a weekly newsletter that has a summary of our blog posts from the last week.  As our blog has grown, this task has started to take a lot more time to manually format each post title and excerpt.  Seeking to automate this process was a goal of mine, as our main post listing is not easily formattable into a newsletter text block without editing.

Font sizing in CSS: em vs. px vs. rem

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's User Experience Sucks

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:

Hacking Realtime Google Analytics for TV Display

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.

Using Adaptive CSS to create mobile-friendly pages

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.  

Tips for beginner web developers

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.

Using Drupal Webform submission data

Disabling the backspace key on a page with jQuery

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):

Redirect webform submissions to a dynamic URL in Drupal 6

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:

JQuery Dropdown Menu Styling in Drupal

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:

Syndicate content