Curiosidades
CategoríaRecursos y artículos curiosos sobre CSS y diseño web.
Crear una casa con CSS
Ya vimos como crear un Homer con CSS, ahora vamos a crear una casa con CSS. dtsv.dtse_post_784_permalink = ‘http://www.cssblog.es/crear-una-casa-con-css/’; dtsv.dtse_post_784_title = ‘Crear una casa con CSS’;
Cuando CSS se disfraza sexy
Imágenes que simulan propiedades CSS de una forma amena de entender ya que nos motivará más por su contenido (Si analizamos las imágenes, veremos que las propiedades que se muestran tiene relación con ésta): dtsv.dtse_post_919_permalink = ‘http://www.cssblog.es/cuando-css-se-disfraza-sexy/’; dtsv.dtse_post_919_title = ‘Cuando CSS se disfraza sexy’;
Galería de páginas mal diseñadas
En esta galería podemos ver premios que se les da a las páginas que peor diseño tienen. No sólo es el diseño, si no que sueltan errores de validación por todas partes y no tienen empleada la sintáxis HTML correctamente. Casi ninguna aplica CSS, por lo que cada página rebosa de imágenes innecesarias por todas … Lee más!
Divertido puzzle con CSS
¿Alguna vez pensaste que podría ser posible crear un puzzle dinámico con CSS? Pues sí, es posible, solo deberemos estar atento a estas instrucciones para poder crearlo. Os enseñaremos paso a paso a crear un divertido puzzle hecho con CSS: dtsv.dtse_post_854_permalink = ‘http://www.cssblog.es/divertido-puzzle-con-css/’; dtsv.dtse_post_854_title = ‘Divertido puzzle con CSS’;
Juego de cartas con CSS
La flexibilidad de CSS es impresionante, hasta podemos crear un juego de cartas solamente con CSS y unas imágenes. Si deseamos crearlo, allá van los pasos: dtsv.dtse_post_845_permalink = ‘http://www.cssblog.es/juego-de-cartas-con-css/’; dtsv.dtse_post_845_title = ‘Juego de cartas con CSS’;
Homer CSS
Con CSS podemos hacer casi todo, en este caso crearemos a un divertido Homer, aplicando divs junto con CSS y sin usar ninguna imagen. Está probado en Internet Explorer (IE) 5.5, 6, 7, Firefox 2, Safari 3 y Opera 9, y se ve correctamente (Es decir, es cross-browser). Se puede ver un ejemplo de este … Lee más!
Dibuja trazos con Sketcher
Sketcher es una herramienta para dibujar trazos. No servirá para mucho, pero hay que darse cuenta de que está hecha íntegramente en CSS, y cuando pensamos eso, es cuando nos damos cuenta de lo difícil que ha sido crearla. Como mera curiosidad no está nada mal. Ver Sketcher Vía | Anieto2k dtsv.dtse_post_236_permalink = ‘http://www.cssblog.es/dibuja-trazos-con-sketcher/’; dtsv.dtse_post_236_title … Lee más!
Pacman en CSS
¿A nadie le impresionaría ver un pacman hecho únicamente con CSS? Pues sí, existe, está en esta dirección, y es funcional: Ver el pacman en CSS Una auténtica obra de arte. Vía: Elwebmaster dtsv.dtse_post_249_permalink = ‘http://www.cssblog.es/pacman-en-css/’; dtsv.dtse_post_249_title = ‘Pacman en CSS’;
¿Por qué no existe float: center?
A estas alturas todavía nos preguntamos porqué no existe todavía esta propiedad. Si existe float: left;, y float: right;, porqué no float: center;? Trevor Davis nos pone a nuestra disposición un par de ejemplos para ver como quedaría el documento supuestamente si float: center; existiera: Ver ejemplo de float :center; Vía | Anieto2k dtsv.dtse_post_213_permalink = … Lee más!
CSS traducido al español (Humor)
Porqué no han podido traducir CSS al español y quedar cosas como estas?: #menu{ ancho:300px; alto:130px; margen: 10 auto; fuente: Arial, Helvetica, sin-serifa 0.7em gorda; texto-adornado:subrayado; flotacion:izquierda; interlineado:0.9em; espacio-entre-letritas:0,3em; disponer:poco 60%; } O como estas, usando variables: dtsv.dtse_post_204_permalink = ‘http://www.cssblog.es/css-traducido-al-espanol-humor/’; dtsv.dtse_post_204_title = ‘CSS traducido al español (Humor)’;
CSS en el mundo real
¿Cómo sería CSS en el mundo real? 1 imagen vale más que mil palabras: Height dtsv.dtse_post_157_permalink = ‘http://www.cssblog.es/css-en-el-mundo-real/’; dtsv.dtse_post_157_title = ‘CSS en el mundo real’;
