elWebmaster.com

CSS | Google | 3D

Efecto 3D en tus imágenes al estilo Google+, con HTML y CSS

google-1-wide1Google Plus brinda mucha inspiración a desarrolladores front-end, especialmente cuando se trata de CSS y JavaScript. En este artículo vamos a aprender a duplicar un interesante efecto que seguramente ya habrás visto en ciertas imágenes de esta red social: un mapa (u otro contenido) que se despliega desde la parte superior al pasar el mouse. Seguir leyendo

29/jul/12, 15.36 Morton Comentar

CSS | recursos | menú

CSS: Menúes dropdowns más livianos con el método Son of Suckerfish

cssEl artículo original, llamado Suckerfish Dropdowns y publicado hace seis años en A List Apart, probó ser una forma popular de implementar menúes desplegables livianos y accesibles basados en CSS que se acomodan en IE.

En este artículo de hoy les enseñaremos cómo implementar menúes dropdowns más livianos con el método Son of Suckerfish, una evolución del primero que ya está siendo ampliamente implementado. Seguir leyendo

02/dic/09, 14.23 Micaela 2 comentarios

CSS | imagen | templates

Ocultar y revelar texto detrás de imágenes con CSS y jQuery

En el siguiente artículo les traemos un genial efecto hover que les resultará extremadamente útil y sencillo para dar un toque especial a sus diseños.

Se trata de un efecto que nos permite ocultar y mostrar texto que se encuentra detrás de una imagen y lo podemos lograr simplemente implementando algo de CSS y jQuery. Seguir leyendo

20/sep/09, 09.04 Micaela 4 comentarios

Usabilidad | AJAX | código

Guía de usabilidad para principantes en 8 pasos

usabilidadA la hora de pensar en usabilidad, lo primero que siempre debes tener en cuenta es comentar tus códigos, ya que esto te permitirá mantener un registro organizado de tu flujo de trabajo.

Datos como éste pueden resultar obvios, pero  te sorprenderá saber que muchos diseñadores los dejan de lado. Es por eso que hoy te traemos 8 simples pasos para lograr una web práctica y con mucha usabilidad.

Seguir leyendo

29/ago/09, 09.02 Micaela 4 comentarios

script | prototype | hover

Protofish: Menú de selección avanzado para Prototype

protofishProtoFish es un menú hover avanzado basado en Prototype, mediante el cual puedes añadir fácilmente un delay a tu menú (on mouseout) y seleccionar tu propia clase hover.

Todos los menues ProtoFish responderán a aquellos usuarios que utilicen la tecla TAB para navegar a través de tu sitio web. Pero lo mejor de esto es que es completamente personalizable y gratuito. Seguir leyendo

27/jun/09, 09.03 Micaela Comentar

CSS | jQuery | Diseño Gráfico

Increíble efecto hover con jQuery

hoverEn este breve tutorial aprenderás cómo hacer un efecto hover increíble en pocos pasos, porque no todo lo bueno tiene que costar un gran esfuerzo.

Para lograr el efecto sólo es necesario un poco de CSS y algo de jQuery. La idea es armar una galería de imágenes con 9 thumbnails. Al posar el mouse o ratón sobre cualquiera de los thumbnails, éste se agrandará creando un efecto óptimo de acercamiento. Echa un vistazo… Seguir leyendo

28/abr/09, 08.58 Micaela 11 comentarios

CSS | estilos | botones

Crear un botón en estado “hover” sólo con CSS

Si bien no es muy utilizado, el estado CSS “active” de un link es el estado en que se pone un link cuando haces clic en él. El momento en que haces clic en un link, este se vuelve activo. Es por eso que el estado “active” puede resultar muy útil cuando posees botones de estilo personalizado.

Sencillamente mediante la utilización del estado “active” podremos darle a nuestros botones la apariencia de que están siendo presionados, o cualquier otro estilo que deseemos que tengan, para hacer que nuestro sitio se destaque. Seguir leyendo

19/ene/09, 10.15 Micaela 3 comentarios

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder