Categoría: Blog de Notas Página 1 de 4

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).

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.

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.

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?

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.

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.

Foundation Motion UI – Animate.css

Aprende a usar Motion UI y Animate.css.

Indentar HTML, CSS o JavaScript con Sublime Text

Sublime-HTMLPrettify es un plugin de SublimeText para indentar HTML, CSS o JavaScript con SublimeText.

Step menu simple CSS

‘Step menu’ responsive.

Desactivar links con CSS

Aprender en un minuto a desactivar links con CSS.

Alinear horizontal y verticalmente cualquier cosa con Flexbox

Aprender a alinear horizontal y verticalmente cualquier cosa con Flexbox.

jQuery UI – personalizar widget Datepicker

Personalizar el widget Datepicker de jQuery UI.

Sublime Text 3 – Las 20 mejores combinaciones de teclas

Las mejores combinaciones de teclas para Sublime Text 3.

Sublime Text – BracketHighlighter

BracketHighlighter es un plugin para Sublime Text que subraya claramente aperturas y cierres en el marcado HTML.

Reordenar DIVs con Flexbox

Reordenar DIVs (visualmente) con Flexbox, sin necesidad de alterar el DOM.

Truncar texto con la propiedad ellipsis de CSS3

Mediante la propiedad ‘ellipsis’ de CSS3 podemos truncar texto que sobrepase (overflow) la anchura de su contenedor.

Simple Lightbox – gran plugin para imágenes en WordPress

Simple Lightbox es un plugin para Wordpress que muestra nuestras imágenes poniéndolas en primer plano y atenuando el fondo de la web.