Recursos frescos para diseñadores y desarrolladores web (marzo de 2017)

Con CLI (interfaz de línea de comandos) somos capaces de agilizar y automatizar los flujos de trabajo de desarrollo web. Y es por eso que en esta entrega hemos incluido un gran número de CLI increíbles que puede instalar en su computadora local o para ejecutar algunas cosas en el servidor. Además de eso, también hemos incluido algunos Herramientas de PHP, complementos de navegador y bibliotecas de JavaScript. Vamos a verlos.

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.

Guetzli

Un nuevo codificador de Google que Permite comprimir la imagen hacia abajo hasta en un 35%. Desde el tamaño inicial manteniendo la calidad. Es un gran avance dado que codificadores de código abierto similares, como JPEGOptim y jpegtran, tienen un límite de solo 20% en promedio. Puedo ver que habrá una serie de aplicaciones y complementos para la plataforma CMS que integran Guetzli para optimizar los archivos JPEG.

Hoja de ruta del desarrollador

Como su nombre lo indica, Developer Roadmap es un Infografía del viaje de ser un desarrollador web.. Hay tres cursos Front-end, Back-end y DevOps. Estas hojas de ruta son como, bueno, un mapa; y son una gran referencia para ver. donde estamos actualmente, lo que podríamos haber perdido, y hacia dónde vamos a continuación.

Netlify CMS

SmashingMagazine ha hecho recientemente una movimiento audaz para abandonar WordPress e intente algo completamente nuevo con un nuevo CMS llamado Netlify CMS. Es un nuevo CMS creado sobre React.js y puede ser Integrado con cualquier generador de sitio estático como Jekyll, Hugo y MiddleMan..

BadSSL

Es un sitio web para comprobar su configuración SSL. BadSSL es una herramienta útil para realizar la depuración y errores a través de SSL instalado en su sitio.

Alix

Alix es un Extensión de Chrome que te permite auditar la accesibilidad de tu sitio web.. Una vez instalado y habilitado, el complemento agregará un cuadro de superposición sobre una serie de elementos en la página que plantean advertencias o errores.

AR.js

AR.js es Bibliotecas de JavaScript a diferencia de las otras. Esta biblioteca nos permite crear Realidad Aumentada utilizando tecnología web, y Sorprendentemente corre muy rápido en los teléfonos móviles..

Reaccionar tendencia

Es un Reacciona el componente de Unsplash para crear un gráfico de líneas encantador típicamente para mostrar tendencias. El componente es configurable; puede establecer el grosor de línea, el color, los gradientes y la suavidad de la curva. Simplemente puede utilizar la GUI para genere convenientemente el código del componente.

Gitee

UNA Aplicación macOS para controlar tu actividad Github directamente desde tu escritorio, Gitee agrega un nuevo elemento en la barra de estado que muestra números de estrellas, seguidores y notificaciones. Además, también puedes vea los gráficos de su empuje y confirmaciones en un repositorio, así como en el repositorio de tendencias en el mes y la semana actual. Es Github en el escritorio en pocas palabras.

Gotas

Goops es un CLI útil que analizará el directorio de su proyecto y determinar los directorios y archivos para agregar en el .gitignore. El CLI se puede instalar a través de NPM. Una vez instalado, escriba piojos y hecho.

Depurar CSS

DebugCSS es un Utilidad de inserción de CSS que le permite analizar y validar su salida de CSS en el navegador. Funciona bastante similar a Alix, cuando carga la hoja de estilo debugCSS o usa el bookmarklet, Destaca los elementos en la página que plantean errores o advertencias..

EagleJS

EagleJS es un Biblioteca de JavaScript para crear la presentación similar a RevealJS. EagleJS es diferente en algunos aspectos; se construye utilizando Vue.js, un framework MVC de JavaScript, y usa Pug como el sistema de plantillas para construir la diapositiva.

BootstrapTour

UNA Biblioteca de JavaScript para crear guías emergentes utilizando un componente Bootstrap. Las guías emergentes suelen aparecer para que los nuevos usuarios las guíen a través de la interfaz de la aplicación, nuevas funciones y para mostrar sugerencias.. Es una biblioteca perfecta si su sitio también está construido con Bootstrap.

Ladrillo

Ladrillo es Una biblioteca de JavaScript diseñada para construir la interfaz de usuario de la aplicación web.. Encontrará algunos de los más comunes como Calendario, Menú y Formulario entre los componentes incluidos. También viene con un "storage-indexeddb" componente para permitirle almacenar datos en el lado del cliente utilizando IndexedDB.

OctoTree

OctoTree es una utilidad agradable que permite buscar códigos y archivos de origen en Github con estructura de árbol como en un IDE o editores de código. Viene como un complemento para Chrome, Safari, Firefox y Opera, y está disponible en su repositorio oficial de complementos. Octotree soporta el repositorio privado y empresarial de Github.

Notificación de Github

Otra útil extensión de Github para Chrome. Una vez instalado, podrá recibir notificaciones incluso si actualmente no está en las páginas de Github. Un gran complemento si quieres estar al tanto de tus repositorios..

Desplegador

Deployer es una herramienta para implementar sus sitios PHP. Funciona con una serie de marcos y plataformas populares como WordPress, Drupal, Magento, Laravel y CodeIgniter. Con esta herramienta, puede componer sus propias recetas, una pieza de comando para ejecutar durante la implementación. Viene con Retroceder Característica que le permite volver a la versión anterior en caso de fallas..

PHPStan

Una CLI que escanea archivos PHP para encontrar errores sin ejecutar el tiempo de ejecución. Esto significa que no necesita un entorno PHP de pila completa para depurar los archivos PHP en su proyecto.

NGINX repetitivo

Una colección de configuraciones comunes de Nginx que incluyen el caché de back-end, el límite de velocidad de conexión y solicitudes, y algunas otras prácticas recomendadas para aumentar la velocidad de su sitio y afinarlo para acelerar el tráfico..

Burbujeante

Bubbly es una gran línea de comandos que puede instalar en su servidor para generar, administrar y renovar el certificado con Let's Encrypt. Doplying SSL ahora es mucho más fácil.

Rejilla de waffle

Sin embargo, otro marco de cuadrícula CSS construido con Flexbox que creo que debería estudiar.