Qualche articolo fa abbiamo visto quali sono le caratteristiche e i trend dello stile grunge; oggi realizzeremo, passo dopo passo, un layout accattivante nello stesso stile. Scegliamo perciò un cliente fittizio, che chiameremo (evviva la fantasia) Your Inspiration Grunge e che –sulla base dei consigli ricevuti dai nostri lettori – è un musicista. Anzi, come vedremo successivamente, due musicisti Jazz.
Sei pronto? Cominciamo! (continua…)
Lunedì scorso abbiamo inaugurato la nuova rubrica dedicata all’analisi dei diversi stili del web design spiegando che cos’e il “corporate/business” style e quali sono i tratti caratteristici di questo stile. Come premesso [e promesso] oggi disegneremo un layout in Photoshop perfetto per un sito aziendale: sobrio, pulito e semplice da progettare. (continua…)
Nel mio ultimo articolo abbiamo gettato le basi per la creazione di plugins per il noto framework JavaScript “jQuery“. Ora utilizzeremo queste basi per creare un plugin che potrebbe farci risparmiare del prezioso tempo: Un validatore di Form.
Inizieremo dalla progettazione del plugin, questo vuol dire che risponderemo alle domande principali: Che cosa deve fare questo plugin? Quali sono i parametri che l’utente potrà configurare? Che cosa avverrà quando sarà trovato un errore? (continua…)
Ogni nuova scoperta nell’ambito del web design, già dalla sua nascita deve confrontarsi con un ostacolo spesso duro da sormontare: la compatibilità con Internet Explorer.
Emblematici sono gli esempi di ombreggiature, o angoli arrotondati: sono facilmente ottenibili tramite moduli del CSS3 in tutti i browsers escluso Internet Explorer, per il quale bisogna ricorrere a dei trucchi e a delle vie traverse.
Ci sono dei moduli, però, che permettono di ottenere dei risultati grafici gradevoli e molto utili, pienamente compatibili anche col browser di casa Microsoft: oggi infatti ci occuperemo del modulo @font-face. (continua…)
L’articolo di oggi non sarà particolarmente prolisso perché bastano davvero poche operazioni per ottimizzare e velocizzare al meglio il nostro blog. Se gestisci un blog utilizzando la piattaforma WordPress sicuramente ti sarai accorto anche tu che con il passare del tempo le dimensioni del database iniziano a diventare considerevoli, anche se non hai pubblicato una quantità smisurata di post.
A lungo andare questo compromette le prestazioni del nostro blog con conseguente aumento dei tempi di caricamento. Oggi vedremo come rimediare e ottimizzare il tutto sulla base delle nostre effettive esigenze. (continua…)
Una volta scelto l’editor giusto per le nostre esigenze, dobbiamo preparare il nostro ambiente di sviluppo. Gli strumenti essenziali per la programmazione di applicazioni e siti web sono: un server web, un linguaggio di programmazione e unn sistema di gestione di una Base di Dati (DBMS).
Naturalmente le combinazioni possibili sono tantissime: oggi vedremo come installare e mettere in funzione quella più diffusa, ovvero Apache come server web, PHP come linguaggio di scripting e MySql in qualità di DBMS. (continua…)
I CSS (Cascading Style Sheet) hanno rivoluzionato il modo di approcciare alla programmazione web: non solo permettono di poter applicare al nostro sito una grafica accattivante, ma, tramite i suoi selettori, può essere oggetto di modifiche tramite javascript.
Dal 1996 (anno in cui il W3C diede vita al CSS1) ai giorni nostri, il linguaggio CSS ha fatto passi da gigante, fino alla versione CSS3 attualmente in fase di realizzazione.
Se da un lato la maggior parte dei browser (Mozilla Firefox, Safari, Chrome) supporta buona parte dei neonati moduli del CSS3, dall’altro il più diffuso browser al mondo, Internet Explorer, non ne supporta nativamente quasi nessuno costringendoci, di fatto, a dover ricorrere a numerosi hacks al fine di ottenere risultati vicini alla sufficienza.
Oggi vedremo insieme, infatti, alcuni effetti che potrebbero rivoluzionare il web, ma che non possiamo ancora implementare nei nostri siti proprio a causa delle mancanze di Internet Explorer. (continua…)
Uno dei punti di forza di molti frameworks javascript (nella fattispecie jQuery ) sta nella possibilità, e spesso nella facilità, di creare estensioni che possono migliorare o semplificare ulteriormente il nostro lavoro.
La potenzialità dei plugin sta, a loro volta, nella facilità di utilizzo e personalizzazione tramite parametri (le opzioni del plugin) i quali possono permetterci di impostare un colore di sfondo piuttosto che il tempo di durata di un’animazione. (continua…)
L’argomento che affronterò oggi potrebbe sembrarti banale e scontato ma a volte sono proprio le cose che consideriamo più ovvie a causarci enormi perdite di tempo: sono ancora in tanti, soprattutto chi è ancora alle prime armi, a commettere questo genere di mancanze.
Quando sei alle prese con lo sviluppo un sito web devi sempre prendere in considerazione il fatto che su quel sito tu, o chi per te, debba eseguirne una manutenzione periodica, anche banale, come potrebbe essere per esempio la modifica del nome di una voce del menù di navigazione (modifica che poi andrebbe apportata in tutte le pagine del sito in cui questa viene richiamata). (continua…)
Dopo aver linkato, nell’articolo dei preferiti della redazione di ottobre, una raccolta delle pagine di login di WordPress più originali e creative, ci siamo chiesti: perché non personalizzare la pagina di login di Your Inspiration Web? E, soprattutto, perché non approfittarne per spiegare ai nostri lettori come si può, con qualche modifica, rendere questa pagina accattivante e adatta allo stile del sito cui appartiene?
Perciò, dopo che Sara ne ha disegnato in Photoshop la nuova veste grafica, in quest’articolo ti spiegherò come ho lavorato sul codice e integrato le varie sezioni grafiche per personalizzare la pagina di login della nostra community. (continua…)
