Recursos frescos para diseñadores y desarrolladores web (diciembre de 2016)

Estamos llegando al final de 2016, y ha sido un año emocionante para muchos, incluidos los desarrolladores web. Este año, La popularidad de ReactJS se elevó exponencialmente, se lanza una nueva extensión ReactJS que se encuentra en la lista de Los repositorios de tendencia de Github. (casi) todas las semanas.

PHP7 también se lanza este año que ofrece una mejora significativa en la velocidad, así como el lanzamiento de WordPress 4.7 con la esperada API WP característica, y Facebook también introdujo el paquete Yarn que puede desafiar a NPM.

Haga clic para más recursos

Encuentre nuestra colección completa de recursos recomendados y las mejores herramientas de diseño y desarrollo web disponibles.

Para obtener más detalles sobre cada una de estas versiones útiles, echemos un vistazo a la siguiente lista:

Faro

LightHouse es un herramienta útil de Google para examinar sus sitios web en comparación con las métricas de desarrollo web modernas, que incluyen rendimiento de carga de página, almacenamiento en caché con los trabajadores del servicio, respuesta de tiempo del servidor Etcétera. Estas herramientas vienen en dos formas, la CLI (interfaz de línea de comandos) y la extensión de Google Chrome.

FuseJS

La búsqueda difusa es un tipo de finalización de búsqueda donde devuelve un número de posibilidades, incluso si no coincide exactamente con los argumentos de búsqueda. Por ejemplo, si busca 'a', la resultante puede regresar que hacer, robot, y pie. Esto es un rendimiento de búsqueda popular En las aplicaciones web de hoy. FuseJS es un biblioteca ligera de JavaScript Eso te permite implementarlo fácilmente en tu sitio web..

Paquete de hilo

El hilo es un Gestor de paquetes de nodo construido por Facebook. Básicamente se desempeña de manera similar a NPM aunque con avances en varias áreas, como las velocidades, 'Modo fuera de línea' que le permite instalar los paquetes sin conectarse a Internet, Seguridad y fiabilidad..

Menú Caché

Un útil plugin de WordPress cachear el menú de WordPress usando la API Transitoria para mejorar la velocidad de consulta de la base de datos. El complemento viene con una serie de filtros para personalizar el período de almacenamiento en caché y realizar otras cosas. Se puede instalar utilizando Composer o como plugin regular de WordPress.

Githunt

Githunt es una extensión de Google Chrome que reemplaza la página de inicio de Chrome con el repositorio de tendencias de Github. Puede ordenar el resultado según el período y el lenguaje de programación. Es, creo, una utilidad que debe instalar para que cada desarrollador se mantenga actualizado con las herramientas más brillantes que existen.

Enfoque

¿No puede centrarse en su trabajo y desea hacer su trabajo rápidamente? Pruebe FFocus. Es un CLI que le permite bloquear el sitio web durante un tiempo determinado a través de Terminal. FFocus puede ser instalado a través de NPM ejecutando el npm i ffocus -g mando.

Accesslint

AccesslintJS es un Biblioteca de JavaScript para validar tu sitio web. por accesibilidad. Usar esta biblioteca es tan fácil como cargarla antes de etiqueta, y obtendrá Todas las advertencias y errores. justo en la consola de DevTools.

De colores

Colorable es un aplicación web práctica que le permite generar una combinación de colores que cumpla con las pautas de WCAG, y también hace que su sitio web Accesible para usuarios con discapacidad visual. como la ceguera al color.

Micon

Micon es un icono de fuente de pictographics de Microsoft Windows 10 seleccionado. Esto puede ser un Gran reemplazo de FontAwesome que creo que ya está en exceso.

Referencia CSS

El nombre lo dice todo. Es una referencia de CSS para buscar la sintaxis de CSS. También se presenta de una manera agradable y agradable que lo hace un Gran alternativa para la documentación CSS en MDN., si crees que es demasiado aburrido.

Local por volante

Esto es Aplicación GUI que facilita la configuración de un sitio web local de WordPress en tu macOS. La aplicación está repleta de grandes utilidades para desarrolladores, como; “Un click” Instalacion de wordpress, Acceso SSH, configuración SSL sencilla, plano del sitio y XIP.io. La aplicación tuvo un precio de alrededor de 149 USD, pero es ahora dado de forma gratuita desde que es adquirido por Flywheel.

FreeCodeCamp

Es un Recurso gratuito para aprender código para la web.. Los temas incluyen HTML, CSS, JavaScript y un Algunas bibliotecas como ReactJS y D3.. Proporciona Desafíos o ejemplos de proyectos. Mientras está tomando los cursos, así como tutoriales para Ayudarte a comprender mejor el tema..

Fuente OverPass

La fuente OverPass es una familia de fuentes que consiste en Ocho pesos (200-900), cursiva verdadera y tipo de letra monoespaciada. La fuente se puede cargar como fuente web desde KeyCDN, así como instalado para uso de escritorio. Es gratis y de código abierto..

Base de formulario

Forma de base es un conjunto de reglas de estilo CSS que restablece los elementos de formulario que incluyen entrada, caja, seleccionar, y textarea con estilos básicos pero hermosos. Esta biblioteca CSS es una buena utilizar en conjunción con otro “Resetter CSS” como Normalize.css.

Interfaz

es un marco que se utiliza para construir 24ways.org; un gran recurso que puedes mirar aprender técnicas avanzadas de CSS.

Victoria

ReactJS está en aumento, y con eso viene Un gran número de extensiones para soportarlo.. La victoria es una Componente ReactJS Para añadir visualización interactiva y gráfica o datos..

Infierno

Infierno es un Biblioteca de JavaScript para construir la interfaz web en dispositivos móviles. Es inspirado en ReactJS Por lo tanto, hereda convenciones de sintaxis similares. La diferencia, sin embargo, es que Inferno es construido con el rendimiento en mente lo que lo hace mucho más pequeño en tamaño y también le da una tiempo de renderización más rápido.

Avisar

Permonish es una biblioteca que es capaz de predecir la próxima interacción de los usuarios. Esto te permitirá preparar la interfaz de usuario (UI) más perfectamente antes de que el usuario real interactúe con su sitio web.

Kit de inicio SPA

Este es un ejemplo de SPA (aplicación de una sola página) construido con Laravel y VueJS. Es todavia Otro gran recurso para aprender desarrollo web usando frameworks. - mira la fuente Luke!

Docute

Docute es Biblioteca de JavaScript para construir una documentación de una sola página.. Se alimenta con VueJS y se envía con una serie de utilidades de Node que le permiten configura y ejecuta tu documentación rápidamente.