Nel panorama dello sviluppo web moderno, la velocità è tutto.
Se sei stanco di aspettare interminabili secondi (o minuti) per il caricamento del server di sviluppo ogni volta che modifichi una riga di codice, allora Vite è la soluzione che stavi cercando.
Gli sviluppatori web spesso hanno bisogno di emulare risoluzione display con Chrome, il browser più utilizzato al mondo.
In questo articolo vedrai come emulare la risoluzione del display di smartphone, tablet e qualunque schermo di PC.
La proprietà CSS transform consente di ruotare, ridimensionare, inclinare o traslare un elemento.
Questo tipo di trasformazioni possono operare in uno spazio bidimensionale o tridimensionale.
Per fornirti un esempio della potenzialità di questo strumento, ho deciso di sviluppare una piccola dimostrazione che utilizza esclusivamente HTML + CSS, senza far uso di JavaScript.
In questo articolo vedrai come inserire delle icone nel codice HTML che costituisce la tua pagina web.
Gli utenti infatti hanno molta familiarità con la rappresentazione di concetti ed aree dell’applicazione tramite icone.
Inserire o modificare codice CSS in un sito costruito con WordPress è fondamentale per ottenere la User Experience desiderata.
In questo articolo vedrai diversi modi per inserire e / o modificare codice CSS in un sito costruito utilizzando il CMS per il web più utilizzato al mondo.
Le CSS media queries permettono di definire delle regole CSS che vengano applicate solo se la condizione specificata è vera.
Sono alla base dei cosiddetti siti responsive. Si tratta di siti che si adattano in funzione della risoluzione dello schermo del dispositivo dell’utente.
Le variabili CSS (più formalmente, le proprietà personalizzate di CSS), consentono di organizzare in maniera più efficiente le regole Cascading Style Sheets.
In questo articolo vedrai come si dichiarano e si utilizzano le proprietà CSS.
La tipografia è un elemento fondamentale della progettazione web e la gestione dei font con CSS è una parte cruciale di essa.
E’ infatti possibile controllare molti aspetti della tipografia, come il tipo di carattere, la dimensione, il colore e molto altro.
Bootstrap è il toolkit CSS più popolare nell’ambito del web development.
Questo framework mette a disposizione degli sviluppatori delle classi CSS e dei componenti JavaScript per costruire applicazioni mobile responsive, graficamente gradevoli, che garantiscono accessibilità ottimale.
Per applicare lo sfondo ad un elemento HTML si utilizza la proprietà CSS background-image.
Utilizzando tale proprietà si può impostare lo sfondo di tutti gli elementi HTML che compongono la pagina web, incluso il tag body.
In questo articolo vedrai come far uso della proprietà position sticky in CSS.
Questa proprietà è solitamente utilizzata per l’header di un sito web, rendendolo “sticky”.
In altre parole, l’header rimarrà “ancorato” nella parte superiore dello schermo durante lo scorrimento della pagina.
I selettori CSS costituiscono un elemento fondamentale nel campo dello sviluppo web.
Possono essere usati sia per stabilire delle regole grafiche (utilizzando codice CSS), sia per selezionare elementi della pagina web, ad esempio per essere modificati utilizzando JavaScript.
Il selettore CSS di un elemento permette di identificare quest’ultimo all’interno di una pagina HTML.
Può essere utilizzato per diversi scopi, come applicare una regola CSS per questioni estetiche, manipolare il DOM tramite JavaScript, o effettuare delle assunzioni (i.e. “Expectations”) durante l’esecuzione di tests End-To-End.
Il mondo del web development è in costante evoluzione, per questo motivo è importante controllare il supporto tra i browser del codice CSS / JavaScript utilizzato.
WordPress mette a disposizione diversi selettori CSS.
Il CMS mette a tua disposizioni diverse classi ed ID, per permetterti di specificare regole CSS che saranno applicate solo in determinati casi.
Ad esempio, è possibile specificare regole CSS che saranno applicate ad una determinata pagina, oppure regole CSS applicate solo alla visualizzazione di un singolo articolo.
Centrare un post di Instagram può essere non banale per chi non è uno sviluppatore.
Instagram permette come molti altri social network di incorporare (in inglese “to embed”) qualunque post pubblico creato sulla piattaforma.