Recursos frescos para diseñadores y desarrolladores web (julio de 2015)

Los desarrolladores web han sido bendecidos con las herramientas y los recursos gratuitos que se encuentran en línea, los cuales recopilamos en nuestra serie de recursos frescos cada mes. Si se perdió el lote del mes pasado, vuelva a visitarlo aquí o eche un vistazo al resto de los recursos frescos recopilados en la primera parte del año.

Para el lote de julio de 2015, destacamos herramientas y recursos nuevos que facilitarán sus tareas, desde complementos de WordPress que le permiten implementar actualizaciones de complementos de forma privada a una biblioteca de JavaScript para agregar animaciones atractivas..

Aladdin

Este complemento agrega funcionalidad adicional a la administración de WordPress, que es similar a OS X Spotlight. Con él, puedes acceder rápidamente a archivos y carpetas en tu Mac. Una vez instalado, presione la tecla Shift dos veces, luego escriba lo que le gustaría acceder. Hace que la administración de WordPress sea más accesible con el uso del teclado..

SiteOrigin CSS

SiteOrigin CSS es un complemento de WordPress robusto para personalizar cualquier aspecto del tema en tiempo real. El plugin añade un nuevo panel bajo el Apariencia> CSS personalizado menú. En él, puede escribir reglas CSS personalizadas para sobrescribir el CSS del tema que está utilizando, o también puede usar el panel GUI para agregar las reglas CSS de manera intuitiva.

DynamicsJS

DynmaicJS es una biblioteca para aplicar animación basada en la física. No soy un experto en física, pero los ejemplos aquí en este menú se ven muy bien. Puede animar elementos HTML y SVG, y le brinda un rendimiento rápido sin ninguna dependencia. DynamicJS se ha probado en Safari 7+, Firefox 35+, Chrome 34+ e IE10+.

Modo avión

Este complemento evitará que varias solicitudes HTTP externas de WordPress, como el actualizador Google Fonts, Gravatar y WordPress, intenten conectarse a los complementos y repositorios de temas para las actualizaciones. Es un complemento útil para el desarrollo local para evitar que se produzcan errores cuando estas llamadas fallan (lo que suele suceder cuando se está desarrollando localmente en Internet excepcionalmente lento).

Coverr

Una colección de videos que son excelentes para los encabezados de tu sitio web. Todos los videos son gratuitos, con licencia de dominio público. No te olvides de revisar el “Cómo utilizar” sección para aprender cómo agregar el video a su página web.

Vibrante js

VibrantJS toma colores prominentes de una imagen. También expone algunas API que le permiten procesar el color obtenido, como cambiar el formato de color y decidir la composición adecuada para el fondo y el texto. Puede usarlo para mejorar la interfaz de su sitio web con la generación dinámica de colores, usar el color como una imagen de marcador de posición cuando la imagen aún no está completamente cargada, o crear una aplicación web para generar una muestra de color.

GradificarCSS

Esta biblioteca toma dos colores prominentes y genera un gradiente de CSS de los colores obtenidos. Al igual que VibrantJS, puede aplicar el degradado como el marcador de posición de la imagen cuando la imagen no está completamente cargada, o como un color de superposición.

Purificar css

PurifyCSS limpia las reglas CSS no utilizadas de su hoja de estilos. Puede usar esto para recortar tamaños de hojas de estilo de marcos grandes como Bootstrap y Foundation hasta en un 40%. PurifyCSS está disponible como complemento Grunt y Gulp.

Título Capital para WordPress

El nombre lo ha dicho todo. Este complemento de WordPress convertirá los títulos, así como los títulos dentro del contenido, en mayúsculas correctas al guardar o publicar la publicación y la página. Considero que este complemento es útil para los sitios web con varios autores para mantener la coherencia del contenido de su sitio web.

Actualizador de GitHub

Este plugin permite al usuario instalar y actualizar automáticamente Complementos de WordPress alojados en GitHub. A pesar del nombre, el complemento también es compatible con Bitbucket y GitLab, incluido uno en un repositorio privado. Es un complemento útil para los desarrolladores que desarrollan y distribuyen sus complementos o temas exclusivamente para sus clientes..

Ejemplos de código

Una colección de ejemplos de código de Equipo de Revisión de Temas de WordPress. En este momento, el ejemplo consta de códigos para compilar componentes del Personalizador de temas utilizando la API del personalizador, incluida la creación de la Sección, Configuración y Panel. Más códigos de ejemplos de mejores prácticas añadidos en el futuro..