7 increíbles efectos de transición con css3
csscss3

7 increíbles efectos de transición con css3

CSS3 ha introducido innumerables posibilidades para los diseñadores, y lo mejor esto es que las opciones más atractivas son realmente fáciles de implementar.

Aquí hay 7 efectos muy simples que agregarán vida a tu interfaz de usuario web y una mejor experiencia a los visitantes de tus sitios.

Continue reading

csshtmlMobile

Formularios de contacto amigables para móviles

Dado el aumento de dispositivos moviles, hoy es muy  importante la creación de sitios web que sean de fácil uso al navegar con un teléfono.

Muchas prácticas HTML y CSS  hará que tus formularios de contacto sean más fácil de usar para los visitantes en los dispositivos móviles.

Continue reading

Diseño Web

6 consejos para críticas de diseño exitosas

Pocas cosas son más estresantes que una crítica de diseño. A partir de esa presión, sin embargo, obtienes nuevos y valiosos puntos de vista que darán más fuerza a tu proyecto.

Aquí te explico como obtener buenas criticas.

Continue reading

You may also like

6 tendencias de diseño web 2015-2016

Como crear sitios irresistibles diseñando con emoción

Prioridad al codigo HTML, o al diseño? (dilema AQUI develado)

Responsive design

5 problemas del diseño Responsive y sus soluciones

responsive designA medida que más empresas recurren al diseño Responsive, es bueno entender las limitaciones que vienen con él y cómo trabajar alrededor de ellas.

Continue reading

Conversion de psd a htmlcss3Frameworkhtml5Maquetacion web

Bootstrap 3: ¿Sirve este framework?

bootstrap3Si ya te dedicas o tienes conocimientos de diseño web, seguramente has pensado como acelerar el proceso de armado de sitios para que sea más rápido y dinámico el trabajo.

Y estoy seguro que has escuchado hablar de los famosos “frameworks” para la creación de páginas que te facilitan muchísimo las cosas.

Aquí veremos el framework más famoso: Bootstrap. ¿Sirve?

Continue reading

You may also like

5 columnas en Bootstrap Template

Consejos para convertir un sitio de escritorio a móvil

6 tendencias de diseño web 2015-2016

diseño web para moviles
Diseño WebResponsive design

Como optimizar sitios para móviles

Ya no es necesario señalar la importancia de que tu sitio web esté preparado para móviles. La revolución móvil es el cambio más grande en la corta historia de la Web.

La optimización de las páginas de destino para móviles es ahora un proceso esencial para cada diseñador. No tiene por qué ser difícil, sin embargo, hay una lista de comprobación simple que se puede ejecutar para asegurar que tu sitio está listo para navegadores móviles.

Continue reading

You may also like

Consejos para convertir un sitio de escritorio a móvil

6 tendencias de diseño web 2015-2016

Como crear imágenes Responsive con CSS

Responsive design

Sitios no-responsivos desaparecerán de Google el 21 de abril

google-responsiveGoogle ha anunciado en su blog que los sitios que no se adapten móviles serán penalizados bajando de posición o desapareciendo de los resultados de búsquedas.

Continue reading

You may also like

Consejos para convertir un sitio de escritorio a móvil

6 tendencias de diseño web 2015-2016

Como crear imágenes Responsive con CSS

Tendencias

Tendencias de menús de navegación en 2015

Podríamos pensar que ya se han explorado todas las variaciones posibles de menús de navegación, pero sin embargo vemos una exploración continua dentro de este tema.

Es sorprendente cuantas variaciones de diseño se pueden aplicar a una simple lista de enlaces.

Veamos las tendencias de menús para 2015…

Continue reading

ui kits
Recursos gráficos

14 kits de Interfaz de Usuario (UI kit)

A los diseñadores nos encanta los Kits de interfaz de usuario (UI Kit) ya que son geniales para explorar nuevas ideas y detectar tendencias de diseño a medida que desarrollan.

Hoy he reunido algunos de los mejores Kits de interfaz de usuario, junto con otros kits.

Continue reading

Recursos gráficos

El uso de las Landing Pages (páginas de aterrizaje)

Luego de un mes de descanso, y comenzando este nuevo año, vuelvo a compartir contigo información sobre este tema que nos apasiona: el desarrollo web.

Hoy me alejaré un poco de la parte técnica del desarrollo web, y te hablaré del uso ya popular de las famosas y útiles páginas de aterrizaje.

Continue reading

Tendencias

Tendencias del diseño web para el 2015

Estamos terminando el año y es un buen momento para repasar las tendencias de diseño web que se vienen para el 2015.

Aquí un resumen de las mismas…

Continue reading

Diseño Web

8 técnicas que generan confianza en tu sitio web

Internet puede ser un lugar preocupante. Ya sea que esté navegando o por comprar online, la gente está preocupada por diferentes cosas como los fraude de tarjetas de credito, y puede ser duro ganarse la confianza de tus visitantes.

Aquí te doy algunos recursos visuales que generarán confianza en tu sitio web.

Continue reading

Recursos gráficos

Recursos navideños estilo “flat”

recursos navideños flatLlegan las fiestas de fin de año y ya es costumbre vestir con estilo navideño, los sitios web y piezas gráficas tanto nuestras como la de nuestros clientes.

Aquí te dejo una selección de recursos navideños estilo “flat”, tendencia de diseño de este 2014 que se está yendo…

Continue reading

You may also like

Patrones de Navidad (Photoshop)

Responsive design

Diseño de Sitios para móviles: Reglas básicas

diseño web movilSegún ComScore a principios de 2015, alrededor de 1750 millones de personas en todo el mundo utilizarán smartphones con regularidad.

Esto significa que las páginas web que crees deben ser fácilmente accesibles a través de todos los dispositivos, y su diseño tiene que atender no sólo a los usuarios de computadoras, sino también a los de teléfonos inteligentes.

Aquí algunas reglas simples que te ayudarán a garantizar que tu sitio está optimizado para móviles.

Continue reading

You may also like

Consejos para convertir un sitio de escritorio a móvil

6 tendencias de diseño web 2015-2016

Como crear imágenes Responsive con CSS

Maquetacion webpsd a htmlResponsive design

La conversión de PSD a HTML ha muerto?

psd a html ha muertoEs una pregunta que muchas personas me han planteado dada la aparición de nuevas tecnologías de desarrollo web.

Aquí intentaré aclarar este tema controversial que da sentido a este blog…

Continue reading

You may also like

5 columnas en Bootstrap Template

22 templates de Bootstrap para diseñadores web

Como crear imágenes Responsive con CSS

Conversion de psd a htmlMaquetacion webpsd a html

Mapa para el maquetador web (infografía)

guia de maquetacion webSi eres diseñador y quieres comenzar a maquetar sitios web, es muy normal que no sepas por donde comenzar o no tengas claros los diferentes pasos.

Aquí preparé una infografía que te servirá de guía cuando comiences a maquetar.

Continue reading

You may also like

La conversión de PSD a HTML ha muerto?

Beneficios de la conversión de PSD a HTML

Respondiendo dudas sobre maquetación web (video)

css3html5

Verdades y mentiras sobre HTML5

verdades html5Desde la aparición de HTML5 se han dicho y desdicho muchísimas cosas pero en realidad todo es mucho más simple y sencillo de lo que parece.

Como hoy HTML5 es el nuevo estándar de programación, intentaré aquí desmentir algunas creencias.

Continue reading

You may also like

5 columnas en Bootstrap Template

Videos de fondo con HTML5

Pack de animaciones CSS3 fáciles y modernas

Maquetacion webResponsive design

Los 8 tormentos del Diseñador Web

8 tormentos del diseñador webSer diseñador web es emocionante, moderno y prometedor, pero te aseguro que en algún momento querrás irte a vivir solo en alguna isla desierta.

Hoy te presento lo que para mí, son los peores 8 tormentos de cualquier diseñador web y como superarlos.

Continue reading

Recursos gráficos

Set de Iconos de Viajes en PSD, EPS y AI

set de iconos de viajeMuchas veces necesitamos buenos ICONOS para embellecer nuestros proyectos, y la verdad es que son bastante difíciles de diseñar y lograr una unidad visual.

Aquí te puedes descarga un set de iconos de viajes en formato PSD, EPS y AI en alta resolucion.

Continue reading

You may also like

Más de 30.000 iconos gratuitos

30 iconos responsive que mutan al agrandarse (SVG)

Pack de iconos planos en PSD y PNG

css3

Estilizando Checkbox y Radiobutton con CSS3 (sin JS)

estilizar checkbox y radiobutton con css3La estilización de un formulario de contacto, es importante para darle una buena experiencia al usuario que navega nuestro sitio.
Aquí una forma muy simple de estilizar Checkbox y Radiobutton solo con CSS3, compatible con Chrome, Firefox y IE9 o mayor.

Continue reading