Dopo averlo fatto e rifatto per svariate volte, oggi scrivo un “articolo-promemoria” su come creare un sistema a “Tab” con HTML, TailwindCSS e Javascript. I sistemi a “Tab” sono una funzione comune in molti siti web moderni e sono un ottimo modo per organizzare e visualizzare il contenuto in modo chiaro e conciso. In questo articolo spiegherò il processo di creazione di un sistema a “Tab” personalizzato utilizzando le tecnologie web fondamentali, come HTML, CSS… Continue reading
Web
Fare in modo che il tuo sito sia un investimento e non un costo
Nell’arco di questo anno e mezzo da freelance mi sono spesso chiesto quale sia il freno che un imprenditore può avere quando si tratta di sborsare 1.000/2.000/10.000 euro per il sito internet della sua azienda. La crisi? No, io non credo. Il problema credo stia in quel verbo, sborsare; già, perché credo che ancora oggi il sito web sia visto come un costo e non come un investimento. Perché dovreste credere a tutto ciò? Semplice, non lo dico io, lo… Continue reading
Normativa dei Cookies: inserire un messaggio sul tuo tema WordPress
A seguito delle modifiche inerenti la legge sulla privacy sui siti web è necessario specificare sul proprio sito che vengono utilizzati i cookies (per i siti che li utilizzano). Vediamo come impostare un messaggio che appaia in base alla sessione del proprio browser! Innanzitutto verifichiamo che nel nostro file functions.php ci sia il comando session_start() di PHP. Qualora non ci fosse aggiungiamolo all’inizio del file (functions.php): if (!session_id()) { session_start(); } Il messaggio in HTML A questo punto dovete… Continue reading
Web & Design: Articoli e risorse utili #4
Impegni lavorativi mi hanno un pò impedito di dare seguito alla mia periodica pubblicazione di articoli interessanti e risorse per chi fa web. Icone per il Web 2.0 Chi come me si occupa di web e si trova spesso a fare front-end conoscerà la nuova moda di includere file CSS che racchiudono una serie di icone. Questa pratica è stata inizialmente adottata da Bootstrap con GlyphIcons ed oggi è diventato “quasi uno standard”. Ecco che… Continue reading
Come risolvere il problema dei caratteri strani in pagine HTML
Un problema enorme che prima dovrà affrontare un sviluppatore è quello dei “caratteri strani”. Dopo aver spostato il tuo sito da locale a remoto gli accenti sono diventati geroglifici? Sei caduto vittima del charset! Non temere. Solitamente quando viene spostato un sito web o una pagina da locale a remoto e compaiono questi problemi la causa è la differenza di charset (o set dei caratteri): ovvero sul tuo computer ce n’è un tipo e sul… Continue reading
Web & Design: Articoli e risorse utili #2
Come ogni mese una carrellata di notizie e risorse interessanti in ambito web. Sfruttare il potenziale nativo di WordPress Giuliano Ambrosio in ambito web non ha bisogno di presentazioni. Durante l’ultimo WPCon ha tenuto una presentazione di circa 40 minuti sulle potenzialità native di WordPress. Nel link è possibile sia visualizzare il video che sfogliare le slide. Sfruttare il potenziale nativo di WordPress di Giuliano Ambrosio Reponsive Tool Web Design Segnalato sul gruppo dei Developer… Continue reading
Realizzare un sito internet: da dove cominciare
Ci sono guide e tutorial ma nessuno di questi ti spiega da dove iniziare per creare un sito internet. Che tu sia un’appassionato o un professionista la risposta è sempre la stessa: i contenuti. Content is king! Se sei nell’ambiente sicuramente avrai sentito questa frase. Il contenuto di ogni sito è il re. Lo è per chi legge, lo è per Google. Puoi avere il sito più creativo mai esistito ma se ai tuoi utenti… Continue reading
Web & Design: Articoli e risorse utili
Nelle mie peregrinazioni online mi imbatto spesso in articoli interessanti che vale la pena condividere con altri, chi mi segue su Twitter lo sa. Molti di questi però meritano molto di più di 140 caratteri. Eccone alcuni: Bèhance: Come utilizzarlo Non chiedete a me come fare: chiedetelo ad Alessandro Risso, mio compaesano nonché designer di indiscutibile talento. Nel suo nuovo progetto chiamato MockuApp presenta, oltre che fantastici Mockup anche una serie di lezioni sul come… Continue reading
Ghost: Installazione e primi passi
Per qualche tempo ho seguito il progetto e la raccolta fondi di John O’Nolan e del suo Ghost ma soltanto di recente ha cominciato a stuzzicarmi l’idea di provarlo. Per chi non conoscesse il progetto, Ghost, così come recita il suo slogan è soltanto piattaforma di blogging. Che bisogno ce n’era? Nessuno pare, ma così come esistevano gli smartphone e Steve Jobs ha deciso creare di Lo smartphone anche O’Nolan ha deciso provarci con una… Continue reading
Redirigere un sito web dalla root ad una sottocartella
Il metodo consigliato da Google per la redirezione di un’indirizzo HTTP ad un’altra pagina è un Redirect 301 via .htaccess. Io avevo un problema simile che però era riferito ad una intera directory. Ho installato wordpress per l’appunto nell’omonima cartella nella root del mio sito. Google ha indicizzato le pagine e non volevo per ciò perdere quanto di buono fatto fino ad oggi, così ho trovato una soluzione con una semplice riga nel file .htaccess:
Quali test effetturare prima di lanciare un sito web
E’ lo scoglio più noioso di coloro che fanno web, oltre al testing in fase di sviluppo c’è il test finale prima di mandare online finalmente un sito o un applicazione. Dando per scontato il test di funzionamento vero e proprio c’è sempre qualche cosa che dimentichiamo di verificare prima di mandare online un sito, ecco perchè ho raccolto un pò di punti che dovrebbero essere “spuntati” prima della messa online. Verificare la validità del… Continue reading
Inserire la Admin Toolbar ad un tema di WordPress
Una delle particolarità che mi ha sempre colpito di WordPress è la Admin Bar. Sfortunatamente non in tutti i temi che si trovano sul web è disponibile. Nessun problema comunque, è davvero molto semplice inserirla.
Come reindirizzare i vecchi browser ad una landing page
Ci sono molte cose che mi irritano, una su tutte è la navigazione da browser preistorici. Cosa fare? A me hanno insegnato che bisogna ottimizzare le pagine per tutti i browser. Fortunatamente poco dopo sono arrivati HTML5 e CSS3 che, nonostante script e hack per renderli compatibili, hanno finalmente decretato la morte di Internet Explorer 7. Non tutti però hanno saputo del funerale e continuano ad usare il defunto come se fosse ancora caldo. L’unico… Continue reading
Script e fix per vecchi browser
“Bisogna sapersi aggiornare”, anche se quest’affermazione nel nostro campo è minata dall’acerrimo nemico di tutti coloro che fanno web, ovvero Internet Explorer. Ecco che per utilizzare i nuovi webstandard senza dimenticarsi della nicchia di utenti Microsoft in rete si trovano diversi script, di seguito ve ne proporrò alcuni di uso comune.
Un contatore di share per i più comuni social
I social hanno letteralmente travolto il web e oggi ogni sito che si rispetti mette a disposizione dell’utente la condivisione via social.