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

Muchas de las herramientas y aplicaciones para desarrolladores que se encuentran en la Web evolucionan de acuerdo con las tendencias, mientras que otras evolucionan para ser una solución más pragmática. , pero aún Destacan en sus respectivas categorías..

Tenemos una fuente bonita que puede ser tu Helvetica Neue reemplazo, una biblioteca de JavaScript para probar la presión táctil y una herramienta útil para el registro de errores 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.

Fuente OverPass

Paso superior fuente es una fuente gratuita inspirada en la autopista gótica. Highway Gothic es un tipo de letra ampliamente adoptado en muchos países. Para señales viales debido a su legibilidad en distancias y altas velocidades.. La fuente OverPass viene en cuatro pesos de fuente (fina, normal, semi-negrita y negrita), mayúsculas y minúsculas, y también se puede convertir en una fuente web.

Licencia: OFL (Open Font License)

Pa11y

Pa11y es un Herramienta para probar la accesibilidad de tu sitio web. Con menos de la molestia, a través de la belleza que es. automatización. Puede utilizar la interfaz de línea de comandos o la configuración a través del panel de control si prefiere una interfaz colorida e interactiva. Pa11y producirá un informe, que muestra las áreas para corregir si desea mejorar la accesibilidad de su sitio web para diversas discapacidades.

Más recursos sobre accesibilidad.:

La web moderna y la accesibilidad [Video]
Lista de reproducción: Accesibilidad de Thomas Bradly [Video]
Una mirada a los estándares web de ARIA y accesibilidad de aplicaciones HTML

PresiónJS

Force Touch de Apple básicamente mide la presión de los dedos en la pantalla o el trackpad, que se puede usar para agregar funcionalidad adicional. Los desarrolladores pueden aprovechar esta tecnología para agregar usabilidad a sus aplicaciones nativas OS X o iOS. PresiónJS es una biblioteca de JavaScript que se engancha a las API de Force Touch y le permite aplicarlo a sus sitios web..

SplitJS

SplitJS es una biblioteca de JavaScript ligero que te permite divide la ventana de la ventana del navegador en varias secciones. Es posible que haya visto que se usa comúnmente en aplicaciones web de código compartido como CodePen.io, JSFiddle o JSBin, donde los espacios de trabajo de HTML, CSS y JS están separados en sus propias secciones..

FlexibilidadJS

Flexbox hace que organizar los diseños web sea mucho más fácil. Sin embargo, dado que no funciona en Internet Explorer 9 y 8, los desarrolladores web a menudo tienen que volver a usar el notorio problema. flotador propiedad. FlexibilidadJS está aquí para que puedas Usa Flexbox sin dejar atrás estos viejos navegadores..

LabellaJS

LabellaJS hace creando una línea de tiempo etiquetada mucho mas facil Tiene a su disposición varias opciones para controlar la posición de la etiqueta, la dirección, el ancho, la altura y el algoritmo de diseño. Funciona con el cargador de AMD, como RequireJS, y puede usarse muy bien junto con Browserify y Node.js. No se requiere dependencia.

Pequeñito

Pequeñito es más que solo otro framework CSS. Está repleto de muchos componentes para ayudar con el proceso de construcción, incluido un servidor incorporado, recarga en vivo, sourcemap, minification, validador de código, y generador de sitio estático. También viene con sus propias bibliotecas de JavaScript con características para mejorar la interfaz de su sitio web..

Grav

Grav es un archivo plano basado CMS Similar a Jekyll, un generador de sitio estático. Sin embargo, puede extenderse a través de Temas y Complementos, al igual que WordPress. Por ejemplo, puede instalar para agregar Panel de administrador, Códigos cortos, Comentarios, Formularios y Sitemap. En general, es un gran CMS que también puede ser un gran competidor para un CMS más establecido.

PatternPack

PatternPack Es una herramienta que te permite Construye un sistema para construir tu sitio web o aplicación. y compartirlo en diferentes proyectos a la vez. Tener un sistema estándar es una forma general de práctica recomendada: no solo acelera su flujo de trabajo, sino que también hace que el proyecto sea más fácil de mantener. Lea la Guía de inicio para ver cómo usar la herramienta.

Oh Crash!

La depuración de JavaScript puede ser muy difícil. Sus usuarios pueden experimentar errores que probablemente no haya experimentado durante el desarrollo y la implementación porque ya tiene la configuración perfecta. El problema aquí es que el error solo se registra en el navegador del usuario. Con Oh Crash tu puedes ahora Pon el log en tus repositorios de Github., para que estés más informado sobre el error.