CSS

Immagine: Collegare CSS nei documenti HTML: una guida con esempiREDPIXEL.PLshut­ter­stock

Collegare CSS nei documenti HTML: una guida con esempi

HTML e CSS sono tra gli elementi chiave del World Wide Web e vengono spesso uti­liz­za­ti insieme. Se lavori con un documento HTML e desideri collegare i fogli CSS, ci sono metodi interni ed esterni per applicare ef­fi­ca­ce­men­te le regole di stile ai tuoi contenuti. Qui, in questa…

Leggi di più
Immagine: Sviluppo web moderno: fondamenti e strumentiREDPIXEL.PLShut­ter­stock

Sviluppo web moderno: fon­da­men­ti e strumenti

HTML, CSS e i linguaggi di pro­gram­ma­zio­ne lato server come PHP rap­pre­sen­ta­no ancora la base di ogni sito per rea­liz­za­re siti dinamici. Inoltre, i linguaggi di scripting lato client come Ja­va­Script o Ty­pe­Script e i potenti framework front end e back end danno la pos­si­bi­li­tà di…

Leggi di più
Immagine: Gulp e Grunt: le caratteristiche dei due task runnerTanin Tee­ra­kit­wat­ta­naShut­ter­stock

Gulp e Grunt: le ca­rat­te­ri­sti­che dei due task runner

Scrivere un nuovo codice è un aspetto es­sen­zia­le dello sviluppo web. So­prat­tut­to i front end developer hanno parecchio lavoro da svolgere da questo punto di vista, dal momento che una presenza su Internet si dovrebbe di­stin­gue­re per la sua unicità e rap­pre­sen­ta­re il progetto in…

Leggi di più
Immagine: Padding vs margin in CSS: i componenti del box modelRawpixel.comShut­ter­stock

Padding vs margin in CSS: i com­po­nen­ti del box model

La quantità di elementi contenuta in un lin­guag­gio di pro­gram­ma­zio­ne come CSS può mettere a dura prova. Ma non temete: nel nostro articolo di ap­pro­fon­di­men­to sul confronto tra padding e margin nel CSS vi il­lu­stria­mo le maggiori dif­fe­ren­ze che in­ter­cor­ro­no tra i due attributi.…

Leggi di più
Immagine: CSS Grid: il layout con funzioni intelligentiRawpixel.comShut­ter­stock

CSS Grid: il layout con funzioni in­tel­li­gen­ti

Come si crea un layout piacevole ed efficace senza conoscere la di­men­sio­ne dell’area del display di de­sti­na­zio­ne? Con CSS Grid non è un problema: questa tec­no­lo­gia consente ai web designer di pro­get­ta­re un raster proprio e di po­si­zio­na­re tutti gli elementi. Grazie a funzioni…

Leggi di più
Immagine: Tutorial CSS: introduzione al Cascading Style SheetsKaspars GrinvaldsShut­ter­stock

Tutorial CSS: in­tro­du­zio­ne al Cascading Style Sheets

Senza il CSS i siti web sarebbero solamente una raccolta di elementi di testo suddivisi gros­so­la­na­men­te in sezioni da in­te­sta­zio­ni e paragrafi. La pos­si­bi­li­tà di for­mat­ta­re il lin­guag­gio di markup HTML at­tra­ver­so il Cascading Style Sheets rende il World Wide Web quello che è…

Leggi di più
Immagine: CSS Flexbox: più opportunità per il web designRawpixel.comShut­ter­stock

CSS Flexbox: più op­por­tu­ni­tà per il web design

L’Internet mobile pone ai web designer un problema: come si può pro­get­ta­re in maniera adeguata un layout se non si conoscono le di­men­sio­ni dello schermo? Semplice: basta assegnare il compito. CSS Flexbox propone un modello di layout fles­si­bi­le che si adatta in modo dinamico e…

Leggi di più
Immagine: Tailwind CSS e gli aspetti che contraddistinguono il framework utility-firstSinart CreativeShut­ter­stock

Tailwind CSS e gli aspetti che con­trad­di­stin­guo­no il framework utility-first

Se avete già espe­rien­za con i CSS e cercate un framework par­ti­co­lar­men­te fles­si­bi­le e per­so­na­liz­za­to, Tailwind CSS è un’ottima scelta. Questa soluzione per pro­fes­sio­ni­sti sem­pli­fi­ca il lavoro e offre numerose opzioni di design. Con­ti­nua­te a leggere per saperne di più sul…

Leggi di più
Immagine: Introduzione a YAMLSinart CreativeShut­ter­stock

In­tro­du­zio­ne a YAML

Se de­si­de­ra­te svi­lup­pa­re una nuova ap­pli­ca­zio­ne web, vi troverete cer­ta­men­te dinanzi alla fatidica domanda se scrivere il codice com­ple­ta­men­te da zero o se, in al­ter­na­ti­va, fare af­fi­da­men­to su di un framework. La raccolta di codici YAML contiene una struttura già pronta all’uso,…

Leggi di più
Immagine: Media query CSSRawpixel.comShut­ter­stock

Media query CSS

Che cosa sono le Media query CSS? In questo articolo vi spie­ghia­mo la relazione che esiste tra le media query e il re­spon­si­ve web design e ap­pro­fon­dia­mo inoltre ulteriori tematiche correlate. Avrete a di­spo­si­zio­ne una pa­no­ra­mi­ca completa, dai brea­k­point e dalle relative unità CSS…

Leggi di più