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

Esta entrega viene con una amplia variedad de recursos una vez más. Tenemos fuentes para inspirar el próximo diseño de su página de destino, dos formas para que los programadores atenúen los efectos de una pantalla deslumbrante, un complemento para crear diseños web con arrastrar y soltar, un complemento de jQuery para mejorar su selección de fechas y un montón de JavaScript bibliotecas para ayudar a los desarrolladores.

También se incluyen recursos sobre HTTP2, terminologías tipográficas, construcción de sitios listos para accesibilidad y un motor de búsqueda para la sintaxis del lenguaje de programación. 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.

Folio de aterrizaje

La publicación de aterrizaje es un lugar central donde puede encontrar ejemplos de diseños de páginas de destino. Hay cientos de ejemplos en el sitio y puede ajustar la lista según su categoría. Este es un marcador definitivamente vale la pena para los diseñadores web.

Consultas de elementos

Un JavaScript que te permite realizar Consulta de elementos. La consulta del elemento se denota por @elemento y a diferencia, @medios de comunicación, @elemento es consciente de numerosas condiciones más allá de “altura” y “anchura”. Puede, por ejemplo, aplicar estilos basados en los números de caracteres contenidos en el elemento.

HTTP2

HTTP2 Es la última especificación de HTTP con cambios significativos. Promete para un mejor rendimiento y una transferencia de datos eficiente. En este recurso, puede encontrar estos cambios (con gran detalle), su impacto en la seguridad, la velocidad y la experiencia del usuario.

Elementor

Elementor es un complemento de WordPress que te permite crear diseños web con arrastrar y soltar. Con Elementor, puedes construir un diseño más atractivo. Es sensible, totalmente personalizable y fácil de usar..

TimeDropper

Este complemento está equipado con algunas animaciones que hacen que la selección de fechas en la web sea más atractiva. Además, hay opciones disponibles para cambiar la apariencia de la interfaz de usuario. Es un complemento de jQuery para recolectores de fechas más sofisticados..

SintaxisDB

Un motor de búsqueda para buscar sintaxis de lenguaje de programación. Actualmente soporta varios idiomas, incluyendo Java, C, Ruby, JavaScript y Python. Este podría ser el motor de búsqueda definitivo para desarrolladores a medida que crece la base de datos y el soporte de idiomas..

Github Dark UI

Github Dark UI es un tema de color más oscuro para Github.com. Esta podría ser una buena combinación de colores alternativos, si trabaja en entornos con poca luz o si tiene que mirar la pantalla durante largos períodos de tiempo..

Ultraligero

En lugar de resaltar el código con diferentes colores, como puede ver a continuación, Microlight crea el código “brillar”. Una biblioteca de JavaScript que resalta el código - literalmente.

BarbaJS

BarbaJS es una biblioteca de JavaScript que permite una transición suave de la página a través de la API de historial de JavaScript / pushState. Este complemento viene con Métodos, Eventos personalizados y un puñado de API para ofrecer una experiencia más fluida para las páginas de su sitio web. Aquí hay unos ejemplos.

TypeTerms

¿Alguna vez te has preguntado cuál es la diferencia entre “espaciado de letras” y “kerning” es? TypeTerms Es una presentación interactiva donde puedes aprender estas confusas terminologías tipográficas..

Frijol mantequilla

Frijol mantequilla es un complemento nuevo y sofisticado para construir Meta Box en WordPress. Se desarrolla siguiendo la moderna arquitectura API de WordPress Customizer. Hace que construir esta particular interfaz de usuario de WordPress sea más elegante.

Verificación del tema del niño

Un plugin de WordPress para verificar su Tema infantil contra el tema principal; comprobará si los archivos en los que se basa el tema infantil están actualizados.

CloudFlare UI

CloudFlare UI es una colección de componentes de interfaz de usuario construida sobre React. Teniendo en cuenta que la popularidad de React está en aumento, podría haber una serie de marcos de interfaz de usuario similares por ahí.

Lerna

Tener que administrar varios paquetes y repositorios en un proyecto grande es inevitable. Esta herramienta le permite manejar esta situación particular y eventualmente optimizar su flujo de trabajo.

Relajarse

Relajarse es una biblioteca de JavaScript para ayudar a reducir el uso de la CPU. Proporciona un conjunto de funciones que se pueden usar en lugar de las funciones nativas de JavaScript. Se puede implementar en un sitio web normal o no en una aplicación basada en Node.js.

Tipografía GEL

Tipografía GEL Es la guía de estilo tipográfico de la BBC. Un gran recurso e inspiración sobre cómo puede estandarizar sus estilos tipográficos..

Patrones de la mente

MIND Patterns es una guía práctica para crear un sitio web de comercio electrónico accesible. Proporciona guías en términos de construcción de HTML, uso de la etiqueta ARIA y composición de estilos CSS que son fáciles de usar para usuarios con discapacidades..

Especificidad CSS

Una colección de ilustraciones que describen cómo funciona la Especificidad CSS..

CSS Dig

Una extensión de Chrome que te ayuda a optimizar CSS. Desechará su página y proporcionará con el informe, la lista de propiedades utilizadas como colores.

Plantilla de alijo

Una colección de plantillas seleccionadas a mano donde puede encontrar una amplia variedad de plantillas, incluidas plantillas de HTML5, WordPress, Ghost, Bootstrap y e-Commerce..