El Comercio Digital

Webmaster Libre

Desarrollo Web con Software Libre

Estás navegando por el archivo de la categoría (x)HTML

Plantillas CSS de Dynamic Drive

Parece que la gente de Dynamic Drive quieren sumarse a la familia de sitios que ofrecen plantillas CSS para descargar.

Dynamic Drive Layouts

Dynamic Drive Layouts: http://www.dynamicdrive.com/style/layouts/

Via Ajaxian

(x)HTML, CSS, Recursos

Comenta

Más plantillas libres

Hace tiempo conocíamos un par de sitios donde descargar plantillas en XHTML y CSS libres, hoy gracias a Online os dejo unos cuantos más:

(x)HTML, CSS, Recursos

3 Comentarios

8 pasos para servir un (X)HTML mejor

Tantek Çelik nos sugirió a primeros de agosto una lista de 8 puntos que deberíamos verificar para generar un código XHTML mejor:

  1. Valida tu código
  2. Elimina los diseños basados en tablas e imágenes espaciadoras
  3. Deshazte de los <meta> keywords
  4. Mejores nombres para las classes
  5. Elimina el exceso de bloques grandes de espacios en blanco
  6. Haz uso de rel y de hreflang cuando uses un idioma diferente
  7. Reduce el código comentado
  8. Usa el microformato hCard

Podéis seguir leyendo en el artículo original de Tantek (en inglés): 8 steps for serving better (X)HTML o la traducción al castellano realizada por Daniel Torres Burriel: Ocho pasos para servir buen XHTML

(x)HTML

2 Comentarios

5 elementos HTML que probablemente no usas…

…Pero quizá deberías

En en blog de SEOmoz han publicado un interesante artículo con cinco etiquetas html que no siempre usamos pero sirven de mucho: adress, q, optgroup, acronym o abbr y fieldset y legend.

5 HTML elements you probably never use (but perhaps should)

(x)HTML, Enlaces

2 Comentarios

Bookmarklet para la retícula de maquetar

El mes pasado en Intenta, se nos apuntaba un truco para maquetar nuestras páginas. Colocar una retícula como fondo, una solución simple pero eficaz para comprobar esas diferencias entre navegadores en nuestros diseños.

A pesar de ser una solución inteligente, para muchos es un incordio ir modificando el css cada vez que haya que comprobar algo, por eso Andy Budd ha creado un bookmarlet que, con un simple click aplica la rejilla a las páginas.

Layout Grid Bookmarklet

(x)HTML, CSS, Miscelaneos, Recursos

Comenta

S5 presentaciones online a la Eric Meyer

Hace ya algo os había comentado la existencia de HTML Slidy, un sistema bastante simple para generar presentaciones tipo Power Point con XHTML, CSS y Javascript que se pueden reproducir en cualquier navegador.

Captura de pantalla de S5 en funcionamiento
S5 es un sistema similar, creado por Eric Meyer, que cuenta con bastante más documentación y ayuda que HTML Slidy, además de existir varios themes para escoger, más cómodo imposible.

S5: http://meyerweb.com/eric/tools/s5/

(x)HTML, CSS, Javascript, Scripts

3 Comentarios

sIFR: Reemplazo dinámico de tipografías con Flash

El universo está lleno de preciosos tipos de letra, lamentablemente el uso de tipografías personalizadas en la web está francamente limitado. No existe un método fiable de garantizar que el usuario ve la tipografía que queremos que vea ya que estamos supeditados a las fuentes que tenga instaladas en su sistema.

Durante muchos años, los diversos navegadores han ido haciendo experimentos con tipografías descargables y artimañas similares pero su implementación es irregular y se hace desaconsejable.

Cuando lo que queremos es utilizar fuentes personalizadas para pequeños detalles en el sitio es francamente simple hacer un reemplazo con imágenes pero, ¿qué pasa cuando necesitamos reemplazar, por ejemplo, los títulos de las entradas de una bitácora? ¿Crearemos uno por uno todos los títulos como imágenes y haremos un reemplazo manual?

Logo sIFR

sIFR nos sale al rescate para esos momentos, ofreciéndonos una forma dinámica de conseguir encabezados con algo más de estilo.
(más…)

(x)HTML, Javascript, Recursos

5 Comentarios

Listado rápido de entidades XHTML

Seguro que tienes algun papelillo o documento con las entidades (x)HTML que más utilizas, incluso puede que algunas las hayas memorizado pero seguro que le sacas partido a una referencia rápida, visualmente agradable y excelentemente organizada.

XHTML Character Entity Reference por Jim Rutherford autor de Digital Media Minute

(x)HTML, Miscelaneos, Recursos

1 Comentario

Plantillas Libres

Si estás buscando plantillas en (X)HTML y CSS que puedas destripar, modificar, utilizar a tu gusto y redistribuir según mejor te convenga, seguro que estas dos páginas se hacen un hueco en tus favoritos.

Open Source Web Design LogoOpen Source Web Design:

http://www.oswd.org

Decana en este tipo de páginas, fundada en el año 2000.
Actualmente pone a nuestra disposición 1688 diseños.

Open Source Templates LogoOpen Source Templates:

http://opensourcetemplates.org

Destinada a organizaciones sin ánimo de lucro, aunque sus plantillas están publicadas bajo licencia Creative Commons (atribución) lo que nos permite utilizarlas a cualquiera.
De momento ofrece pocas plantillas pero de bastante calidad.

(x)HTML, CSS, Miscelaneos, Recursos

3 Comentarios

Resumen de compatibilidad con los estándares web de los navegadores

Ya lo sabemos, no todos los navegadores son igual de compatibles con los estándares web, pero no siempre sabemos hasta qué punto.

Web Browser Standards Support es un completo estudio de compatibilidad de los navegadores Firefox, Opera e Internet Explorer, centrada en las tecnologías CSS, HTML, DOM y ECMAScript.

Via Pixel Groovy

(x)HTML, CSS, Codigo, Javascript, Navegadores

Comenta

Información:

Webmaster Libre es un blog de Alma Fernández Página alojada en Redcoruna