[VS4Mac] Color Helper, addin con herramientas para trabajar con colores

Introducción

A la hora de desarrollar y crear aplicaciones (móviles, web, escritorio, etc.) trabajamos de forma habitual con colores. La diversidad de formatos o y la necesidad de contar con una serie de colores que compongan una buena paleta nos suelen llevar a buscar herramientas para realizar conversión entre formatos o buscar colores análogos, complementarios, etc.

Color Helper

Color Helper llega en formato de addin para Visual Studio para macOS con el objetivo de contar directamente en el IDE con las herramientas necesarias para convertir colores entre diferentes formatos o buscar esos colores que hagan que la aplicación luzca mejor.

Color Helper

¿Cómo instalar?

Para instalar el addin, accedemos al menu principal de Visual Studio y seleccionamos la opción Extensions… 

Buscamos por “Color Helper”:

Instalar Color Helper

Y pulsamos Install…

¿Qué aporta?

Tras instalar el addin, tendremos dos bloques de funcionalidad diferente.

Por un lado, tenemos un nuevo Pad en Visual Studio llamado Color Converter.

Acceder a Color Converter

Se nos abrirá un nuevo panel lateral:

Color Converter

La idea es tener una opción rápida y directa para poder hacer conversión entre formatosde colores. Actualmente se soporta RGB y Hex.

La otra opción incluida en el addin es Color Blender. La idea es tener algo similar a www.colorblender.comdirectamente en el IDE. Permite utilizar diferentes algoritmos para ver colores análogos, complementarios, etc.

Color Blender

Se utiliza la librería Color Blendercreada por Wiesław Šoltés.

Lo próximo

Hay una gran cantidad de nueva funcionalidad en el Roadmap del addin:

  • Añadir más formatos a la conversión entre colores: HSL, HSV, CMYK.
  • Añadir colores similares en el menu lateral de conversión de colores.

Puedes encontrar el código del addin en GitHub:

Ver GitHub

¿Qué te parece el addin?. Puedes dejar cualquier pregunta o comentario directamente en la entrada!.

Más información

[VS4Mac] Text Generator, addin para generar texto

Introducción

Creando datos de pruebas para la UI, servicios Fake, etc. solemos tirar de herramientas que generen Dummy Text (Loren ipsum y la gran variedad de variantes).

Text Generator

Text Generatores un addin para Visual Studio para macOS que nos permitirá generar texto directamente desde el IDE.

Generar texto

¿Cómo instalar?

Accedemos al menu principal de Visual Studio y seleccionamos la opción Extensions…

A continuación, buscamos “Text Generator”.

Instalar Text Generator

Y pulsamos Install…

¿Qué aporta?

Al tener un proyecto abierto y un archivo de código, tendremos una nueva opción en el menu Edit.

Generar palabras

Al elegir la opción Generate words… aparecerá un dialogo donde introducir el número de palabras a generar.

Lo próximo

Actualmente (v0.1) sólo se permite generar un número determinado de palabras usando “Loren ipsum”. Para la próxima versión:

  • Menu contextual desde el editor de código.
  • Permitir elegir si generar caracteres, palabras o párrafos.
  • Permitir elegir entre diferentes proveedores para generar el texto. Jeffsum.NETde James Montemagno será una de las opciones añadidas.

Puedes encontrar el código del addin en GitHub:

Ver GitHub

 

Más información

[VS4Mac] SkiaSharp Fiddle

Introducción

SkiaSharpes un sistema de gráficos 2D para .NET y C# que utiliza el motor de gráficos de código abierto Skia usado en los productos de Google. Recientemente, Matthew Leibowitz creo una herramienta llamada SkiaSharpFiddle. Se trata de una herramienta para Windows que permite ver cambios en código SkiaSharp al vuelo ademas de tener resultados de compilación. Fantástica!.

SkiaSharpFiddle

Tras probarla y hablar con Matthew, seria genial tener la herramienta también en macOS, ¿cierto?.

SkiaSharp Fiddle

Llega a Visual Studio para macOS un nuevo addin que añade SkiaSharp Fiddle integrado en Visual Studio.

addin SkiaSharp Fiddle para VS4Mac

¿Cómo instalar?

Para instalar el addin, accedemos al menu principal de Visual Studio y elegimos la opción Extensions…

Buscamos por “SkiaSharp”y encontramos SkiaSharp Fiddle:

Instalar SkiaSharp Fiddle

Tras pulsar Install…, tendremos el addin instalado.

¿Qué aporta?

la principal ventaja del addin es poder previsualizar al vuelo, de forma inmediata código de SkiaSharp. La herramienta es ideal para crear y prototipar al trabajar con SkiaSharp. Además:

  • Podemos personalizar la superfie de dibujado (ancho y alto).
  • Realmente compilamos el código, en caso de error tenemos visualización directa de la línea donde hay error (o errores) junto con el mensaje de error.

Para acceder a la herramienta basta con acceder al menu Tools y seleccionar SkiaSharp Fiddle.

¿Cómo la utilizo?

Lo próximo

Estamos ante la primera versión (v0.1) con la funcionalidad básica.

¿Qué hay pensado para la próxima versión?.

La principal novedad que se incluirá en la próxima versión es IntelliSenseen el editor de código. Recibir ayuda a la hora de escribir el código autocompletado y facilitando la escritura. Además se añadirá elección de modo de color y se realizarán correcciones a errores o feedback recibido.

Puedes encontrar el código del addin en GitHub:

Ver GitHub

¿Qué te parece el addin?, ¿qué añadiríais (o quitarías)?. Recuerda, puedes dejar comentarios directamente en la entrada!

Más información