Mis snippets en TextMate

Les dejo una recopilación de mis snippets favoritos en TextMate. Para los que no están enterados de que es TextMate, es el mejor editor que existe para Mac OS X, pero de lejos. Para editar un snippet o crear uno basta con ir al menú Bundles > Bundle Editor y ahí escoger la opción Edit Snippets. Saldrá esta ventana con una lista impresionante de Snippets que se activan de diferente forma, sea por comandos de tabulador o combinaciones de teclas:

Luego, escogemos la sección HTML y donde dice Table (table) pegamos este snippet que me hice para generar tablas de forma automática:

<table border="${1:0}"${2: cellspacing="${3:0}"}${4: class="${5:some_text}"}>
    <thead>
               <tr>
                       <th>${6:some_text}</th>
                       <th>${7:some_text}</th>
                       <th>${8:some_text}</th>
               </tr>
       </thead>
       <tbody>
               <tr>
                       <td>${9:some_text}</td>
                       <td>${10:some_text}</td>
                       <td>${11:some_text}</td>
               </tr>
       </tbody>
</table>

Para no quedarnos cortos a la hora de generar nuevos TH, TR y TD les dejo también los otros snippets que he programado, simplemente seleccionando uno de la lista y presionando el ícono ++ podemos duplicar uno hecho y pegar dentro lo que queramos:

Para los TH de nuestra tabla:

<th>${1:one_text}</th>

Para los TR de nuetra tabla:

<tr>
    <td>${1:one_text}</td>
    <td>${2:one_text}</td>
    <td>${3:one_text}</td>
    <td>${4:one_text}</td>
    <td>${5:one_text}</td>
</tr>

Para generar más TD en nuestra tabla:

<td>${1:one_text}</td>

Uno que uso seguido:

<div class="clear"></div>

No se imaginan la cantidad de snippets que tengo ya para acelerar el trabajo y estar más cómodo. Por ejemplo, este es un snippet que me hice, que se activa escribiendo alink+Tab:

<a href="${1:some_link}"${2: class="${3:class_name}"}${4: title="${5:some_title_here}"}${6: rel="${7:start/chapter/section/category}"}>${8:some_text_here}</a>

Genera un enlace con todos sus atributos, uno los va borrando o cambiando mediante tabulador… va perfecto.

¿Tienes snippets que sean de interés? ¡Compártelos!