Software UI / UX

Afortunadamente, el diseño UI / UX está tomando cada vez más importancia a la hora de buscar el éxito de nuestras aplicaciones y sitios web. La continua revisión (iteraciones) en el diseño y estructura de los productos que desarrollamos es vital para mantener su interés y relevancia.

Aprender Flexbox y CSS Grid gratis

En este artículo se van a ir recopilando diferentes recursos gratuitos para aprender Flexbox y CSS Grid. Visita regularmente este artículo para aprender las últimas tecnologías  y técnicas de maquetación online.

Vocabulario UX

Este artículo es una recopilación de todo tipo de palabras clave y términos relacionados con la experiencia de usuario (UX). Se irá ampliando para incluir nuevos términos, técnicas y procesos.

Texto no seleccionable con CSS

En ocasiones no queremos que ciertas partes o textos de nuestras webs  sean seleccionables. Por ejemplo en aplicaciones web o de escritorio basadas en HTML, CSS & JS.

Deshabilitar actualizaciones automáticas en WordPress

Con el plugin Easy Updates Manager podrás tener el control total sobre las actualizaciones de los diferentes elementos que componen tu Wordpress (temas, plugins, traducciones, logs).

Clip-path CSS

La propiedad clip-path de CSS nos permite crear una forma poligonal que actúa como una máscara, a través de la cual se mostrará nuestro gráfico.

Animación en WordPress

Probablemente ya hayas utilizado o al menos te suene CSS Animate It. Se trata de un pack de animaciones y transiciones basadas en CSS3, desarrollado por Jack McCourt. Gracias a eLEOPARD Design Studios disponemos de un fantástico plugin que permite utilizar estas animaciones dentro de Wordpress.

Flipping card

Ejemplo básico de ‘flipping card’. Utiliza jquery y bootstrap. 

Convertir imagen a base64

Utilizar imágenes en base64 tiene la ventaja de ahorrar peticiones al servidor, ya que las imágenes quedan “embebidas” en la propia página.

Las mejores extensiones para maquetar con Visual Studio Code

Las extensiones de Visual Studio Code más útiles para maquetadores.

Encontrar contraseña de Windows 10

Pulsamos el botón de ‘Search Windows’ (o usamos la combinación de teclas ‘Windows + S’). Escribimos ‘regedit’ y pulsamos ‘Enter’ para acceder a la ventana de registro de Windows…

Google Captcha (reCAPTCHA) para WordPress

Todos necesitamos dotar de la mayor seguridad posible a nuestros sites. Si además se puede hacer de manera fácil y rápida, mucho mejor. Esto es lo que nos ofrece el plugin Google Captcha (reCAPTCHA) para Wordpress.

Digital Healthy Schools – Essex

Proyecto web para el cuidado de la salud en colegios mediante el uso de Apps.

Fotos gratis de calidad

Ya sea para nuestra web personal, un post de nuestro blog, diseñar una camiseta o simplemente para experimentar, siempre vamos a necesitar fotos con buena resolución. Y si además son fotos gratis de calidad, mucho mejor ¿no?

ORCHA Healthcare – prescribiendo Apps

En este proyecto he participado en todas las fases de su desarrollo. Desde la ideación, capas de presentación y negocio, prototipados lo-fi y hi-fi,  tests grupales de usabilidad, diseño, maquetación y optimización en dispositivos electrónicos.

Website – Gym

Plantilla responsive de sitio web para un gimnasio. Esta plantilla se adapta fácilmente a distintos tipos de negocio.

Dashboard – Gym

Plantilla responsive de Dashboard para usuarios registrados. Se trata de un Dashboard sencillo pensado para adaptarse a distintos tipos de negocio.

Activa el modo diseño de JavaScript en tu navegador

El modo diseño de JavaScript es muy útil para probar pequeños cambios de diseño sobre cualquier web. Es posible cortar, pegar y editar texto con la misma facilidad que lo haríamos en Word.

Full size background image

Seguramente has visto webs con una imagen de fondo que inicialmente ocupa todo el espacio del navegador (alto y ancho). Al hacer scroll se ve el resto del contenido de la página, ya sea texto, otras imágenes, una mezcla de ambos, etc.

Carula

Me encargué de mejorar la experiencia de usuario en el proceso de compra desde cualquier dispositivo electrónico (responsive web design).

Quantis

Quantis es un servicio de acceso a internet vía satélite. En este proyecto me encargué de mejorar y modernizar el aspecto visual general de la web, cuidando especialmente la experiencia de usuario en dispositivos móviles.

HR Giger – Museum and Bar

Homenaje a unos de mis artistas favoritos, HR Giger (1940-2014). Este genio fue el creador del xenomorfo de la película ‘Alien’ (1979).

Liverpool history

Liverpool history es una galería con 20 imágenes históricas de la ciudad.

CSS Filters

Muestra de 10 filtros para imágenes que se pueden aplicar en navegadores modernos, especialmente aquellos basados en webkit.

Deshabilitar “Update Available” en Sublime Text 3

Si estás aburrido de encontrarte con este pop up cada vez que abres Sublime Text 3, hay una manera muy fácil de deshabilitarla.