Post

Visualizzazione dei post con l'etichetta Corso di CSS & Web Design: 7 – Responsive Design

CHI HA PAURA DELL’INTELLIGENZA ARTIFICIALE?

Immagine
  CHI HA PAURA DELL’INTELLIGENZA ARTIFICIALE? DAL SOFTWARE GENERATIVO AGLI AGENTI, DALLA MEDICINA ALLA ROBOTICA: CHE COSA L’AI SA GIÀ FARE, DOVE STA ANDANDO E QUALI RISCHI DOBBIAMO PRENDERE SUL SERIO Ogni tecnologia realmente trasformativa produce due errori speculari. Il primo consiste nel sottovalutarla, considerandola una moda destinata a rientrare. Il secondo consiste nel sopravvalutarla, attribuendole capacità che ancora non possiede e trasformando una tecnologia in una mitologia. Nel 2026 l’intelligenza artificiale si trova esattamente fra questi due estremi. Non è più ragionevole descriverla come un semplice chatbot evoluto; è altrettanto poco ragionevole presentarla come una mente universale prossima a sostituire l’essere umano in ogni attività. La questione interessante, per chi lavora nell’informatica, nella ricerca, nell’impresa o nelle professioni ad alta intensità di conoscenza, non è dunque stabilire se essere ottimisti o pessimisti. È capire che cosa stia realmente c...

Corso di CSS & Web Design: 7 – Responsive Design

Immagine
7 – Responsive Design 1. Concetto di mobile-first Responsive Design significa che il layout e i contenuti di una pagina web si adattano automaticamente alle dimensioni dello schermo del dispositivo (desktop, tablet, smartphone). Principio mobile-first Si sviluppa il layout base per dispositivi mobili . Successivamente si aggiungono regole CSS per schermi più grandi tramite media queries. Vantaggi: Migliore performance su mobile. Approccio progressivo e modulare. /* Stile base (mobile) */ body { font-size: 16px; padding: 10px; } 2. Media Queries e breakpoints 2.1 Sintassi di base @media (min-width: 768px) { /* regole per tablet e superiori */ } @media (min-width: 1024px) { /* regole per desktop */ } min-width → mobile-first max-width → desktop-first È possibile combinare condizioni multiple: @media (min-width: 768px) and (max-width: 1023px) { /* tablet */ } 2.2 Breakpoints comuni Dispositivo Breakpoint suggerito Mobile 0...

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 HTML: 11 Sviluppo completo di un sito