Textpattern hacks

Written at 17:15, on Friday 7 October 2005. Tags: accessibility usability webdesign website .

This is just a collection of hacks I’ve implemented for my Textpattern installation, and a note on update management..

  1. Fix the tabindex for comments. A proper tabindex ensures that you can fill out the comment form quickly by using the keyboard’s TAB key to jump from input field to input field. Unfortunately, Textpattern doesn’t specify a tabindex for the preview or submit buttons. Jared has the solution.
  2. Installed the super archive plugin for Textpattern to create the archive.
  3. With the ob1_title plugin I’ve adjusted the title tags to reverse the default format. Titles are displayed as “article title | site name”.
  1. Installed the Live Comment Preview plugin (via John Hicks). I made two little changes though: I removed the <div class="comment"> and the <p class="author">. They were unnecessary and were screwing with my stylesheet. I also added the <label> tags for the checkboxes, which improves accessibility and usability.

Textpattern update management

And finally, a word on update management. Since I use Dreamhost (domain transference still in progress1), I’m able to login with SSH and update my files locally on the prompt. This is über-geekiness but it also allows me to make a Subversion checkout of Textpattern like this (make sure you cd to the proper domain directory first):

svn co http://svn.textpattern.com/development/4.0/

This will create a live checkout from the latest stable branch of Textpattern. Then it’s very easy to locally modify the files, wether by using VIM in the shell or by using FTP and my local editor. Upgrades are as easy as this:

svn up

This will fetch the remote updates and merge my local changes. I can even svn remove setup so that the setup files are not added again. In short, I can apply the basic workcycle with Subversion. Very nifty.

1 Well, there are still problems with adjusting the DNS servers on Lycos, so for now I’m using a .htaccess which simply redirects everything to jeroencoumans.dreamhosters.com:

RewriteEngine On
RewriteRule ^(.*)$ http://jeroencoumans.dreamhosters.com/$1 [R=301,L] 

Comments closed |

From the portfolio

  • Gebruikstarief web applicatie

About this website

My name is Jeroen Coumans, I'm a freelance web designer, front-end developer and Drupal ninja from the Netherlands. I love to create beautiful, usable and accessible websites. On this website, you can find my portfolio as well as my personal weblog. Interested in hiring me? I'd love to hear from you.

After completing my BA in Arts and Culture I'm now doing a MA in Communication and Multimedia Design. More …

Elsewhere

Improve your jQuery - 25 excellent tips

"I'd call myself an "intermediate" jQuery user and I thought some others out there could benefit from all the little tips, tricks and techniques I've learned over the past year. "

Add comment | Visit site …

On UI Quality (The Little Things): Client-side Image Resizing

Some (non-standard) CSS declarations can really increase the quality of resized images in Internet Explorer.

Add comment | Visit site …

Plausible Labs - Peeps

"Visually organize your contacts with Peeps — the application that turns your address book into an animated photo album!"

Add comment | Visit site …

CSS Tables for layout are A Bad Idea.

When will we get a CSS layout solution that doesn't require adding unnecessary HTML markup?

Add comment | Visit site …

Distortion Icon Set

Free, grungy icons. Pretty sweet.

Add comment | Visit site …

Checklist online marketing voor webwinkels

(dutch) Aardige lijst met aandachtspunten, voor, tijdens en na de ontwikkeling van een webwinkel.

Add comment | Visit site …

Pirates of the Amazon Documentation

""Pirates of the Amazon" was an artistic parody, part of our media research and education at the Media Design M.A. course at the Piet Zwart Institute of the Willem de Kooning Academy Hogeschool Rotterdam, the Netherlands. It was a practical experiment on interface design, information access and currently debated issues in media culture. We were surprised by the attentions and the strong reactions this project received. Ultimately, the value of the project lies in these reactions. It is a ready-made and social sculpture of contemporary internet user culture. "

Add comment | Visit site …

De volgende generatie corporate website

(dutch) Trend die zeer zeker niet specifiek is voor de corporate website, maar iets is dat we al een aantal jaar kunnen signaleren met de opkomst van widgets en het Web 2.0 principe van "Data als de nieuwe Intel Inside": "De gedachte van een portal waar traffic naartoe moet worden geleid, maakt plaats voor de gedachte dat je moet zijn waar de doelgroep is. De corporate website versplintert en men zal de komende jaren meer en meer zien dat kernfuncties buiten de eigen websiteomgeving te gebruiken zijn. Daar waar de aanwezigheid op het web nu is beperkt tot de eigen website, zullen er meer en meer ‘outposts’ op het web worden gecreëerd door bedrijven."

Add comment | Visit site …

DD_belatedPNG: better PNG background-image support in IE6

"If you attempt to use a 24-bit translucent PNG image as a background image or as an <IMG/> element's SRC attribute, IE6 yields an unsightly grey (sometimes greenish) background behind the image's translucent colors. Using the MSIE AlphaImageLoader filter to fix the grey background issue renders both background-repeat and background-position unusable! This script reclaims all your background positioning controls by avoiding AlphaImageLoader, AND fixes the grey background issue!"

Add comment | Visit site …

Ten Recipes for Persuasive Content

"In many of my columns, I have touted the importance of persuasive, or influential, content and shared relevant theories and arguments, sprinkling in some practical tips and examples along the way. This column brings together a collection of practical tips, or recipes, for persuasive content. " Note how the article itself is also very persuasive and uses its own tips. Very nice!

Add comment | Visit site …

Subscribe

Or choose one of the single feeds:
Journal feed | Elsewhere feed