Efecto gaussiano con CSS3
Desafortunadamente CSS3 no dispone de ninguna característica para poder crear efectos gaussianos, pero podemos emularlo de forma sencilla si definimos un color transparente a la propiedad text-shadow. Por ejemplo, con esta estructura: <p>Lorem ipsum dolor sit amet…</p> Añadiendo este código CSS: { text-shadow: 0 0 7px #000; color: transparent; } Como dije anteriormente, … Lee más!
40 excelentes ejemplos de texturas en el diseño web
Cada diseño web necesita una textura específica, dependiendo del estilo que queramos darle al proyecto. Existen distintos tipos de texturas, pero la mayoría no están acopladas a un diseño para ver cómo quedan. Por ello aquí os muestro una recopilación de 40 bonitos ejemplos de texturas en el diseño web, seguro que alguna encaja para … Lee más!
El futuro de GTK+ será CSS
Carlos Camacho, programador de GNOME, mostró que la personalización y configuración de interfaces GTK+ (paquete de herramientas para la creación de interfaces gráficas de usuario) será igual a cómo se editan las hojas de estilo (CSS). Esto elevará la configuración a un nuevo nivel, dicen que ha sido una de las características que más se … Lee más!
35 interesantes ejemplos de sitios web diseñados con HTML5
Hay que dar gracias a la aparición de HTML5, ya que gracias a él la construcción de sitios web en Internet se ha hecho mucho más sencilla y cómoda, además de las nuevas ventajas que supone. Muchos sitios ya están construidos con HTML5, y en este artículo quiero enseñaros 35 bonitos ejemplos de sitios diseñados … Lee más!
40 ejemplos de bonitas tipografías
Elegir la tipografía es una parte importante a la hora de realizar nuestro proyecto, dependiendo de la idea y el estilo al que deseemos enfoncarlo, deberemos elegir una tipografía u otra. Dependiendo de la jerarquización (título, párrafo, lista…) una tipografía será mejor que otra, ya que resultará más cómoda y legible a la vista. Aquí … Lee más!
Los mejores iconos gratis del 2010
Haciendo la lista general de “lo mejor del 2010″, ya sean tipografías, plantillas para WordPress o texturas, ahora os quiero mostrar los mejores iconos gratis de este año. Este año hemos publicado muchos iconos, pero existen algunos que destacan más que otros debido a su gran calidad. Los iconos son una parte muy importante del … Lee más!
20 interesantes logotipos con espacios negativos
Los logos con espacio negativo son una buena manera de dar la imagen de nuestra empresa. Un logotipo con espacio negativo es un espacio vacío entre los elementos de un diseño. En el diseño web, es práctico usar este espacio negativo para mostrar el logotipo de la empresa, o un icono relacionado con ella. Pero, … Lee más!
Un hombre que anda gracias a CSS
Está claro que con CSS se pueden hacer maravillas, existen un montón de usos útiles y demostraciones que podemos realizar con CSS. Andrew-Hoyer nos presenta una creación suya, un experimento, en el que se puede comprobar cómo se mueve un hombre (que casualmente es él) gracias a CSS3, nada de Javascript. Aunque existen fallos en … Lee más!
Text-stroke, borde en el texto con CSS3
Es muy fácil hacer borde en un texto con imágenes, con Photoshop, pero, ¿y si queremos hacerlo con CSS? Una nueva característica de CSS3, text-stroke, (aunque todavía no es parte de él) es la inclusión de borde en el texto, de una forma muy sencilla, tal y como nos tiene acostumbrados CSS3. Pero hay que … Lee más!
+40 modernos logotipos religiosos
Los logotipos son una clara señal de innovación, muestran la creatividad de la empresa, del creador del logotipo. Las iglesias y los organismos religiosos están actualizándose a los nuevos tiempos, haciéndose un hueco también en Internet. Si necesitáis una idea para un proyecto religioso, puede que este listado de modernos logotipos sobre grupos religiosos, os … Lee más!
Interesantes perspectivas de las sombras con CSS
La propiedad box-shadow, una de las nuevas opciones de CSS3, se ha convertido en la opción ideal para crear sombras en las cajas. Aplicando sombras a la pseudo-clases ::before y ::after, crearemos útiles perspectivas con la sombra. Allá vamos: Código HTML <div class=”box”> <img src=”cssblog.png” alt=”cssblog” /> </div> Código CSS .box:after { content: ”; position: … Lee más!
Opinión: Tu primer fallo con CSS
Para todo existe una primera vez, seguro que todo el mundo hemos fallado al principio al empezar a maquetar con CSS. Para aprender hay que fallar, debemos ir corrigiendo nuestros errores y así elevaremos nuestro nivel. Pero este artículo no trata de un tutorial, trata de opinión, me dirijo a vosotros para que, desde los … Lee más!
