Recursos para los desarrolladores web

En este Tutorial, presentamos una lista de marcos y herramientas que se orientan hacia el desarrollo web . Curiosamente, he encontrado algunas de estas herramientas y marcos procedentes de corporaciones de gigante como Microsoft y Alibaba.

Esta es una buena señal, ya que más empresas están contribuyendo a abrir-fuente y ayudar a dar forma, mejor la Web. Vamos a echar un vistazo a lo que está reservado para la compilación de este mes.

Un marco de interfaz de usuario construye encima de Sass. Viene con todas las interfaces web más comunes, como formularios, navegación y botones, que debería ser suficiente en muchos casos. Si encuentra marcos populares como del inicio y su Fundación abrumadora, Cutestrap podría ser una gran alternativa para usted.

Prueba de HTML5 es una herramienta en línea que pondrá a prueba hasta qué punto un navegador compatible con las últimas especificaciones de HTML5. Es una herramienta muy útil para aquellos involucrados en la depuración y pruebas de aplicaciones web modernas.

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

Weex es un marco de Alibaba para construir aplicaciones móviles con sólo HTML, CSS y jаvascript. Viene con módulos, componentes de interfaz de usuario, sus propias DevTools y CLI que está diseñado para el entorno móvil y para acelerar el desarrollo.

Un marco de Microsoft, los componentes de interfaz de usuario en MWF está construido sobre la base del lenguaje de diseño moderno de Microsoft: plana, limpia y minimalista. Este marco, además de los componentes de interfaz de usuario, también se da orientación sobre el uso de colores , la tipografía y Animación. Creo Material de Diseño Lite finalmente ha conocido a un contendiente iguales.

Vital es un marco con una interfaz mínima muy agradable. Es ligero, no tiene jаvascript, y de forma nativa Rogue - un syntaxhiglighter basado en Ruby.

Fontea es una extensión gratuita de Photoshop para gestionar y aplicar cientos de fuentes de Google fácilmente. Usted puede buscar la fuente desde el interior de Photoshop, previsualizar y aplicar la fuente directamente en su diseño - racionalizar el flujo de trabajo.

Esta es una herramienta que permite crear patrones de interfaz de usuario o la guía de estilo para su sitio web. Se generará cosas como los colores, estilos básicos o la disposición de los componentes, así como el fragmento de código. Una guía de estilo generador como la llovizna le permitirá mantenerse coherente con sus estilos de sitios web.

InterCoolerJS es una biblioteca jаvascript que hace que la aplicación de AJAX en su página web tan fácil como añadir atributos HTML. Viene con una extensa guía y un montón de ejemplos para ayudarle a empezar en el uso de la herramienta.

Picla es un plugin de jQuery para mostrar las etiquetas de imagen recuperados de la imagen altatributo. Se ofrece algunas opciones para permitir añadir un estilo personalizado y el movimiento de la etiqueta. Picla se puede instalar como su sitio web con la dependencia Bower.

Este es un plugin de jQuery para mostrar modales ventanas emergentes. IziModal tiene un montón de opciones de personalización. Puede, por ejemplo, personalizar la animación, el contenido del texto, colores. Es ligero, sensible y la retina listo.

MegaBoilerplate es un generador de configurar un desarrollo pila rápidamente. Ir a la página web y seleccionar qué herramientas y bibliotecas (Node.js, HTML5, jаvascript básico, y Electron) que va a utilizar como punto de partida el sitio web. Se compilará y configurar todas las cosas que hay en un paquete comprimido, listo para su descarga.

Una biblioteca de jаvascript para visualizar moderno reproductor de audio utilizando la API de Web Audio, Howler funcione en un navegador tan antiguos como IE9, y es compatible con muchos códecs de audio como MP3, WEBM, WAV. Un montón de características , modulares, y trabaja con ninguna biblioteca externa.

SuperEmbed es una pequeña biblioteca jаvascript que hace que los objetos incrustados de respuesta, mientras se mantiene la proporción original. Es compatible con una amplia gama de fuentes, incluyendo YouTube, Flickr, Parra, VideoPress y DailyMotion. Ver la demostración.

Cleave es librería jаvascript que formatea automáticamente los valores en la entrada. Se puede, por ejemplo, añadir el separador de miles en la entrada de la moneda, añadir espacio de introducción del número de la tarjeta de crédito, o añadir / en la fecha de entrada. Utilice esta biblioteca para servir mejor experiencia de usuario.

FlippingTypical le permite ver todas las fuentes instaladas en el sistema. Me parece que esta aplicación sea más conveniente que el del FontBook aplicación en MacOS. I tipo de texto al azar y ver cuál de los tipos de letra en mi sistema se ven mejor.

Un nuevo IDE que creo que vale la pena explorar. Comenzó como un proyecto de KickStarter, respaldado por Matt Mullenweg (fundador de WordPress), y finalmente se fue de código abierto. Usted puede ver el vídeo para tener una idea de la nueva onda en este IDE es.

El compresor es una aplicación web que comprime los archivos de imagen hasta el tamaño más pequeño sin perder calidad visual. Es compatible con webp, GIF, PNG, SVG y así. Esta aplicación es gratuita.

Esta es una práctica herramienta de Microsoft para analizar su sitio web para cuestiones como la compatibilidad del navegador y la accesibilidad. La herramienta mostrará una lista de un informe que le dice si algo no está bien acerca de su sitio web y cómo se puede proceder a tratar el tema. ¡Darle una oportunidad!

Este plugin, como su nombre lo indica, se eliminará características de blogs como entradas, comentarios y feeds. Es el derecho de plugins para usted si usted no necesita la característica de los blogs en WordPress.