Categoría: 'Diseño web'
La propiedad de CSS 2.1 content es una de las propiedades CSS más poderosas y a la vez más controvertidas.
Se emplea para generar nuevo contenido de forma dinámica e insertarlo en la página HTML. Como CSS es un lenguaje de hojas de estilos cuyo único propósito es controlar el aspecto o presentación de los contenidos, algunos diseñadores defienden que no es correcto generar nuevos contenidos mediante CSS.
Valore de 1 a 5 este artículo
Sigue leyendo 13/01/2010
Me ha llamado la atención esta web www.laudividni.com/, por lo bien trabajada que está. En estos tiempos de diseño web estilo “blog”, se agradece ver un trabajo bien pensado y con una elaboración cuidada.
La empresa responsable del diseño es pushhere.com.

Valore de 1 a 5 este artículo
14/10/2009
“Lorem ipsum in electram constituto vis. Ea nec modo quando euismod. Vim molestiae repudiandae liberavisse id, atqui maiestatis eum te, graecis pertinacia te usu…”
Solemos encontrarnos esta frase cuando el desarrollador quiere que nos centremos en el aspecto y no en el significado del texto.
¿Cuándo se empezó a usar?
Parece ser que su uso se remonta al siglo XV, en los primeros años de la imprenta, como “texto tipo” para pruebas tipográficas y 500 años después seguimos empleando estas frases de Cicerón escritas en el año 45 a.C. en su popular tratado ético “De finibus bonorum et malorum” (Sobre los límites del bien y del mal).
¿Qué significa?
“Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.”
“No hay nadie que ame el dolor por sí mismo, que lo busque y lo persiga sólo en cuanto que dolor.”
Generadores de “texto tipo” o Lorem Ipsum
Existen distintos sitios en lo que podemos generar textos falsos que se adapten a nuestras maquetas, eligiendo número de párrafos, de palabras, bytes …
http://www.lorem-ipsum.info/generator3-es
http://www.lipsum.com
Valore de 1 a 5 este artículo
21/09/2009
Internet Explorer 6 suele dar bastantes problemas con el tratamiento de márgenes y paddings, entre otros. Lo que se ve bien en Firefox o Safari se mueve unos píxeles en IE6, cuando se ve correcto en IE6 se ha descolodado en IE7 y Firefox … ¡grrr!
Solución:
Si ponemos un “guión bajo” _ antes de un estilo, todos los navegadores pasarán por alto esa línea, salvo IE6 que lo tomará por valido.
Valiéndonos de este “fallo de programación de IE6″ podemos aplicar un estilo (margin:10px; por ejemplo) para el común de los navegadores y en la línea siguiente aplicar ese mismo estilo solamente para IE6 (_margin:14px; por ejemplo).
Ejemplo:
.MiCapa {
width : 200px;
height : 200px;
border:1px solid RED;
_width : 220px;
_height : 220px;
_border:1px solid BLUE;
}
Todos los navegadores dibujarán lo que se manda en las 3 primeras líneas de la clase “MiCapa” pero Internet Explorer 6 dibujará lo que se expicifica en las 3 últimas, al ir los estilos antecedidos por _.
* Ojo : Las líneas para IE6 han de ir siempre en último lugar
* Es posible que el validador W3C se queje de tu hoja CSS, que lo sepas
Valore de 1 a 5 este artículo
14/09/2009
ScreenClip es una sencilla aplicación para Windows que permite capturar regiones especificas de la pantalla del ordenador y salvarlas directamente como un archivo .jpg en el disco duro.
Creemos que es una aplicación práctica y sencilla que pasaréis a utilizar con frecuencia una vez que os familiaricéis con ella: aproximadamente 30 segundos después de instalarla
, si tuvierais alguna duda sobre su uso o instalación podéis ir a la página de ayuda: Ayuda ScreenClip.
Podéis descargaros, gratuitamente como siempre, esta aplicación pinchando en ScreenClip.
¡¡Esperamos vuestros comentarios para la versión 2.0 !!
Valore de 1 a 5 este artículo
7/07/2009
Uno de los puntos débiles de Flash es el de no disponer de un “lienzo” de tamaño dinámico.
Flash permite crear una película en la que el tamaño del área de trabajo está predeterminado y es fijo para toda la película. Es decir, si decidimos hacer una pelicula flash de 800×600 sólo podrá ser de 800×600 (salvo factor de escala) con lo que tendremos problemas si en algún momento del desarrollo el texto crece, queremos acumular más contenido, etc…
Sin embargo, existe un “truco” que permite que el tamaño de la película flash crezca (literalmente) a medida que el contenido se expande.
En el ejemplo se puede ver cómo el texto HTML inferior y superior es desplazado al “abrir” las carpetas de la película de flash.
Descargar archivos
Valore de 1 a 5 este artículo
7/07/2009
A la hora de maquetar un mailing, siempre es importante tener en cuenta que las condiciones de visualización de los usuarios suelen ser muy distintas a las que habíamos previsto. Tanto, que incluso pueden verlo sin imágenes. De hecho, es muy común que los gestores de correo deshabiliten las imágenes de los mails entrantes, y aunque es muy fácil y rápido hacer que se muestren, no todos usuarios tienen la pericia tecnológica o la motivación suficiente para hacerlo.
Debemos tener muy presente que un mailing, por su carácter publicitario, siempre supondrá un pequeño engorro para nuestros usuarios. Por eso, incluso con las imágenes deshabilitadas, el mensaje debería poder interesar al usuario.
¿Cómo conseguimos esto? Estilando las imágenes con propiedades de texto (font-size, background-color), y trasladando cuidadosamente cada mensaje publicitario a un elemento alt. De este modo, podremos preservar suficientemente el atractivo del mailing y captar la atención de los usuarios.

Mailing de eBay en condiciones óptimas de visualización

El mismo mailing, con las imágenes deshabilitadas
Valore de 1 a 5 este artículo
18/06/2009
Una buena colección de pinceles de Photoshop es esencial para cualquier diseñador. El problema no es encontrarlos, sino dar con aquellos que realmente merecen la pena. Reproducimos aquí una selección de pinceles de calidad publicada recientemente por la revista online Smashing Magazine.
Valore de 1 a 5 este artículo
Sigue leyendo 5/02/2009

Menús en CSS con listas desordenadas, perfectamente accesibles, listos para descargar e incorporar a tu web. Hablamos de CSS Menus, una página en la que podrás encontrar soluciones de navegación para todo tipo de diseños web: menús de un solo nivel, desplegables, de pestañas en dropline…
CSS Menus es el resultado de lo que la prolífica imaginación de Stu Nicholls ha venido desarrollando en materia de menús para el sitio CSS Play, su propio laboratorio de experimentación con hojas de estilos en cascada. Ahora, podremos disfrutar de todos estos menús css en esta nueva web que nos los ofrece de forma más directa, más cómoda y también gratis.
Anotación relacionada | 5 razones para hacer tu menú desplegable con listas y CSS
Valore de 1 a 5 este artículo
12/01/2009
Anteriores entradas