Etiqueta: css

¿Cómo hacer un menú deslizable con responsive design?

¿Cómo hacer un menú deslizable con responsive design?

Android puso de moda los menús de navegación deslizables en los que o bien arrastrando el panel lateral o pulsando un botón, se desplegaba el menú de navegación. ¿Cómo conseguir este efecto en Web con HTML + CSS + Javascript? En el siguiente enlace tienes la solución: designmodo.com – canvas sliding navigation menu

Cómo crear una plantilla de E-mail con Responsive Design

Cómo crear una plantilla de E-mail con Responsive Design

¿Cómo crear una plantilla de E-mail con Responsive Design que se adapte a los distintos dispositivos de lectura como PC / MAC, Tablet y Smartphone? En designmodo [create responsive email] nos ilustran de las técnicas, HTML y CSS de cómo hacerlo. Así mismo, podrás ver una DEMO online y gratis, así como descargarte una plantilla de ejemplo …

+ Read More

Generador de efectos CSS 3

Generador de efectos CSS 3

CSS 3 incorpora en sus novedades múltiples efectos que antaño se realizaban con técnicas tales como aplicar imágenes de fondo, etc… En el siguiente enlace podrás configurar en un formulario los siguientes efectos CSS Level 3, y obtener su código CSS para incluir en tu Web: Bordes con radio (border radius) Degradados (gradient) Transformaciones CSS …

+ Read More

Web Starter Kit, de Google, para diseño web para todos los dispositivos

Web Starter Kit, de Google, para diseño web para todos los dispositivos

¿Quieres diseñar una Web que se vea bien en un PC, MAC, Tablet y Smartphone? Gracias a Web Starter Kit de Google, podrás crearlo fácilmente a través de la técnica de responsive design. Web Starter Kit emplea Javascript, CSS y HTML, y podrás crear webs adaptables a los diferentes dispositivos fácilmente. Pruébalo en: Web Starter Kit …

+ Read More

Recursos y plantillas para E-mails Responsive

Recursos y plantillas para E-mails Responsive

¿Quieres maquetar un e-mail o newsletter y que se vea bien en el ordenador, tablet o smartphone? ¿Quieres programar un e-mail con html y css que sea responsive design? En el siguiente enlace podrás encontrar montones de recursos con plantillas html+css para maquetar e-mails responsive design: · Responsive e-mail paterns [gratis]

Botones con transiciones en CSS

Botones con transiciones en CSS

En el siguiente enlace podrás descargar atractivos botones para tu Web con transiciones en CSS: tympanus.net/ – creative button styles tympanus.net –  CreativeButtons/ [DEMO]

Alinear Imágenes con texto en CSS

Alinear Imágenes con texto en CSS

¿Cómo alinear un texto en medio de una imagen, o en la parte superior o inferior en CSS? El atributo CSS que deberás aplicar en la imagen es: vertical-align Los principales valores para alinear imágenes y texto en CSS son: vertical-align: text-top; – texto alineado con la parte superior de la imagen: vertical-align: middle; – texto …

+ Read More