Categoría: Artículos

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

Cómo crear gráficos increíbles con la Triangulación de Delaunay

En el ultimo sitio en el que he estado trabajando, decidí cambiar un poco los elementos visuales que he venido utilizando últimamente. Llamo mucho mi atención los elementos visuales que se conformaban a raíz de polígonos, seguramente este tipo de elementos visuales vienen inspirados del Arte Cubista. Una de las técnicas que más llamaron mi atención es aquella que se representaba por medio de triángulos, por ejemplo: Después de investigar un poco descubro que esta técnica esta basada en un algoritmo matemático llamado Triangulación de Delaunay, la cual es muy usado en los gráficos 3D…. 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

Creando el botón perfecto con CSS

Por mucho tiempo los botones en los sitios web eran hechos a base de imágenes, cuando la moda de los bordes redondeados llego a la web, se inventaron varias soluciones para lograr dicho efecto. Hoy en día, salvo algunas excepciones, usar imágenes para los botones no tiene sentido. Hoy, quiero mostrarles algunos tips para crear un buen botón. Usando Padding Este es el método que solía utilizar. La técnica consiste en agregar un padding a nuestro contenedor principal de tal manera que el texto quede alineado vertical y horizontalmente. El problema con esta técnica es… Continuar Leyendo

Tags: , , - Continuar Leyendo

Findiner: Mi nuevo proyecto

A finales de mi vida universitaria comencé a conocer el mundo de los emprendedores y las Startups. A partir de ese momento tener una Startup se ha convertido en un sueño que deseo alcanzar. Hoy es el comienzo de ese sueño, por suerte en este sueño no estoy solo, me acompaña un gran amigo de la Universidad y un ninja programador: Alberto Pat (@apmsuperior en Twitter). Juntos queremos contribuir nuestro granito de arena a esta comunidad de Startups que están naciendo en nuestro Pais: México. Findiner En la Universidad Alberto y yo, tuvimos la oportunidad… 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