Introducción a la historia y medidas tipográficas
Comparto este enlace a un artículo sobre las unidades tipográficas de medida y su historia, publicado hace algún tiempo aquí: https://www.formaciongrafica.net/blog/tutoriales-online/tipografia/unidades-tipograficas-de-medida/
¡Saludos y bonita jornada para ti!
Plácido.
#Tipografía #UnidadesTipográficas #MedidasTipográficas #Cícero #Punto #Pica
¿Qué es markdown?
Markdown es un lenguaje de marcado liviano, creado por John Gruber y Aaron Swartz en 2004, con el propósito principal de permitir a los usuarios escribir texto con formato de manera sencilla y legible, tanto en su versión sin procesar como una vez renderizada.
Características
- Simple y legible: A diferencia de lenguajes de marcado más complejos (y completos) como HTML, Markdown es fácil de leer y escribir, inclusive sin la necesidad de herramientas complejas de edición.
- Formatos básicos de texto: Markdown permite varios formatos básicos de texto, tales como encabezados, listas (numeradas y con viñetas), negritas, cursivas, enlaces, imágenes, o citas, entre otros. Actualmente, debido a implementaciones posteriores, podemos generar también tablas, notas al pie, etc.
- Compatible: Al haberse convertido en un estándar, Markdown es compatible con muchas plataformas, tales como sistemas de gestión de contenidos (CMS) o herramientas de desarrollo, entre otros. Al tratarse de archivos de texto, son altamente portables y compatibles con muchos sistemas y plataformas. Reddit, Diaspora, GitHub o GitLab son solo algunos ejemplos de plataformas que utilizan Markdown.
Aplicaciones
- Documentación técnica: Muchos proyectos de código abierto utilizan Markdown para su documentación técnica. Un ejemplo frecuente suelen ser los archivos README.md presentes en repositorios como GitHub, utilizados para describir a un proyecto.
- Blogs y aplicaciones varias: Plataformas de blogging como Jekyll y Ghost soportan Markdown. Aplicaciones como Obsidian y Typora también utilizan Markdown para la toma de notas.
- Presentaciones: Herramientas como Reveal.js permiten crear presentaciones en formato Markdown, convirtiéndolas luego en diapositivas HTML5 interactivas (mediante plugins Obsidian también permite, en cierta manera, este tipo de funcionalidad).
Enlaces relacionados
- Markdown en Wikipedia: https://es.wikipedia.org/wiki/Markdown
- John Gruber: https://en.wikipedia.org/wiki/John_Gruber
- Aaron Swartz: https://es.wikipedia.org/wiki/Aaron_Swartz
- Páginas sobre Markdown:
- Markdown, por J. Gruber: https://daringfireball.net/projects/markdown/
- Markdown Live Preview: https://markdownlivepreview.com/
- Markdown Cheatsheet, por Adam Pitchard: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
- Adam Pitchard: https://adam-p.ca/
- Plataformas y aplicaciones mencionadas:
- Reddit: https://www.reddit.com/
- Diaspora: https://diasporafoundation.org/
- GitHub: https://github.com/
- GitLab: https://about.gitlab.com/
- Jekyll: https://jekyllrb.com/
- Ghost: https://ghost.org/
- Obsidian: https://obsidian.md/
- Typora: https://typora.io/
- Reveal.js: https://revealjs.com/
Formación Gráfica, asesorías y talleres personalizados de diseño. Aprende, ¡con fundamentos!
#markdown #gitHub #gitLab #JohnGruber #AaronSwartz #cheatSheet #diaspora #jeckyll #ghost #obsidian #typora #revealJs
Pure Data (Pd)
Pure Data, habitualmente abreviado como Pd, es un entorno de programación visual desarrollado por Miller Puckette en la década de 1990, utilizado principalmente para la creación de arte sonoro y medios interactivos. Entre otras características incluye:
- El entorno visual de PD permite que los usuarios programen a través de objetos que conectan con cables virtuales y parámetros que algunos de estos objetos admiten, permitiendo así una metodología visualmente dinámica para la búsqueda de resultados.
- El audio y animaciones en tiempo real es otra de las grandes ventajas de Pure Data, ofreciéndole muchísima flexibilidad y potencia al momento al procesar los resultados dinámicamente, ideal para crear actuaciones en vivo y aplicaciones interactivas.
- A través de bibliotecas y extensiones, Pd puede trabajar con video (con la biblioteca GEM), sensores, redes, etc.
- Comunidad de usuarios activa donde se comparten recursos, tutoriales.
Enlaces recomendados:
- Documentación y ayuda sobre Pure Data:
- Documentación oficial: https://puredata.info/docs
- Manual de PD, versión 0.55-0 (UCD): https://msp.ucsd.edu/Pd_documentation/index.htm
- Descargar la biblioteca GEM: https://puredata.info/downloads/gem
- Instalar la biblioteca GEM: https://forum.pdpatchrepo.info/topic/10723/how-to-install-gem-library-in-pd
- Comunidad de Pure Data: https://puredata.info/community
- Sobre Miller Puckette:
- Wikipedia: https://es.wikipedia.org/wiki/Miller_Puckette
- Universidad de San Diego: https://msp.ucsd.edu/
- Software del autor, documentación, ayudas y repositorios sobre PD: https://msp.ucsd.edu/software.html
- The Theory and Technique of Electronic Music (PDF): https://msp.ucsd.edu/techniques/latest/book.pdf
#pd #pureData #millerPuckette #universidadDeSanDiego #manualPD #multimedia #diseñoSonoro #programaciónMultimedia #glosarioPD
Processing
Descripción
Processing es un entorno de programación (IDE) y un lenguaje basado en Java, creado inicialmente por Casey Reas y Ben Fry en el año 2001, diseñado para artistas, diseñadores y personas interesadas en aprender a programar, especialmente en proyectos multimedia. Entre sus características, Processsing ofrece:
- Sintaxis simplificada, en comparación con Java, facilitando así su aprendizaje por parte de principiantes.
- Gráficos y visualización: Processing está especialmente orientado a la creación de gráficos y visualizaciones, estáticas y animadas, lo que lo hace ideal para proyectos de diseño interactivo, arte generativo y visualización de datos.
- Extensiones: Processing dispone de una variedad de bibliotecas que permiten trabajar con sonido, video, etc.
- Multiplataforma: Los proyectos creados con Processing se pueden ejecutar en Windows, Mac y Linux, y también pueden ser exportados como aplicaciones independientes o applets web.
Enlaces relacionados
- Sitio oficial de Processing: https://processing.org/
- Descarga Processing: https://processing.org/download
- Documentación:
- Referencia del lenguaje Processing: https://processing.org/reference
- IDE: https://processing.org/environment
- Bibliotecas para Processing: https://processing.org/environment
- Herramientas incluidas en Processing: https://processing.org/reference/tools
- Aprende Processing:
- Tutoriales: https://processing.org/tutorials
- Ejemplos: https://processing.org/examples
- Libros: https://processing.org/books
- Processing Foundation: https://processingfoundation.org/
- p5.js: https://p5js.org/es/
- Phyton Mode for Processing: https://py.processing.org/
- Casey Reas:
- Sitio oficial de Casey Reas: https://reas.com/
- Casey Reas en Wikipedia: https://en.wikipedia.org/wiki/Casey_Reas
- Ben Fry:
- Sitio oficial de Ben Fry: https://www.benfry.com/
- Ben Fry en Wikipedia: https://en.wikipedia.org/wiki/Ben_Fry
- Java: https://es.wikipedia.org/wiki/Java_(lenguaje_de_programaci%C3%B3n)
- IDE (entorno de desarrollo integrado): https://es.wikipedia.org/wiki/Entorno_de_desarrollo_integrado
- Applet: https://es.wikipedia.org/wiki/Applet
Nota: La imagen de cabecera corresponde a una captura de pantalla parcial de la portada del sitio oficial de Processing, al momento de publicar esta entrada.
#ide #Java #Processing #descargas #programaciónMultimedia #Programación #caseyReas #benFry #glosarioProcessing #glosarioProgramación #applet
System Usability Scale (SUS)
Introducción
Se trata de una herramienta de evaluación de usabilidad, desarrollada por John Brooke en 1986, que ofrece una medida rápida y confiable de la facilidad de uso de un sistema. A partir de cuestionario de diez ítems, basados en la Escala Likert, que los usuarios deben responder reflejando su experiencia con la interacción después de un sistema, producto o servicio, eligiendo un valor, de entre 5, que van desde totalmente de acuerdo hasta totalmente en desacuerdo.
Los resultados finales se traducen en un puntaje que va de 0 a 100, en el que mayor puntaje, representa mayor usabilidad, sin embargo, es importante no confundir este puntaje con un porcentaje del valor de usabilidad.
Nota: En Formación Gráfica tienes un artículo completo sobre la Escala SUS, con sus 10 preguntas, su modo de uso, la forma de obtener esta puntuación final, y la normalización de resultados: https://www.formaciongrafica.net/blog/tutoriales-online/uxd/system-usability-scale-sus/
Beneficios de implementar SUS
En la actualidad, tanto la innovación como la eficiencia son fundamentales para el éxito de cualquier proyecto o empresa, y es aquí donde la aplicación de la Escala SUS se convierte en una herramienta valiosa no solo en el ámbito digital, sino en sistemas en general, debido a que, entre otras:
- Proporciona una métrica sencilla y objetiva sobre la usabilidad de un sistema.
- Permite la mejora continua del sistema si se implementa cíclicamente, lo que facilita el seguimiento de la evolución en la usabilidad del sistema, producto o servicio, a lo largo del tiempo, basándose en la atención a la percepción y necesidades del usuario.
- Puede ser aplicada tanto con usuarios finales como en procesos internos, para atender a las necesidades del usuario interno de una empresa o institución, impactando positivamente en la eficiencia operativa y la satisfacción de sus colaboradores.
Enlaces relacionados
- John Brooke: https://uxpajournal.org/author/john-brooke/
- Escala Likert: https://es.wikipedia.org/wiki/Escala_Likert
- System Usability Scale (SUS): https://www.formaciongrafica.net/blog/tutoriales-online/uxd/system-usability-scale-sus/
- Aprende UX, con fundamentos, con nuestros talleres personalizados:
- https://www.formaciongrafica.net/capacitaciones/talleres-a-medida/taller-el-ux-mas-alla-del-ui/
Plácido Luna.
El término squircle es una combinación de las palabras, en inglés, square (cuadrado) y circle (círculo), referido a una forma geométrica intermedia con las características de ambos.
Características y propiedades
- Forma intermedia entre el círculo y el cuadrado, que le da una apariencia más suave y amigable que el cuadrado debido a sus bordes redondeados, pero con un equilibrio y estructura más estable que el círculo.
- En un sistema cartesiano, se puede definir, matemáticamente, mediante la siguiente ecuación: x^4 + y^4 = r^4, r es el radio del squircle. Variaciones en esta ecuación pueden ofrecer aspectos más suaves o redondeados.
- Curvatura constante: A diferencia de un cuadrado, el squircle tiene una curvatura constante en sus bordes, lo que lo hace visualmente más agradable, que, en muchos casos, permite rellenos con degradados más suaves, y pudiendo ser escalados, manteniendo sus propiedades.
El uso del squircle en diseño gráfico y en el diseño de interfaces de usuario suele usarse, debido a sus propiedades estéticas y funcionales:
- En el diseño de interfaces de usuario (UID) los squircles pueden emplear el diseño de contenedores de iconos, botones y otros elementos. Apple, por ejemplo, los suele utilizar para los iconos de sus aplicaciones en iOS.
- En el diseño gráfico se pueden emplear, por ejemplo, en el diseño de branding, donde pueden dar a los logotipos, o sus partes, una apariencia más moderna, amigable y atractiva.
- En el diseño de productos físicos, como relojes o dispositivos móviles, entre otros, emplean el squircle para mejorar o dar un aspecto más personalizado a su apariencia.
Más información: https://es.wikipedia.org/wiki/Squircle
Imagen de cabecera:
- La imagen corresponde a una captura parcial de la original publicada en: https://es.wikipedia.org/wiki/Squircle#/media/Archivo:Superellipse_chamfered_square.svg
- Licencia de uso: https://commons.wikimedia.org/wiki/File:Superellipse_chamfered_square.svg
#figurasGeométricas #Geometría #Matemáticas #squircle