Discover cascadingStyle

JavaScript

Smart(er) TinyMCE Configuration for Drupal

A WYSIWYG editor can be a blessing and a curse on a Drupal site. Give your users too much control and they'll make right-aligned, purple h1 tags inside of three levels of tables they made.

Still, users expect to be able to control basic formatting, link to nodes within their own site easily, and easily link images and documents.

With the help of four modules, you can craft a great experience for your users. I'll show you how to build this using TinyMCE, which I use on all my Drupal implementations.

We're back from Boston DrupalCon 2008 and busy catching up with everything else. The site that I'm using this technique on will launch soon, but I wanted to share it now. Also, check out my Technorati Profile!

Drupal's Image module provides you with a pretty no-frills image gallery out of the box. In a site I was recently building, I wanted to present large imagery, but my main content column inside the site was somewhat cramped, and so I decided that some sort of Lightbox / Thickbox effect was in order to present the images to the user.

Luckily, with two extra modules and changing a single line of template.php code, you can get your gallery up and running with Lightbox.

$ versus $ (or "Battle of the JavaScript Libraries")

Anyone familiar with recent trends in JavaScript as it relates to web development has probably heard of either jQuery or Prototype.

They're both very useful JavaScript libraries. I've done a little tinkering over the weekend, and I think that jQuery looks to be my favorite of the two. I've gone so far as to install jQuery in this WordPress theme and do a little tinkering. My first demo is very simple, but easy to implement: hover over any link in the meta-information above this post, and you'll see a gradual fade in the color from a lighter grey back to the original.

You Know You're A Web Geek When...

You get photo posts working from your smartphone, and you don't think "Man, that's amazing!" but rather:

  1. They're using align="right"? Why not put that logo paragraph first and set it to float: right instead?
  2. I wonder if I can Lightbox those images automatically.

Mini-Update: After visiting every web designer's best friend, the W3C Validator, I have a few more comments.

  1. ShoZu is a cool app, but it leaves off alt tags by default. No chance of validating the homepage without that.
  2. This theme also has one validation error all its own. My next milestone in this blog's existance will be to get it validating.
Syndicate content