Post

Visualizzazione dei post con l'etichetta Corso di CSS & Web Design: 8 – Effetti dinamici e animazioni

Context engineering

Immagine
  Negli ultimi mesi, chi lavora con i modelli linguistici ha iniziato a notare uno spostamento sottile ma significativo: il problema non è più cosa scrivere nel prompt , ma cosa mettere nel contesto . È la differenza tra dare un'istruzione ben formulata e costruire l'intero ambiente informativo in cui un modello deve operare — memoria, strumenti, cronologia, vincoli, stato del sistema. Si parla ormai apertamente di context engineering come disciplina distinta dal prompt engineering, e la distinzione non è solo terminologica. 🔹 1. Il prompt come istruzione, il contesto come ambiente Un prompt ben scritto ottimizza una singola interazione. Il contesto, invece, è tutto ciò che il modello "vede" prima di rispondere: documenti recuperati, risultati di strumenti, conversazioni pregresse, regole di sistema, persino la cronologia di errori già commessi in quella sessione. Con l'adozione crescente di agenti che lavorano su compiti lunghi — scrivere codice, orchestrare...

Corso di CSS & Web Design: 8 – Effetti dinamici e animazioni

Immagine
  8 – Effetti dinamici e animazioni 1. Pseudo-classi CSS Le pseudo-classi permettono di applicare stili a elementi in stati particolari o in base alla loro posizione nel DOM. 1.1 :hover Applica stili quando il mouse passa sopra l’elemento. button:hover { background-color: #4fa3f2; color: white; } 1.2 :focus Applicato quando un elemento riceve il focus , ad esempio un input. input:focus { border-color: #4fa3f2; outline: none; } 1.3 :nth-child() Seleziona elementi in base alla loro posizione. li:nth-child(odd) { background-color: #f2f2f2; /* elementi dispari */ } li:nth-child(3) { color: red; /* terzo elemento */ } 2. Transizioni e trasformazioni 2.1 Transform Permette di modificare la posizione, dimensione o inclinazione di un elemento. .box:hover { transform: scale(1.1); /* ingrandisce */ transform: rotate(10deg); /* ruota */ transform: translateX(20px); /* sposta orizzontalmente */ } 2.2 Transition Definisce l’ anim...

Post popolari in questo blog

Corso di Programmazione Strutturata e OOP: 3 Ereditarietà incapsulamento polimorfismo

Corso di CSS & Web Design: 3 – Box Model e spaziature

Corso di CSS & Web Design: 7 – Responsive Design