Con l’avvento di alcune proprietà i CSS sono passati da semplice guida stilistica per il markup delle nostre pagine di HTML ad un vero e proprio arsenale di ispirazione per la creatività. In questo esempio utilizzo la proprietà transform e, più esattamente, sfrutto il metodo translate(). Con un pò di esercizio possiamo imparare a sfruttare…
Dettagli
Secondo me è una funzione simpatica soltanto per chi l’ha realizzata, l’utente sbaglia username o password (o entrambe) e la finestra di login si muove come per dire: ”No, non se ne parla neanche, tu qui non entri!”. Ma per chi ha bisogno di entrare nel sito con una certa urgenza ma ha dimenticato la…
Dettagli
Chi gestisce un blog comincia, quasi sempre, per passione. Si ha voglia di condividere le proprie attitudini, le conoscenze e, se nessuno commenta i post, beh, ci rimaniamo male. Quando il blog cresce e, fortunatamente, aumentano i commenti è una gioia: i lettori credono in noi e vedere le notifiche dei commenti che arrivano…
Dettagli
Oggi vi parlo di un effetto molto carino per dare un impatto più interessante alle preview delle nostre immagini. Il risultato finale lo potete vedere qui, nella demo DEMO La struttura dell’HTML è davvero semplice, abbiamo un div che ne contiene un altro, al suo interno un’immagine, il testo ed un bottone che, nel nostro…
Dettagli
Quando parliamo di widget sappiamo bene che possiamo inserirli in qualsiasi area predisposta come una sidebar oppure nel footer, dipende da come è realizzato il tema. E se volessimo inserire un widget in un punto diverso? Si può fare! Esiste una funzione poco utilizzata che si chiama semplicemente the_widget(): basta inserirla nel punto in…
Dettagli
Nel video della seconda parte di “Twitter Bootstrap: creare un template” approfondiremo il funzionamento del sistema a griglia del framework Bootstrap 3, creando una semplice template responsive che si adatta a tutti i dispositivi. Sotto il video potrate trovare diversi link a delle risorse utilissime per cominciare a sviluppare con questo framework dalle mille risorse. Link…
Dettagli
Abbiamo installato WordPress, scelto il tema che ci piace di più, siamo veramente soddisfatti e…cominciamo a scrivere i nostri post. Ma c’è qualcosa che ci manca: vorremmo una pagina per visualizzare automaticamente gli ultimi post sotto al contenuto stesso della pagina. Creiamo una custom template In questo tutorial utilizzo il tema Twentytwelve, ha un codice…
Dettagli
Bootstrap è uno dei framework più utilizzati dagli sviluppatori/designer di tutto il mondo. E’ possibile realizzare i design più complessi come quelli più semplici. Una delle doti più apprezzate è proprio la flessibilità e la pulizia del codice, tutto ciò lo rende utilissimo. Essere perfettamente visualizzabile con ogni dispositivo, quindi responsive, lo rende uno strumento…
Dettagli
Nella maggior parte dei blog che visitiamo quotidianamente (a questo proposito eccovi una lista di blog da aggiungere ai preferiti) alla fine di ogni post sono visualizzate le informazioni sull’autore. Possono essere le info sul curriculum, sugli interessi personali o sugli skills maturati dall’autore, sono comunque utili per identificare e associare un certo tipo di…
Dettagli
In questo post voglio fare un omaggio alla Madre di tutto, fonte di ispirazione quotidiana. Una carrellata di immagini strabilianti: per trarre ispirazione per i nostri lavori e per passare cinque minuti a bocca aperta davanti a delle opere d’arte di rara bellezza. Ma quanto si scrive sul design, su quali sono le basi…
Dettagli