Recursos frescos para desarrolladores web - agosto de 2016
En este artículo, presentamos una lista de marcos y herramientas que están orientadas al desarrollo web . Curiosamente, he encontrado algunas de estas herramientas y marcos provenientes de grandes corporaciones como Microsoft y Alibaba.
Esta es una buena señal, ya que cada vez más empresas contribuyen al código abierto y ayudan a configurar mejor la Web. Echemos un vistazo a lo que está reservado para la compilación de este mes.
Haga clic para obtener más recursosHaga 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.
CuteStrap
Un marco de interfaz de usuario construido sobre Sass. Viene con todas las interfaces web más comunes como formularios, navegaciones y botones, lo que debería ser suficiente en muchos casos. Si considera que los marcos populares como Bootstrap y Foundation son abrumadores, Cutestrap podría ser una gran alternativa para usted.
Prueba de HTML5HTML5 Test es una herramienta en línea que probará hasta qué punto un navegador admite las últimas especificaciones HTML5. Es una herramienta útil para aquellos involucrados en la depuración y prueba de aplicaciones web modernas.
Calorías del navegadorBrowser Calories es una extensión de Chrome que mide el peso de una página web. Escanea los archivos cargados y su contribución al peso total de la página. Una gran herramienta pequeña para ayudarlo a optimizar el rendimiento de su sitio web.
WeexWeex es un framework de Alibaba para construir aplicaciones móviles con solo HTML, CSS y JavaScript. Viene con módulos, componentes de interfaz de usuario, sus propias herramientas de desarrollo y CLI diseñadas para el entorno móvil y para acelerar el desarrollo.
Microsoft Web Framework (MWF)Un marco de Microsoft, los componentes de la interfaz de usuario en MWF se basan en el 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 brinda orientación sobre el uso de colores, tipografía y animación. Creo que Material Design Lite finalmente se encontró con un contendiente igual.
VitalVital es un marco con una interfaz mínima muy agradable. Es liviano, no tiene JavaScript, y es nativo de Rogue - un sintaxis basado en Ruby.
FonteaFontea es una extensión gratuita de Photoshop para administrar y aplicar fácilmente cientos de Google Fonts. Puede buscar la fuente desde dentro de Photoshop, obtener una vista previa y aplicar la fuente directamente en su diseño, lo que agiliza su flujo de trabajo.
LloviznaEsta es una herramienta que le permite crear patrones de IU 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ías de estilo como Drizzle le permitirá mantenerse coherente con los estilos de su sitio web.
InterCoolerInterCoolerJS es una biblioteca de JavaScript que hace que aplicar AJAX en su sitio web sea tan fácil como agregar atributos de HTML. Viene con una guía extensa y muchos ejemplos para ayudarlo a comenzar a usar la herramienta.
PiclaPicla es un complemento jQuery para mostrar las etiquetas de imagen recuperadas del atributo alt
de la imagen. Proporciona algunas opciones para permitirle agregar estilo personalizado y movimiento a la etiqueta. Picla se puede instalar como la dependencia de su sitio web con Bower.
Aquí hay un complemento jQuery para mostrar ventanas emergentes modales . IziModal tiene muchas opciones para la personalización. Puede, por ejemplo, personalizar la animación, el contenido de texto, los colores. Es liviano, receptivo y listo para la retina.
MegaBoilerplateMegaBoilerplate 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á todo lo que necesita en un paquete comprimido, listo para descargar.
PlanchazoUna biblioteca de JavaScript para mostrar un reproductor de audio moderno con Web Audio API, Howler funciona en buscadores tan antiguos como IE9, y es compatible con muchos códecs de audio como MP3, WEBM, WAV. Muchas funciones, modulares, y funciona sin biblioteca externa.
SuperEmbedSuperEmbed es una pequeña biblioteca de JavaScript que hace que los objetos incrustados respondan, mientras mantiene la proporción original. Es compatible con una amplia gama de fuentes que incluyen Youtube, Flickr, Vine, VideoPress y DailyMotion. Vea la demostración.
CleaveJSCleave es una biblioteca de JavaScript que formatea automáticamente 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 /
ingresar la fecha. Use esta biblioteca para brindar una mejor experiencia al usuario.
FlippingTypical le permite ver todas las fuentes instaladas en su sistema. Encuentro que esta aplicación es más conveniente que usar la aplicación FontBook en macOS. Escribo texto aleatorio y veo cuál de las fuentes en mi sistema se ve mejor.
Mesa ligeraUn nuevo IDE que creo que vale la pena explorar. Comenzó como un proyecto de KickStarter, respaldado por Matt Mullenweg (fundador de WordPress), y finalmente fue de código abierto. Puedes ver este video para hacerte una idea de lo genial que es este IDE.
CompresorCompressor es una aplicación web que comprime los archivos de imagen hasta el tamaño más pequeño sin perder calidad visual. También es compatible con JPG, GIF, PNG y SVG. Esta aplicación es gratis.
Microsoft Site ScanEsta es una herramienta útil de Microsoft para analizar su sitio web en busca de problemas como compatibilidad y accesibilidad del navegador. La herramienta incluirá un informe que le informará si algo no funciona bien en su sitio web y cómo puede abordar el problema. ¡Darle una oportunidad!
Deshabilitar BloggingEste complemento, como su nombre lo indica, eliminará las funciones de publicación de blogs, como Publicaciones, Comentarios y Feeds. Es el complemento adecuado para usted si no necesita la función de blog en WordPress.
Seguir las últimas tendencias de diseño es fácil con Be Theme
(Nota del editor: esta publicación es presentada por Be Theme )Las tendencias de diseño van y vienen. Algunos son meramente modas, algunos se quedan por mucho tiempo, y otros se vuelven de hoja perenne. Cualquiera que sea el caso, los diseñadores web deben mantenerse al día con estas tendencias. De lo contrario, correrán el riesgo de perder frente a la competencia.No s
¿Desea probar macOS Touch Bar desde un iPad? Así es cómo.
¿Desea probar Touch Bar sin tener que elegir una nueva MacBook Pro? Estás de suerte. Hay un hack de iPad que te permite probar el Touch Bar.Necesitarás 2 cosas:iPad con Xcode instalado, yMac actualizado para ejecutar macOS Sierra versión de compilación 10.12.1.16B2657Una vez que tenga ambos dispositivos listos, diríjase a la página Github de la aplicación de demostración Touch Bar y descargue la aplicación a su Mac. Cuando s