Estética y Funcionalidad en el Diseño de Interfaces
El diseño exitoso de una interfaz de usuario (UI) depende de la armonía entre cómo se ve algo (estética) y cómo funciona (funcionalidad). 1. Definiciones Clave 2. Anatomía de un … Leer más
Categoría: Desarrollo Web
Diseño Basado en Plantillas vs. Diseño Basado en Contenido
1. El Enfoque de Plantilla (Template-based) 2. Diseño Específico al Contexto (Content-based) 3. El Concepto de “Interfaz Invisible” (Zero UI) Es aquella tecnología tan intuitiva, predictiva o integrada en el … Leer más
Convenciones de interfaz: Aplicación
La ergonomía humana y las tradiciones de diseño han establecido estándares que hoy percibimos como “invisibles”, pero que son fundamentales para la funcionalidad. 1. La Ergonomía y la Forma Humana … Leer más
Convenciones de interfaz: Teoría
Incluso las interfaces más simples, como un teclado numérico, poseen una complejidad subyacente que permite derivar reglas esenciales para el diseño de UI/UX. 1. Conocimiento del Mundo Real y Comportamiento … Leer más
Breve revisión histórica del diseño de interfaces
1. Evolución Histórica de las Pantallas 2. Principios Fundamentales de la Interacción Utilizando el ejemplo de un cajero automático, podemos identificar tres pilares críticos para que una interfaz sea funcional … Leer más
Roles y procesos en el desarrollo de UI/UX
1. Áreas Centrales del Desarrollo UI/UX El proceso se divide fundamentalmente en cuatro pilares interconectados: 2. Áreas Complementarias y de Soporte Más allá del núcleo técnico y de diseño, existen … Leer más
La relación entre UI y UX
1. Diferenciación de Roles y Enfoques 2. Metodologías y Herramientas 3. El Perfil Profesional 4. “La Forma Primero”
¿Qué es una interfaz de usuario?
El diseño de interfaces de usuario (UI) y la experiencia de usuario (UX) son disciplinas fundamentales que definen cómo interactuamos con el mundo digital actual. 1. Definición y Función de … Leer más
ECMAScript – Javascript: asincronia. Tareas y operaciones asíncronas -> Promesas
Operaciones asíncronas Una operación asíncrona permite que el código continúe ejecutándose mientras una tarea específica (como una solicitud de red o un temporizador) se completa en segundo plano, en lugar … Leer más
Vistazo Rápido a Python Dash – Plotly para la creación rápida de Dashboards Dinámicos
Manual rápido para la creación de dashboards y tableros dinamicos con las librerías de python dash y plotly
Vistas
Vistas Estáticas: Listado de Objetos Detalle de objeto Creación, Edición y Actualización
Modelos y Tipos de Campos
Opciones de Campos Tipos de Campos Campos Relacionales Modelos
Django – Templates y Ficheros Estáticos
Templates: Configuracion: Ubicación: Carga: DTL – Django Template Language Filtro: función que se pueden aplicar a las variables: https://docs.djangoproject.com/en/5.1/ref/templates/builtins/#ref-templates-builtins-filters Tag: permite funcionalidades por bloques de códigos: https://docs.djangoproject.com/es/5.1/ref/templates/builtins/#built-in-tag-reference URLS Herencia de … Leer más
Django – Inicio de Proyectos
Git tips Iniciando el proyecto… Creación de proyectos: Correr el servidor: Creación de apps: URLs y vistas Vistas: URLs: Tipos de parámetros: Convertidores de ruta Convertidores personalizados La clase debe … Leer más
Guía rápida CSS
Normalize: https://necolas.github.io/normalize.css/8.0.1/normalize.css Can I use: https://caniuse.com/ Selectores: Medidas _valor_unidad Absolutas cmmmin (1in = 96px = 2.54cm)pxpt (1pt = 1/72in)pc (1pc = 12pt = 1/6in) Relativas emex (alto de “x”)ch (ancho … Leer más
Etiquetal Nuevas en HTML
Elementos semánticos Formularios – Input types Entidades Las entidades HTML son caracteres que se utilizan para reemplazar caracteres reservados en HTML o para caracteres que no aparecen en el teclado. … Leer más
Etiquetas Obsoletas en HTML
Básicamente, todas las etiquetas que modificaban apariencia quedan obsoletas en HTML5, ahora todo aspecto visual queda bajo el control de CSS: Etiqueta HTML Definición <acronym> Etiqueta que define un acrónimo, … Leer más
Estructura de un documento HTML
Estructura General Comentarios
Sintaxis HTML
Sintaxis para etiquetado HTML
Introducción a HMTL
“Lenguajes” para Frontend HTML, ¿es un lenguaje de programación? HyperText Markup LanguageLenguaje de etiquetas de hipertexto XML -> HTML -> XHTML XML: Extensible Markup Language (Lenguaje de Marcado Extensible) <- … Leer más