Temas básicos para WordPress hechos con HTML 5

Blank, bare-bones, naked, themes, or whatever you prefer to call them, are a life-saver for developers who have to build WordPress themes on a regular basis. They are basically stripped-back themes that have had all of their surplus non-essential code stripped away, leaving only the bare necessities and a fantastic starting point for any new project.10 HTML5-Ready Blank, Bare-Bones and Naked Themes for WordPress

Una colección de temas para WordPress hechos siguiendo HTML5 y con la gracia de estar completamente desnudos, es decir, son la base para crear tu propio tema sin tener que empezar de cero.

Técnica CSS para pies de página

El buenazo de Paul Boag nos remite una técnica muy interesante usada por Ed Merrit, uno de sus diseñadores en Headscape, para hacer pies de página fijos sin javascript, que se queden hasta abajo de la ventana si el contenido es corto, pero que se muestren abajo del contenido si éste es largo.

Usando las propiedades position: fixed; bottom: 0; puedes lograr que el pie de página se quede anclado a la parte inferior de la ventana, pero no se moverá con el contenido si éste es más alto que la ventana. Generalmente el problema se resuelve usando javascript: lees la altura del contenido, lo comparas contra la altura de la ventana y aplicas el posicionamiento que corresponda.

Sin embargo no siempre es conveniente usar javascript ya que puede estar deshabilitado, es una lata asegurarse que funcione en todos los navegadores y siempre es más recomendable resolver un problema de presentación usando css puro.

La técnica mostrada es puro css y dice como sigue:

html


<div id="contenedor">
<div id="contenido"></div>
<div id="pie"></div>
</div> 

O sea, creamos una capa que rodée al contenido y al pie.

css


*, body {margin: 0; padding: 0;}
#contenedor {display: block; position: absolute; min-height: 100%;}
#contenido {display: block; margin-bottom: 3em;}
#pie {position: absolute; display: block; bottom: 0; height: 3em } 

Si tienes experiencia usando css seguro que habrás pensado “¡ajá! esto no va a funcionar en IE6” y tienes razón.

Para que funcione hay que poner:

body, #contenedor {height: 100%;}

de preferencia en una hoja de estilos separada llamada mediante comentarios condicionales.

Y ahí lo tienen, eso es todo. Hay algunas consideraciones que se cubren en la página original, pero los invito a experimentar con esta técnica.

El diseñador web empleable

Andy Rutledge toca un punto importantísimo en su blog, y es el de la empleabilidad de un diseñador gráfico como diseñador web. Andy externa de mucho mejor manera que yo lo podría hacer algo que yo he tenido muchas ganas de tratar, y es el de que ser diseñador gráfico no lo capacita a uno para ser diseñador web. De hecho estas dos actividades a veces poco tienen que ver entre sí.

En El diseñador web empleable Andy se enfoca en la preparación que las instituciones de educación superior dan a los diseñadores gráficos, por que crée él que es deficiente cuando se trata de diseñar sitios web y, lo más importante, las cosas que un diseñador debe conocer como requisitos mínimos para emplearse como diseñador web divididos en cuatro áreas: la interacción profesional, fundamentos de la actividad, comprensión de negocios, y habilidades tecnológicas y del web.

Pienso que Andy ha dado enteramente en el clavo. Muchos diseñadores gráficos piensan que están calificados para crear sitios de internet cuando en verdad no conocen el medio ni sus posibilidades/limitaciones tecnológicas. Es cierto que no es necesario que se conviertan en gurús de programación php o sql, pero una buena comprensión de las tecnologías subyacentes como html y css son indispensables para que una persona pueda considerarse diseñador web. Tristemente veo que poco o nada se toca este punto en las escuelas de diseño. Y triste también que en las escuelas que pretenden enseñar web poco o nada se tocan los principios básicos de diseño gráfico, entre otras deficiencias.

El diseño web debe considerarse como una disciplina separada del diseño gráfico, de la misma manera que el diseño industrial o el diseño de interiores. Las dos requieren de un conjunto de habilidades y conocimientos distintos, en muchos casos apenas relacionados.

A pesar de que se requieren conocimientos de los fundamentos del diseño en partes del sitio, específicamente en la interfaz, tecnologías como la web móvil, lectores para ciegos, RSS, APIs, microformatos, etc. exigen ya que se piense más allá del diseño gráfico a la hora de crear un sitio web. Y conforme la tecnología avance creando nuevas maneras de uso para un sitio web estas diferencias se harán más pronunciadas.