Introduzione a Gulp

Gulp è un Task Runner, cioè uno strumento che permette di compiere in modo automatico una serie di task per lo sviluppo web. In questa guida vedremo come utilizzare Gulp per migliorare e velocizzare il workflow di un developer front end facendo cose come avviare un web server, ricaricare automaticamente il browser quando un file … Leggi tutto “Introduzione a Gulp”

Nascondere contenuto per l’accessibilità con i lettori di schermo (screen reader)

Se state progettando di rendere un sito accessibile anche per chi fa utilizzo di lettori di schermo (screen reader in inglese) può essere necessario aggiunge del testo per descrivere alcune funzioni senza che però venga visualizzato normalmente nello schermo, renderlo quindi accessibile solamente per uno screen reader. Soluzioni che funzionano ARIA Labels Gli aria-label sono … Leggi tutto “Nascondere contenuto per l’accessibilità con i lettori di schermo (screen reader)”

Strumenti per ottimizzare SVG

Normalmente, quando un file SVG viene esportato da un software o tool per la progettazione ha bisogno di essere ottimizzato per poter ottenere un risultato ottimale. In questo articolo ho quindi raccolto un po’ di strumenti che potrebbero essere utili per ottimizzare SVG. Ottimizzare SVG direttamente dai Software Adobe Illustrator ha SVG NOW Inkscape può … Leggi tutto “Strumenti per ottimizzare SVG”

Novità Chrome: CSS Overview

Google Chrome è uno dei browser più utilizzati dagli sviluppatori. Infatti gli Strumenti per Sviluppatori che include hanno molte funzioni e sono i migliori in circolazione. Ma ci sono delle funzioni che Chrome non vi attiva automaticamente, bensì devono essere cercate scavando in profondità nelle impostazioni. Una di queste funzioni è chiamata “CSS Overview“, che … Leggi tutto “Novità Chrome: CSS Overview”

Backup automatico di un database MySQL

In questo articolo vedremo come eseguire il backup di un database MySQL automaticamente ogni giorno senza eseguire sempre il comando. Personalmente ho utilizzato questo script su CentOS 7, ma penso sia adattabile anche ad altre distro. Prima di iniziare assicuratevi di avere i privilegi di root. La prima cosa che vedremo è il comando utilizzato … Leggi tutto “Backup automatico di un database MySQL”

I migliori font per scrivere codice

Recentemente ho deciso di abbandonare il font predefinito del mio editor di fiducia (Visual Studio Code) e iniziare la ricerca per uno nuovo! Ho scoperto moltissimi font, tutti ugualmente utilizzati da sviluppatori per scrivere il codice e in questa lista ne ho raccolti 10, la maggior parte dei font è gratuita, ma alcuni sono a … Leggi tutto “I migliori font per scrivere codice”

Evidenziare la sintassi del codice in Gutemberg

In questo sito (come in molti altri che parlano di programmazione) avrete sicuramente notato che quando viene inserito un frammento di codice, viene fatta la cosiddetta Syntax highlighting (in italiano colorazione della sintassi). Questa pratica consiste nel visualizzare del codice con diversi colori e font in basi a particolari regole sintattiche. Con l’editor Gutemberg di … Leggi tutto “Evidenziare la sintassi del codice in Gutemberg”

Combinatori CSS: differenza tra “>” e “spazio”

Qual è la differenza tra l’utilizzo di .container div e .container > div ? Nel primo esempio viene utilizzato il combinatore ␣ (spazio bianco), chiamato descendant (discendente), mentre nel secondo esempio, il combinatore è > che prende il nome di child (figlio). Il combinatore ␣ ha effetto su tutti gli elementi specificati nel secondo selettore … Leggi tutto “Combinatori CSS: differenza tra “>” e “spazio””