Tags: Tips

Probando sitios responsivos desde Chrome

Cuando nos encontramos desarrollando un sitio web responsivo (adaptativo – adaptable) una de las acciones más comunes que realizamos es ir probando como se ve nuestro sitio en diferentes resoluciones. Lo más común es ir redimensionando nuestro navegador para observar dichos cambios, lo “malo” de esta tarea es la perdida de tiempo que esto puede suponer. Hay un tip que comparte James Young en su blog que puede significar un ahorro significativo de tiempo en esta tarea. Se trata de utilizar el inspector de código que Chrome usa. Por defecto el inspector de código de… Continuar Leyendo

Tags: , , , - Continuar Leyendo

Términos y Condiciones más amigables para tus usuarios

Los términos y condiciones de un sitio o servicio web son ese tipo de cosas que uno no quiere leer, en la mayoría de los casos se trata de largos textos llenos de términos jurídicos que pocas veces leemos y entendemos. Sin embargo, siempre será importante saber que hacen los servicios o paginas web con nuestros datos. Hace unos días en twitter Lea Verou una reconocida chica en el mundo de diseño y desarrollo web publico un excelente ejemplo de términos y condiciones más amigables para el usuario final. El sitio en cuestión era Codepen un servicio creado por otro… Continuar Leyendo

Tags: , - Continuar Leyendo

Visualiza como se verían tus Paginas o Aplicaciones en dispositivos reales

Una imagen como la anterior es muy utilizada en portafolios o Landing Pages de algún servicio o aplicación web. Generalmente si se desea realizar este recurso tendrás que conseguir una imagen en alta resolución de el dispositivo, posteriormente hacer la “magia” en photoshop. Algo que tal vez un programador le cueste trabajo, por suerte hay gente que ayuda a resolver este problema de una manera elegante. Si entramos a la siguiente dirección , nos encontraremos una serie de imágenes de diferentes productos de Apple en diferentes tomas.   Ahora tan solo tenemos que arrastrar la imagen… Continuar Leyendo

Tags: , , , - Continuar Leyendo

Design Survival: Obtén Tips de los expertos

Internet es sin duda uno de los mejores lugares para aprender nuevas cosas, los recursos para aprender son bastos, y al final depende de uno la adquisición de nuevos conocimientos. La mayoría de los que nos dedicamos a la web sabemos que gran parte del conocimiento que tenemos es por ser autodidactas, el ser autodidacta conlleva mucho tiempo y esfuerzo, mucha experimentación y aprendizaje del prueba y error. Una de las cosas que nos pueden ayudar a hacer mas llevadero este camino es seguir los tips y consejos de los expertos. Un buen consejo de… Continuar Leyendo

Tags: , , - Continuar Leyendo

Como el diseñar y evaluar al mismo tiempo pueden matar tu creatividad

Hace unos días escuchaba un podcast en el cual se tocaba el tema de los vicios que matan la creatividad, uno de los puntos era: evitar diseñar y evaluar al mismo tiempo. Diseñar y evaluar al mismo tiempo es quizás uno de los vicios más comunes que se tienen a la hora de ser creativos. Imaginemos… te encuentras frente a un nuevo proyecto, comienzas a diseñar los bocetos del sitio o aplicación que vas a realizar, paso siguiente, comienzas con el diseño visual en tu herramienta preferida (photoshop, illustrator, etc). Después de aplicar una serie… Continuar Leyendo

Tags: , , - Continuar Leyendo

Como crear el efecto Inset en Photoshop

Hoy quiero compartirles un pequeño tip para crear el efecto Inset en Photoshop, este es un efecto que es muy popular en el mundo de aplicaciones móviles e interfaces de usuario. Realizarlo es muy simple y hoy aprenderemos como hacerlo. Lo primero que haremos será crear un nuevo documento con las dimensiones que tu consideres. El siguiente paso será elegir el color de base para nuestro efecto, por ejemplo yo usare un color oscuro con valor hexadecimal de #424242. Una vez tenemos nuestro color de base, procedemos a escribir el texto o la imagen que… Continuar Leyendo

Tags: , , - Continuar Leyendo