About Mobile Developing

que asco el desarrollo mobil…

para que el desarrollo mobile salga bien deberia considerarse todo lo siguiente…

Layouts comunes: nustros dispositivos digitales tienen dos dimensiones y ya.

asi que lo mas coherente es usar algo similar a grid y flex en web

para mi la manera ideal de generar proyectos seria una en la que por defecto todo se comporta como un flex column con wrap y que ademas los contenedores se expanden para ocupar el ancho deseado.

entonces si quieres achicar elementos lo haces manualmente, y por defecto los contenedores estarian incluyendo todo de manera comoda sin mucho rollo

---

¿Que debe poder tener todo proyecto de desarrollo mobile? Rutas basicas y navegacion (como moverse de una pagina a otra) Estilos sencillos (colores para el contenido (letras, iconos) y los contenedores) Manejo de estados sencillo (estados mutables) definicion de variables sencilla (variables dinamicas, tipadas o no)

---

primero que nada… hay cosas que podemos separar: contenedores de contenido

los contenedores tienen: ancho alto color de fondo bordes efectos

el contenido tiene: caracteristicas variadas… todo lo que se pueda modificar de un contendor o contenido debe ser un atributo y los mismos tienen valores.

los contenedores debe tener corchetes , tal que asi:

[conteiner]

[conteiner]

porque esta es la UNICA y mejor manera de indicar que algo esta encerrando algo…

ahora, respecto a los atributos… deberian estar ocultos en el ide tipo “tailwind class extensions hideen”

pero en el codigo una buena forma podria ser alguna de estas:

EN LINEA CON EL CONTEINER

[conteiner]{atr1:val1; atr2:val2; }

[conteiner]

APARTE DEL CONTEINER

una especie de CSS mezclado con TOML

[conteiner]

[conteiner]


-atributes-

[conteiner]
	atr1: val1;
	atr2: val2;

WIDGETS:

cada widget en vez de ser una clase, deberia ser un archivo, con props opcionales

button.widget

[conteiner]
...
[conteiner]

EVENTOS COMUNES: pinch zoom in / zoom out tap hold tap double tap triple tap swipe →↑↓← drag&drop buttons

Los eventos ocurren a nivel de contenedor o a nivel general, y la prioridad de una u otra se fuerza con estados y atributos especiales

ATRIBUTOS Y VALORES COMUNES:

De contenedores: ancho alto color de fondo bordes

Efectos (sombra o glow, opacidad)

De tipografias: tamaño familia Efectos (italica, bold, sombra o glow, opacidad)

De ambos: padding margin

DE animaciones: tipo de animacion Trigger Duracion Delay