|
Habitualmente en diseño web se utilizaban imágenes o recursos más avanzados como el javascript para poder utilizar fuentes especiales en nuestros diseños ya que si la máquina que hace la petición al servidor no dispone de esa fuente instalada automáticamente esta era imprimida en pantalla como una fuente generica tipo Arial. Esto se acabo gracias a la propiedad @font-face, esta nueva regla es capaz de descargar una fuente remotamente para ser integrada en nuestro sitio web. Esta regla aun no esta estandarizada en todos los navegadores como sería de esperar ya que es algo básico para poder realizar diseños más elegantes y visuales, de momento podemos usarla en Safari 3.2+, Firefox 3.2+, Chrome 0.2+, Opera 9.6+ y Explorer.
Aquí podeis ver un ejemplo de su uso ya que lo he añadido a los titulares de los contenidos con la fuente Segoe Script y este es el código.
@font-face {
font-family: "Segoe";
src: url(http://www.joomlanetprojects.com/fonts/segoesc.ttf) format("truetype");
}
.contentheading { font-family: "Segoe"; }
Aunque eso si al utilizar navegadores donde la regla no es soportada obtendremos dos maravillosos errores de validación css lo podeis comprobar validando esta misma página.
|
|
|
Navegando he encontrado esta página que nos ofrece hasta 224 layouts css que podemos configurar en distintas medidas fijas estandarizadas en el diseño web o convertir a fluidos, interesante ya que nos quita bastante trabajo a la hora de empezar con el diseño de un nuevo template. A mi personalmente me da más trabajo identificar las clases o identificadores de las capas creados por terceros que crear un nuevo layout desde 0 además estoy acostumbrado a un método de trabajo concreto en el que siempre comento el principio de una capa y su fin de forma que además de la sangría del editor me proporcione otro método visual de localizar el alcance de los divs, pero bueno no deja de ser una página interesante para todos aquellos que deseen iniciarse y crear sus propios templates.
Aquí os dejo el link http://layouts.ironmyers.com/
|
|
Última actualización el Domingo, 11 de Octubre de 2009 17:04 |
|
El nuevo Safari 4 introduce una versión nativa de los campos file multiples html5, lo que hasta ahora requería una buena dosis de código javascript se reducirá a un simple tag html llamado "multiple" en el campo input file. Una vez seleccionados los archivos que queremos subir al servidor necesitaremos un lenguaje como Rails o Php para tratar simplemente esos archivos como un array.
Esperemos que pronto dispongamos de esa funcionalidad en los navegadores más extendidos.
|
|
|
<< Inicio < Prev 11 Próximo > Fin >>
|
|
Página 11 de 11 |
