Marzo 6th, 2009 por martin
Listas en HTML
Seguramente recuerden el menú Numeración y Viñetas en Microsoft World. Quizás no tan común pero igualmente visibles son las listas en HTML, al diseñar páginas web. Como en el resto de las especificaciones, hay tags o etiquetas asociadas: <li>, <ul>, <ol>, <dl>, <dd>, <dt> y otras dependiendo del tipo de lista que queramos. Propongo en este artículo revisar las distintas posibilidades.
Listas ordenadas o numeradas
El comienzo y el final de la lista se marca con la etiqueta <ol> de la siguiente forma: <ol> …LISTA… </ol>. Cada ítem de la lista, irá entre etiquetas <li> resultando:
<ol>
<li>Ítem 1</li>
<li>Ítem 2</li>
<li>Ítem 3</li>
</ol>
Leer más »
Marzo 5th, 2009 por martin
JW Media Player en flash
Una gran cantidad de sitios insertan los videos directo de Youtube. Esto resulta muy práctico (se trata solamente de copiar y pegar un código que el sitio brinda) pero poco flexible. Imaginemos que deseamos elegir qué imágen se mostrará como preview, antes de clickear play en el video. No será posible como tampoco remover la marca de agua “Youtube” ni otras configuraciones. La solución es utilizar nuestro propio flash player, uno sobre el que tengamos total control.
De los que estuve investigando, el que más me gustó (y uno de los más elegidos en la web) es el JW FLV Media Player -lo reconocerán en la imágen. Permite elegir una imágen para preview, ajustar las dimensiones del video, configurar el skin, armar playlists y muchas otras opciones a través de su API en Javascript. Soporta archivos FLV, MP4, MP3, AAC, JPG, PNG y GIF. Un recurso totalmente gratis.
Leer más »
Marzo 4th, 2009 por martin
Transparencia con hojas de estilo CSS
Lograr una transparencia al diseñar webs es al día de hoy un requisito. Los navegadores modernos brindan más de una posibilidad; presentaremos en este artículo la forma con hojas de estilo CSS.
La primera aproximación a la transparencia la constituyó el formato de archivos .gif. Si bien abrió un nuevo campo en el diseño, tuvo una importante limitación: un pixel podía ser de color o totalmente transparente pero no tener grados intermedios de opacidad. Surgió tiempo después, para salvar ese impedimento, el formato de archivos .png con su canal alfa (canal de transparencia). Hoy por hoy es uno de los formatos de imágenes más comunes en la web -lamentablemente el Internet Explorer 6 no lo soporta y el workarround no es efectivo.
Leer más »
Marzo 3rd, 2009 por martin
free css templates
El sitio FreeCSSTemplates pone a nuestra disposición cientos de plantillas CSS gratis para descargar. En lugar de plantillas específicas para un CMS (manejador de contenidos, por ejemplo Wordpress), tenemos de forma genérica una hoja de estilos CSS, un HTML básico (lo que podría ser la página principal) y las imágenes.
Una vez con ese material, debemos adaptarlo al script que estemos usando o podríamos desarrollar un sitio HTML plano. Desde luego es necesario cierto conocimiento de diseño y especialmente sobre los motores de plantilla de los distintos CMS para sacarle provecho a este recurso. Algunos ya han sido adaptados y publicados en otros sitios.
Leer más »
