es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


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 recursos

Haga 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 HTML5

HTML5 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 navegador

Browser 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.

Weex

Weex 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.

Vital

Vital 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.

Fontea

Fontea 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.

Llovizna

Esta 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.

InterCooler

InterCoolerJS 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.

Picla

Picla 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.

IziModal

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.

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á todo lo que necesita en un paquete comprimido, listo para descargar.

Planchazo

Una 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.

SuperEmbed

SuperEmbed 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.

CleaveJS

Cleave 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.

Volteando Típico

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 ligera

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 fue de código abierto. Puedes ver este video para hacerte una idea de lo genial que es este IDE.

Compresor

Compressor 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 Scan

Esta 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 Blogging

Este 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

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

(Consejos de tecnología y diseño)

¿Desea probar macOS Touch Bar desde un iPad?  Así es cómo.

¿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

(Consejos de tecnología y diseño)