Pedro Puig

Entradas de la categoría ‘CSS’

Editor de degradados CSS3

Ultimate CSS Gradient Generator es una aplicación online que nos permite crear degradados CSS, generando el código CSS3 necesario.

El manejo del editor es sumamente sencillo, siendo muy similar al editor de degradados del Photoshop.

Esta aplicación ha sido creada por Alex Sirota, autor de ColoZilla (plugin de firefox que nos permite obtener el código de cualquier color de imágenes, fondos etc…)

Para poder utilizar esta versión es necesario tener las últimas versiones de Firefox, Chrome o Safari.

Efecto 3D realizado con CSS

Leo en aNieto2k una entrada donde nos comenta la posibilidad de simular efecto 3D solo y exclusivamente con CSS.

Esta genialidad es obra de Román Cortes que demuestra la potencia del CSS. Román ya nos sorprendió con un Homer Simpson realizado con CSS y ahora le ha tocado el turno a las Meninas de Velázquez.

Vía: aNieto2k

22 efectos de texto realizados con CSS

embossing-technique-css-text-effects-typography

letterpress-css-text-effects-typography

Desde 1stwebdesigner nos ofrecen una interesante recopilación de efectos en textos html realizados simplemente con CSS. Muchas de las imágenes que utilizamos en nuestros sitios web podríamos suprimirlas simplemente utilizando este tipo de técnica, los resultados son muy elegantes.

Las mejores 100 galerías CSS

galeriacss03

galeriacss02

galeriacss

Hemos hablado en este blog de la herramienta MeeCSS, herramienta que nos sirve para promocionar nuestra webs en galerías CSS. Los diseñadores siempre buscamos fuentes de inspiración, algún elemento gráfico concreto de estas galerías puede darnos una idea para generar un proyecto completo.

En Designm.ag han recopilado las mejoras 100 galerías CSS, por supuesto no puede faltar nuestra favorita CSS manía

Vía: Designm.ag

Estilos de menús en CSS

estilo_menus

Leo un post en Intenta que nos cuenta la posibilidad que nos ofrece Styled Menus de consultar una librería de menús de navegación en CSS y compatibles en principio con todos los navegadores.

Espero que lo disfrutéis…

Vía: Styled Menus

Traductor de selectores: Selectoracle

Entender los selectores CSS, es en ocasiones, una labor complicada. Por fin una herramienta nos permite humanizar todo esto, Selectoracle nos devuelve la traducción del CSS a lenguaje de ir por casa.

Pongamos un ejemplo sacado de una página cualquiera:

p:hover + div > em { color: red; }

Utilizando nuestro maravilloso traductor, nos daría el siguiente resultado:

Selecciona cualquier elemento em que es hijo de un elemento div que sigue inmediatamente a un elemento p que está siendo señalado.

El traductor es online y actualmente esta disponible en ingles y en español, aunque si a alguien le interesa pronto estará en alemán y búlgaro