Categorie
Articolo

Aggiungere OpenSearch al proprio sito (Tab to Search)

Sui principali browsers come Chrome o il nuovo Edge, potreste aver già utilizzato una funzione molto interessante che permette di far risparmiare tempo quando si cerca qualcosa. Questa funzione si chiama “Tab to Search” (Tab per Cercare) e consente proprio nello scrivere il dominio di un sito (es: youtube.com) e poi premere il tasto Tab […]

Categorie
Articolo

Formattazione del testo su Discord

Se siete mai entrati su qualche canale Discord, avrete sicuramente notato come le persone ogni tanto scrivano testi sottolineati, in grassetto, in italico, barrati e qualche volta anche a colori. In questa guida esploreremo tutte le possibilità di formattazione che offre Discord e anche il dietro le quinte, come il motore di formattazione utilizzato. Dietro […]

Categorie
Articolo

Come creare Collezioni di Contenuti su WordPress

Su WordPress potrebbe esservi necessario creare delle collezioni di contenuti, che potrebbero essere raccolte di articoli o pagine, per esempio. Ho scoperto questo metodo mentre cercavo una soluzione per realizzare la sezione guide di questo sito. Inizialmente avevo provato a gestire tutto con le tassonomie (categorie) di un Custom Post Type, ma il risultato finale […]

Categorie
Articolo

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 […]

Categorie
Articolo

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 […]

Categorie
Articolo

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ò […]

Categorie
Articolo

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 […]

Categorie
Articolo

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 […]

Categorie
Articolo

Aggiungere Link e ID ai titoli nei post

Ogni tanto, qualcuno mi fa una domanda a cui ho dato la risposta in un articolo scritto in passato, allora rispondo mandando il link dell’articolo. Questa può essere una soluzione, ma in alcuni casi questo non è abbastanza, dato che sarebbe più utile un link che punta ad una sezione specifica dell’articolo, segnata da un […]

Categorie
Articolo

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 […]