Selectores de atributo
CSS nos da la posibilidad de asignar reglas de estilo a todos los elementos de nuestro documento.
La ventaja de estos selectores es que es una forma potente de dar estilo a nuestros elementos y, al mismo tiempo nos permite discriminar enormemente nuestras reglas sin necesidad de inundar nuestro código de clases para la presentación.
Pack de fuentes elegantes
Diego Matei publica un pack con 100 fuentes de estilo elegante.
Las fuentes tienen un excelente diseño, y son ideales para proyectos con un estilo sobrio y elegante.
Te recomendamos que hagas una visita a su blog, pues aparte de este estupendo pack de fuentes tambien podras encontrar otros interesantes recursos graficos.
Enlace: Diego Mattei Blog
Typetester compara fuentes online
Typetester es una aplicación en línea para la comparación de diferentes fuentes en la pantalla.
La pagina está dividida en tres columnas que muestran un mismo texto de ejemplo, a las que podemos aplicar individualmente diferentes fuentes y propiedades para poder compararlas de forma visual en una misma pantalla.
Una vez tenemos elegida la fuente que queremos utilizar, podemos extraer el código CSS
para aplicar a nuestra página de estilos.
Una aplicación bastante interesante a la hora de elegir la fuente adecuada para nuestro diseño web.
Enlace: Typetester
Fuentes gratuitas en ShowFont
ShowFont es un sitio web en donde encontraremos gran cantidad de fuentes listas para utilizar en Linux, Windows o Mac.
Anuncian 10.000 fuentes gratuitas, ordenadas alfabeticamente y con un preview que nos permite visualizarlas antes de la descarga.
Enlace : website ShowFont
Lo hemos visto en Xiberneticos
Huan Tran
Curioseando por Criterion he descubierto el estupendo sitio del ilustrador Huan Tran. Geniales trabajos de ilustracion y collage de este joven artista gráfico.
Propiedad white-space
La propiedad CSS para white-space no es muy conocida ni muy utilizada, pero es de importante utilidad al diagramar textos.
White-space define la forma en que se comportan los espacios en blanco dentro de un elemento de bloque
Sus valores son:
- normal: por defecto, el espacio en blanco es ignorado por el browser.
- pre: el espacio en blanco es preservado por el navegador.
- nowrap: el texto no se quiebra, continúa en la misma línea hasta que no haya un quiebre mediante la etiqueta <br />.
Ejemplo
Normal
Carlos Garcia, Pedro Lopez Garrido, Jose Luis Rodriguez
Con white-space: nowrap;
Carlos Garcia Delgado, Pedro Lopez Garrido, Jose Luis Rodriguez
Lo hemos visto en CSSLab
Wordpress 2.5.1
Ya está disponible la nueva versión 2.5.1 de WordPress.
Incluye numerosas correcciones de fallos, mejoras de rendimiento, y una importante corrección de seguridad.
Optimizar el titulo de nuestro blog
El título de un blog es un punto a tener muy en cuenta a la hora de posicionarse en Google.
En el theme “Default” de Wordpress, el codigo del titulo se genera mediante el siguiente código:
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>
De esta forma el titulo aparecera de la siguiente forma:
- En la pagina principal : Nombre de nuestro blog
- En las paginas interiores : Nombre de nuestro blog + Titulo de la pagina
- En los articulos o posts : Nombre de nuestro blog + texto Blog Archive + Titulo del articulo
En lineas generales, la estructura es correcta, pero en la pagina principal de nuestro blog el titulo queda bastante pobre. Esto podria mejorarse incluyendo una pequeña descripcion con palabras claves de nuestro contenido en el titulo de nuestra pagina principal.
La forma de hacerlo sería sustituir la anterior linea de codigo por la siguiente:
<title>
<?php bloginfo('name'); ?>
<?php if(is_home()) {
echo ' : Una pequeña descripcion con algunas palabras claves';
} else {
if(wp_title('', false)) { echo ' :'; } ?>
<?php wp_title('');
} ?>
</title>
De esta forma el titulo aparecera de la siguiente forma:
- En la pagina principal : Nombre de nuestro blog + Una pequeña descripcion con algunas palabras claves
- En las paginas interiores : Nombre de nuestro blog + Titulo de la pagina
- En los articulos o posts : Nombre de nuestro blog + Titulo del articulo
La idea es que la palabras importantes esten presentes en nuestro título, para posicionarnos mejor.
Google XML Sitemap
Una buena estrategia para el posicionamiento de nuestro sitio web, siempre es generar un “mapa de sitio” o sitemap. Los mapas de sitio son una manera fácil para usuarios y buscadores para navegar dentro de las paginas de nuestro sitio web.
Los mapas de sitio ayudan en la funcion de rastreo de sitios web a los spiders de los buscadores, especialmente Yahoo y Google, por eso es una buena idea incluir nuestro sitemap para facilitar la tarea a Google.
En la ayuda de Google Sitemaps podemos leer la definición oficial:
Google Sitemaps constituye un experimento en el rastreo web. Al utilizar Sitemaps para informar y dirigir a nuestros rastreadores, pretendemos ampliar nuestra cobertura de Internet y acelerar el proceso de detección y adición de páginas a nuestro índice. Al colocar un archivo con formato de Sitemap en su servidor web, se habilita a nuestros rastreadores para que averigüen qué páginas están presentes y cuáles de ellas se han modificado recientemente, y para que rastreen su sitio correspondientemente [...]
Para implementar nuestro sitemap en wordpress, podemos utilizar el plugin Google XML Sitemaps de Arne Brachhold.
El objetivo del plugin Google XML Sitemaps es mejorar la calidad y velocidad del contenido indexado de nuestros sitios mediante un sitemap que le haga el trabajo más fácil al rastreador del buscador.
Referencia a entidades de caracteres en html
Tabla de referencia rápida de caracteres y códigos HTML.
