DEV Community

Oreste AI Team
Oreste AI Team

Posted on

🛠️ Sviluppare una guida Canva modulare con HTML, CSS e JavaScript

Continuando lo sviluppo di Oreste AI, sto lavorando anche alla sezione “Impara Canva con Oreste AI”.

L'obiettivo non è creare semplicemente una pagina con alcuni collegamenti, ma costruire una guida organizzata e facilmente estendibile.

🧩 Struttura modulare

La guida è organizzata attraverso diverse sezioni, ognuna dedicata a una specifica attività:

🎨 Strumenti principali
🖼️ Mockup
🏷️ Loghi
📊 Presentazioni
🎬 Video
📱 Social Media
📄 Curriculum Vitae
🌐 Siti Web
🖨️ Stampa
📸 Foto
✍️ Testo e font
🤖 AI
📚 Esercitazioni

La struttura permette di aggiungere nuove sezioni senza dover riscrivere l'intera pagina.

💻 Tecnologie

La pagina utilizza principalmente:

HTML per la struttura
CSS per interfaccia e layout
JavaScript per le interazioni

JavaScript viene utilizzato, tra le altre cose, per gestire l'apertura delle risorse e le interazioni della guida.

Ho mantenuto anche un popup iniziale con una breve presentazione della guida e la sintesi vocale tramite SpeechSynthesis.

🎤 Integrazione con Oreste AI

Uno degli aspetti che sto sviluppando è il collegamento tra la guida e l'assistente vocale.

Il comando:

“Oreste AI, impara Canva”

può diventare il punto di accesso alla guida.

L'idea è collegare l'interazione vocale con una struttura web semplice e modulare.

🔧 Un progetto in evoluzione

Sto cercando di seguire un approccio progressivo:

sviluppare → testare → correggere → aggiungere → migliorare

Questo rende più semplice sperimentare nuove funzioni senza perdere il controllo della struttura esistente.

Oreste AI continua a crescere e la guida Canva è una delle componenti che sto sviluppando per rendere l'esperienza più pratica e accessibile.

🚀 Un modulo alla volta, il progetto continua a crescere.

webdev #javascript #html #css #ai

Top comments (0)