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

En este artículo, presentamos una lista de marcos y herramientas que es orientado hacia el desarrollo web. Curiosamente, he encontrado algunas de estas herramientas y marcos que provienen de corporaciones gigantescas como Microsoft y Alibaba..

Esta es una buena señal, ya que cada vez más compañías están contribuyendo al código abierto y ayudan a configurar una mejor Web. Echemos un vistazo a lo que está en la tienda para la compilación de este mes..

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.

Correa linda

Un marco de interfaz de usuario construido sobre Sass. Viene con todas las interfaces web más comunes, como formularios, navegaciones y botones, que deberían ser suficientes en muchos casos. Si encuentras marcos populares como Bootstrap y Foundation abrumadores, Cutestrap podría ser una gran alternativa para ti.

Prueba HTML5

Prueba HTML5 es una herramienta en línea que probará hasta qué punto un navegador admite las últimas especificaciones de HTML5. Es una herramienta útil para quienes participan en la depuración y prueba de aplicaciones web modernas..

Calorías del navegador

Calorías del navegador Es una extensión de Chrome que mide el peso de una página web. Analiza los archivos cargados y su contribución al peso total de la página. Una gran herramienta pequeña para ayudarte a optimizar el rendimiento de tu sitio web.

Weex

Weex es un marco de Alibaba para construir aplicaciones móviles con solo HTML, CSS y JavaScript. Viene con módulos, componentes de UI, su propio DevTools y CLI que está diseñado para el entorno móvil y para acelerar el desarrollo..

Microsoft Web Framework (MWF)

Un framework de Microsoft, los componentes UI en MWF está construido en base al lenguaje de diseño moderno de Microsoft: plano, limpio y minimalista. Este marco, además de los componentes de la interfaz de usuario, también proporciona orientación sobre el uso de colores, tipografía y animación. Creo que Material Design Lite finalmente ha encontrado un competidor igualitario..

Vital

Vital Es un framework con una interfaz mínima muy agradable. Es liviano, no tiene JavaScript y, de forma nativa, es un pícaro: un sintaxis y un luchador basado en Ruby..

Fontea

Fontea es una extensión gratuita de Photoshop para administrar y aplicar fácilmente cientos de fuentes de Google. Puede buscar la fuente desde Photoshop, previsualizar y aplicar la fuente directamente en su diseño, optimizando su flujo de trabajo.

Llovizna

Esta es una herramienta que le permite crear patrones de UI o una guía de estilo para su sitio web. Generará cosas como los colores, los estilos básicos o el diseño de los componentes, así como el fragmento de código. Un generador de guía de estilo como Llovizna Te permitirá mantenerte consistente con los estilos de tu sitio web..

InterCooler

InterCoolerJS es una biblioteca de JavaScript que hace que la aplicación de AJAX en su sitio web sea tan fácil como agregar atributos HTML. Viene con una guía extensa y muchos ejemplos para ayudarlo a comenzar a usar la herramienta..

Picla

Picla es un complemento de jQuery para mostrar las etiquetas de imagen recuperadas de la imagen alt atributo. Proporciona algunas opciones para permitirle agregar un estilo personalizado y movimiento a la etiqueta. Picla se puede instalar como la dependencia de su sitio web con Bower.

IziModal

Aquí hay un plugin jQuery para mostrar modal ventanas emergentes. IziModal Tiene muchas opciones de personalización. Puede, por ejemplo, personalizar la animación, el contenido del texto, los colores. Es ligero, sensible y listo para la retina..

MegaBoilerplate

MegaBoilerplate Es un generador para configurar una pila de desarrollo rápidamente. Vaya al sitio web y seleccione las herramientas y bibliotecas (Node.js, HTML5, Vanilla JavaScript y Electron) que usará como base de su sitio web. Compilará y configurará todas las cosas que necesita en un paquete comprimido, listo para descargar..

Planchazo

Una biblioteca de JavaScript para mostrar el reproductor de audio moderno utilizando Web Audio API, Planchazo funciona en navegadores tan antiguos como IE9, y admite muchos códecs de audio como MP3, WEBM, WAV. Un montón de características, modular, y funciona sin biblioteca externa.

SuperEmbed

SuperEmbed es una pequeña biblioteca de JavaScript que hace que los objetos incrustados respondan, mientras se mantiene la proporción original. Es compatible con una amplia gama de fuentes que incluyen Youtube, Flickr, Vine, VideoPress y DailyMotion. Ver la demo.

CleaveJS

Adherirse Es una biblioteca de JavaScript que automáticamente formatea los valores en la entrada. Puede, por ejemplo, agregar el separador de miles en la entrada de moneda, agregar espacio en la entrada del número de tarjeta de crédito o agregar / en la entrada de fecha. Utilice esta biblioteca para brindar una mejor experiencia de usuario.

Voltear típico

FlippingTypical le permite ver todas las fuentes instaladas en su sistema. Creo que esta aplicación es más conveniente que usar el Libro de fuentes aplicación en macOS. Escribo texto al azar y veo cuál de las fuentes de mi sistema se ve mejor.

Mesa ligera

Un nuevo IDE que creo que vale la pena explorar. Comenzó como un proyecto KickStarter, respaldado por Matt Mullenweg (fundador de WordPress), y finalmente se convirtió en código abierto. Puedes ver este video para tener una idea de lo genial que es este IDE..

Compresor

Compresor es una aplicación web que comprime archivos de imágenes hasta el tamaño más pequeño sin perder calidad visual. Es compatible con JPG, GIF, PNG y SVG también. Esta aplicación es gratuita.

Microsoft Site Scan

Esta es una herramienta útil de Microsoft para analizar su sitio web en busca de problemas como la compatibilidad y la accesibilidad del navegador. La herramienta incluirá un informe que le informará si algo no está bien con respecto a su sitio web y cómo puede proceder a solucionar el problema. Darle una oportunidad!

Deshabilitar los blogs

Este complemento, como su nombre lo indica, eliminará las funciones de los blogs, como publicaciones, comentarios y feeds. Es el complemento adecuado para usted si no necesita la función de blogs en WordPress.