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

Hay una serie de empresas de código abierto que se unen para proporcionar información útil. Recursos web y herramientas para que todos puedan usar de forma gratuita.. Esto es lo que hace que la comunidad web prospere, innova y produzca recursos más útiles..

En esta entrega de la serie Fresh Resources, he reunido una serie de Nuevos recursos de varias categorías. Incluye una aplicación que te permite administrar complementos de Sketch en diferentes computadoras, una colección de fuentes icónicas para tu alma nerd., un par de aplicaciones de escritorio, y un puñado de otros. Vamos a verlos uno por uno.

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.

Principio de diseño inclusivo

Una gran referencia proporcionando Principios para construir sitios web o aplicaciones de software. que son agradables para tantas personas como sea posible, independientemente de sus discapacidades. Esta referencia está disponible en inglés, español, francés y japonés. Un buen También hay un póster disponible que puedes imprimir. y colocar en tu puesto de trabajo.

MerlinWP

Esto es algo que había pensado construir, sin embargo, alguien lo hizo primero y se ve muy bien. MerlinWP es una clase de PHP para desarrolladores de temas. proporcionar una buena a bordo experiencia para un tema de WordPress similar a cómo configurar macOS o Windows en una computadora nueva.

WTFJS

JavaScript es un gran lenguaje con un gran ecosistema que permite aplicaciones web, de escritorio y móviles. Sin embargo, tratar con JavaScript a veces puede ser complicado. WTFJS, como su nombre lo indica, ha recogido estos peculiar Comportamientos de JavaScript que gritan WTF!

Facturación

Un plugin de WordPress que le permite crear una factura y un presupuesto directamente desde el Panel de control. Tiene una interfaz de usuario elegante y fácil de usar e incluye todas las funciones necesarias para administrar las facturas. También puede establecer diferentes modos de pago para que sus clientes paguen desde Paypal, Authorize.net, Stripe y muchos otros..

Lungo

Un pequeño Aplicación macOS para que tu computadora se mantenga despierta.. Esta aplicación es particularmente útil cuando estás en medio de una tarea automatizada que llevaría mucho tiempo completar y quieres asegurarte de que tu computadora no entre en modo de suspensión.

Vector emoji

UNA Colección de emojis populares en formato vectorial.. Los archivos están disponibles en formato Photoshop y Sketch..

PHPBot

PHPBot es como un asistente que habla el lenguaje PHP. Puede escribir una funciones de PHP, por ejemplo array_merge version_compare, y te responderá con un ejemplo completo de fragmento de código basado en esa función. Sorprendentemente, también reconoce cuando escribimos “Mapa de Array”. Un día podría integrarse en un editor de código o un IDE, similar a Clippy en Microsoft Word.

TerminalesAreSexy

Terminal es probablemente una de las mejores herramientas jamás inventadas. Y esto, “TerminalesAreSexy”, es un lista curada de herramientas, marcos y extensiones Eso lo mejorará. Una vez que haya dominado el Terminal y las líneas de comando, encontrará que es más poderoso que cualquier aplicación GUI.

Recogedor plano

FlatPickr es un Ligero, fácilmente personalizable, increíblemente rápido selector de fecha y hora que funciona en IE9 +, iOS Safari 6+, MS Edge, Chrome 8+, Firefox 6+. FlatPickr también ha sido portado a marcos de JavaScript populares incluyendo React, Ember, Vue, y Angular.

Gato compositor

Composer es una popular gestión de dependencias para aplicaciones PHP. Si prefieres trabajar con una GUI, ComposerCat es el que estás buscando. Te permite instalar, actualizar y eliminar paquetes de Composer con una interfaz de usuario intuitiva. Construido sobre Electron, ComposerCat está disponible para Windows, macOS y Linux.

Vidlery

Un gran colección de videos animados que son perfectos para el fondo de un sitio web. Todos estos videos son gratuitos. Qué más podemos preguntar?

Panel de Webpack

Inspirado en el OpenMCT Dashboard de la NASA, esta aplicación te mostrará los Registros, activos, operaciones y otras evaluaciones analíticas de tus paquetes de paquetes web que te harán sentir como si estuvieras trabajando en un proyecto de la NASA. Suena genial derecho?

GTop

Otra herramienta que se sumará a tu productividad. GTop es un paquete de nodo que te ofrece tablero de monitoreo del sistema para terminal.

Wekan

Wekan es un Aplicación similar a Trello que puedes ejecutar en tu propio servidor. Una excelente alternativa a Trello, especialmente si aún no se ha suscrito a ningún servicio. Echa un vistazo a la wiki detallada en la instalación.

FuzzySort

Inspirado por la búsqueda de SublimeText, FuzzySort es un Biblioteca de JavaScript para búsquedas de tipo borroso increíblemente rápidas. Esta biblioteca se puede utilizar en la aplicación Node y en el navegador. Si no estas seguro de que “Borroso” búsqueda significa revisar este hilo en StackOverflow.

NerdFonts

Un gran colección de fuentes para desatar tu lado nerd. La colección incluye algunas de las familias de fuentes populares como Hack, Fira, Ubuntu, Roboto y Meslo..

Fitty

Fitty es un Biblioteca de JavaScript para hacer que un texto se ajuste a su contenedor.. Funciona con fuentes web personalizadas y admite texto multilínea. También es sensible; como sea Ajusta automáticamente el tamaño de fuente cuando cambia la ventana gráfica..

WhatWebCanDo

La web ha evolucionado más que simplemente entregar texto y medios. Ha introducido APIs, nuevos Elementos y CSS, y otras tecnologías que enriquecen la experiencia en la web tanto para los usuarios como para los desarrolladores.. Visite WhatWebCanDo para obtener la lista de funciones habilitadas en el navegador que está usando.

SketchPacks

Una aplicación que te permite sincronizar complementos de Sketch en múltiples computadoras. Es útil cuando está trabajando tanto en su iMac o MacBook, como para obtener su Dibuje y ejecute cuando acaba de configurar una nueva computadora.

FontStorage

UNA Gran colección de fuentes gratuitas que se pueden utilizar en la web.. Proporciona fuentes de varias categorías con glifos de diferentes idiomas. Un plugin para El editor de código está disponible para ser insertado en la hoja de estilo de la fuente seleccionada. Alternativamente, puede descargar las fuentes y cargarlas usando @Perfil delantero dentro de la propia hoja de estilo del sitio. Esta podría ser una gran alternativa a Google Fonts..