Recursos frescos para diseñadores y desarrolladores web (diciembre de 2015)

La escena de desarrollo web ha estado progresando a la velocidad de la luz este año. CSS3 ha sido bien adoptado y somos menos dependientes de relleno de polietileno ya que los últimos navegadores son realmente buenos para soportar el último estándar web. Se introdujo Microsoft Edge, Google lanzó dos fuentes abiertas para la Web: Material Design Lite y Polymer 2.0.

Así que vamos a concluir el año con algunas herramientas útiles para otros desarrolladores web. Tenemos un par de bibliotecas de JavaScript, así como herramientas para trabajar de manera más efectiva con jQuery. Para obtener más información, consulte la serie de recursos para desarrolladores web..

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.

Notie.js

Notie.js es una mejor alerta de JavaScript, notificación y cuadro de diálogo. En lugar de utilizar el alerta() Función que muestra un poco aburrido y ligeramente chocante cuadro de alerta, puede reemplazarlo con el notie () Función de la biblioteca para mostrar una alerta de estilo capaz. Haga coincidir el estilo de alerta con el diseño general de su sitio fácilmente con Notie.js.

Github Corner

Hace poco me di cuenta de que el rincón Github, que generalmente vemos en la página de inicio de un proyecto de código abierto, ya tiene 7 años. Tiempo para un lifting. Github Corner es una iniciativa para un look más moderno y fresco para la cinta Github. Utiliza SVG en lugar de un gráfico de mapa de bits que le permite mantenerse nítido en pantallas de alta resolución.

Temas dulces (holgura)

Slack se ha convertido en la aplicación de chat más popular en pequeñas empresas, nuevas empresas y con desarrolladores. Comparado con otras aplicaciones como Skype y Google Hangouts, Slack se puede personalizar de varias maneras, incluido su tema: la apariencia y los matices de la interfaz de la aplicación. Aquí hay una colección de temas Slack listos para instalar .

jQuery Config

jQuery es modular, lo que significa que podemos eliminar los módulos no deseados para que el tamaño sea más liviano. Nuestro tutorial anterior, Cómo eliminar módulos innecesarios en jQuery, muestra cómo hacerlo con Homebrew, NPM, pero se realiza a través de la Terminal. Si no quiere usar esa forma, puede recurrir a usar jQuery Config. Hace lo mismo con solo clics..

Nota de verano

Nota de verano es una biblioteca de JavaScript para crear un editor WYSIWYG. SummerNote se desarrolla sobre proyectos destacados de código abierto: jQuery, Bootstrap y Font Awesome. La implementación de SummerNote es tan fácil como la implementación de cualquier otra biblioteca de JQuery, y es la biblioteca alternativa perfecta para TinyMCE, especialmente si su web utiliza Bootstrap también como base..

BackstopJS

BackstopJS es una gran herramienta para probar la capacidad de respuesta del sitio web, que es un proceso tedioso. En pocas palabras, esta biblioteca hace que la tarea de probar un sitio en múltiples tamaños de pantalla sea mucho más sencilla gracias a la automatización. La herramienta capturará capturas de pantalla del sitio web y anotará qué página pasa y falla la prueba según los parámetros y tamaños de pantalla especificados. Es como una herramienta de prueba unitaria para implementar un sitio web sensible..

TrajeCSS

TrajeCSS es una placa de repetición, compuesta por su propio Pre-procesador de CSS que soporta la sintaxis del futuro de CSS como Propiedad Personalizada y Consulta de Medios Personalizada, un puñado de clases de utilidad basadas en la metodología BEM para alinear, dimensionar y posicionar elementos, y muchos módulos CSS para empezar a desarrollar un sitio web bien construido.

Enlazar

Enlazar es una aplicación nativa de OS X que te permite crear interfaces web y diseños utilizando GridStyleSheet, un algoritmo de diseño desarrollado por TheGrid. GSS te permite diseñar sitios web con eficacia. Por ejemplo, a diferencia de CSS, GSS permite la alineación vertical de sus contenedores de elementos con una sola línea de código.

Antimoderado

Antimoderado Es la biblioteca de JavaScript que carga las imágenes de manera más inteligente. Con esta biblioteca, incluso con conexiones de Internet lentas, puede cargar una imagen de menor tamaño primero, mientras que la imagen más grande todavía se está cargando en el fondo. Una vez cargada por completo, la imagen más grande ocupa un lugar central. Esta técnica podría suponer una velocidad de carga más rápida para sus páginas web..

Consejos de jQuery que debes saber

Título interesante e incluso contenido más interesante, esta es una recopilación de consejos de jQuery que deberíamos saber (la mitad de ellos me hubiera gustado saber mucho, mucho antes). Vale la pena echarle un vistazo.