Struttura delle classi utilizzate da Bootstrap per gestire le proprietà CSS margin e padding, con alcuni esempi pratici.
Photo by William Bout on Unsplash
Sono definiti “linguaggi di front end” i linguaggi che vengono utilizzati dal browser HTML, CSS e Javascript.
L’HTML (Hyper Text Markup Language) è un linguaggio basato su marcatori (detti “elementi HTML”) utilizzato per definire la struttura delle pagine web.
Il CSS (Cascading Style Sheets) è un linguaggio di formattazione delle pagine web;
I framework CSS più noti sono:
| Bootstrap | Il più famoso. Ampia libreria di componenti, griglie responsive, supporto JS. Ottimo per progetti di ogni scala |
| Foundation | Creato da Zurb, offre componenti UI avanzati e strumenti per accessibilità e responsive design |
| Material UI | Basato su React e Material Design di Google. Ottimo per app moderne e coerenti |
| Semantic UI | Framework CSS con componenti visivi già pronti. Ottimo per prototipi e interfacce eleganti. |
Javascript è un linguaggio di programmazione utilizzato per gestire le interazioni con l’utente.
Le principali librerie Javascrpt sono:
| React | Creato da Meta, è una libreria (spesso considerata un framework) per interfacce dinamiche. Supporta componenti riutilizzabili e ha un vasto ecosistema (es. Next.js). |
| Vue.js | Framework progressivo, facile da integrare e da apprendere. Ottimo per progetti di piccola/media scala. |
| Angular | Creato da Google, è un framework completo e strutturato, ideale per progetti enterprise. |
| jQuery | Storico e semplice, oggi meno usato nei nuovi progetti ma ancora presente in molti siti legacy. |
| Backbone.js | Offre una struttura MVC per applicazioni JavaScript. Più leggero ma meno popolare oggi. |
| Semantic UI | Framework CSS con componenti visivi già pronti. Ottimo per prototipi e interfacce eleganti. |
Possono essere considerati linguaggi di front end anche le notazioni utilizzate in ambito AJAX:
Struttura delle classi utilizzate da Bootstrap per gestire le proprietà CSS margin e padding, con alcuni esempi pratici.
Esempi di animazioni CSS con le proprietà transition e animation e di trasformazioni CSS con le proprietà transform e transform-origin.
I preprocessori CSS sono strumenti che facilitano la scrittura dei fogli di stile CSS e ne estendono le funzionalità.
Raccolta di tute le regole CSS per la la formattazione dei testi, con gli eventuali tag HTML equivalenti, esempi e workaround.
Questo articolo raccoglie alcune cose importanti da sapere quando si parla di linguaggio CSS e di fogli si stile.
Cosa è l’elemento HTML <link> e come usarlo, nel caso di pagine aventi URL diversi, per indicare ai motori di ricerca quella da indicizzare.
Elenco degli elementi HTML che devono esse inseriti in una pagina web scritta in HTML 5 e descrizione della loro importanza.
Elenco e breve descrizione dei selettori CSS fino alla versione 3 (raccomandazione W3C aggiornata al 6/11/2018: Selectors Level 3).
Molte proprietà CSS utilizzano valori di "grandezza": width, margin, font-size, ecc. Una "grandezza" è un numero seguito (senza frapporre spazi) da un'unità di misura. Esistono due tipi di unità di misura: relative e assolute. Le unità di misura relative fanno...
Specificare l’attributo lang è una buona pratica che contribuisce a una maggiore comprensibilità e accessibilità della pagina.