es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Recursos frescos para 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. En la entrega de este mes, he decidido dedicar más tiempo a encontrar recursos que pueden no parecer tan útiles., pero aún se destacan en sus respectivas categorías .

Tenemos una fuente atractiva que puede ser su reemplazo de Helvetica Neue, una biblioteca de JavaScript para probar la presión táctil y una herramienta práctica para el registro de errores de JavaScript. Vamos a verlos.

Haga clic para obtener más recursos

Haga clic para obtener más recursos

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

Fuente OverPass

La fuente OverPass es una fuente gratuita inspirada en Highway Gothic. Highway Gothic es una tipografía ampliamente adoptada en muchos países para señales de tráfico debido a su legibilidad a través de la distancia y altas velocidades . La fuente OverPass viene en cuatro pesos de fuente (delgada, normal, semi-negrita y negrita), letras mayúsculas y minúsculas, y también puede convertirse en una fuente web.

Licencia : OFL (Licencia de fuente abierta)

Pa11y

Pa11y es una herramienta para probar la accesibilidad de su sitio web con menos molestias, a través de la belleza que es la automatización . Puede utilizar la interfaz de línea de comando o la configuración a través del tablero si prefiere una interfaz colorida e interactiva. Pa11y generará un informe que mostrará las áreas a corregir si desea mejorar el acceso de su sitio web a 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 la accesibilidad a las aplicaciones HTML
PressureJS

El Force Touch de Apple básicamente mide la presión de los dedos en la pantalla o el panel táctil, 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. PressureJS es una biblioteca de JavaScript que se conecta a las API Force Touch y le permite aplicarlo a sus sitios web.

SplitJS

SplitJS es una biblioteca ligera de JavaScript que le permite dividir la ventana de la ventana del navegador en varias secciones . Puede haberlo visto comúnmente en las aplicaciones de intercambio de código 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 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 la propiedad de float notoriamente problemática. FlexibilityJS está aquí para que pueda usar Flexbox sin dejar atrás estos navegadores antiguos .

LabellaJS

LabellaJS hace que crear una línea de tiempo etiquetada sea ​​mucho más fácil. Tiene varias opciones a su disposición para controlar la posición, dirección, ancho, alto y el algoritmo de disposición de la etiqueta. Funciona con AMD loader RequireJS, y se puede utilizar muy bien junto con Browserify y Node.js. No se requiere dependencia.

Pequeñito

Wee es más que solo otro marco CSS. Está repleto de muchos componentes para ayudar con el proceso de construcción, incluido un servidor incorporado, recarga en tiempo real, mapa de origen, minificación, validador de código y generador de sitios estáticos . También viene con sus propias bibliotecas de JavaScript con características para mejorar la interfaz de su sitio web.

Grav

Grav es un CMS basado en archivos planos similar a Jekyll, un generador de sitios estáticos. Sin embargo, puede extenderse a través de temas y complementos, al igual que WordPress. Por ejemplo, puede instalar para agregar el Panel de administrador, los códigos cortos, los comentarios, los formularios y el mapa del sitio. En general, es un gran CMS que también puede ser un gran candidato para un CMS más establecido.

PatternPack

PatternPack es una herramienta que le permite construir un sistema para construir su sitio web o aplicación y compartirlo en diferentes proyectos a la vez. Tener un sistema estándar es una forma general de las mejores prácticas: no solo acelera el 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.

OhCrash!

La depuración en JavaScript podría ser muy difícil. Sus usuarios pueden experimentar errores que probablemente no experimentaron durante el desarrollo y la implementación porque ya tienen la configuración perfecta. Lo difícil aquí es que el error solo se registra en el navegador del usuario. Con OhCrash, ahora puede poner el registro en sus repositorios Github, para que esté más informado sobre el error.

Texto truncado dinámico con el complemento Shave.js

Texto truncado dinámico con el complemento Shave.js

La mayoría de los blogs de WordPress usan la función "leer más" para mostrar el texto de la vista previa de una publicación. Este texto se trunca y se corta en un cierto punto para ahorrar espacio y para alentar a los lectores a hacer clic más para seguir leyendo .Pero a veces querrás agregar esta función en una sola página. Introd

(Consejos de tecnología y diseño)

Cómo personalizar Windows 10 Startup / Welcome Sound

Cómo personalizar Windows 10 Startup / Welcome Sound

En una publicación anterior, destaqué algunas formas con las que puede administrar los programas de inicio en Windows. ¿Pero sabía que puede personalizar el jingle de inicio de Windows con un mensaje personalizado ? De lo contrario, esta publicación te dirá cómo hacerlo.Puede configurar un mensaje de bienvenida personalizado, un recordatorio importante, un mensaje de motivación o incluso bromear con su hermano configurando un mensaje personalizado en su PC. Sean c

(Consejos de tecnología y diseño)