Ci sono 22 articoli con tag css (questa è la pagina 1 di 3).
La creazione di tabelle comparative richiede tempo e pazienza, soprattutto se si vuole ottenere un risultato graficamente accattivante: la maggior parte degli utenti avanzati preferisce creare questo tipo di elementi in CSS e html, ma non tutti i neofiti del web possiedono le competenze necessarie alla gestione di questi linguaggi. Continua a leggere
Oggi vi segnalo un utile tutorial che vi mostra come “incorniciare” le immagini sulle pagine del vostro sito web. Il risultato è veramente sorprendente.
Molte energie degli sviluppatori vengono spese per creare nuovi temi e plugin per la parte pubblica dei blog di WordPress. CleanAdmin è invece un plugin che migliora l’aspetto grafico del back office di WordPress.
Se siete alla ricerca di un template web per sperimentare le vostre conoscenze o semplicemente per utilizzarlo nei vostri siti web, oggi segnalo questa aggiornatissima raccolta di 40 template gratis scritti in xhtml e css che andranno sicuramente a soddisfare le vostre esigenze.
Riprendendo l’articolo di ieri, oggi segnalo un ottimo tutorial per creare la mappa del proprio sito solamente utilizzando liste non ordinate e un foglio di stile.
Oggi vi segnalo questo ottimo articolo che vi mostra come creare una timeline utilizzando semplicemente una lista non ordinata di elementi opportunamente impaginata con un foglio di stile. Questo è il risultato, una rappresentazione semplice e lineare con un utilizzo estremamente minimale di markup HTML:
1st Web Designer ha raccolto una lista di 101 template grafici per siti web già pronti all’uso, codificati in XHTML e CSS validi e di ottima qualità, anche se personalmente continuo a preferire quelli di ThemeForest. Sono tutti completamente gratuiti anche se per conviene sempre dare una letta alla licenza applicata per eventuali link da mantenere o per limitazioni d’uso. Questo articolo è solo la prima parte dell’elenco. Gli altri layout grafici saranno presentati nel prossimo post.
Se sei pratico con il codice HTML, allora potrai usarli per imparare molte nuove tecniche semplicemente studiandone il codice. Puoi copiarli e ricordati di personalizzarli giocando con il foglio di stile e sostituendo le immagini in modo che si adattino meglio ai contenuti del tuo sito.
Sono veramente tanti nonostante siano stati vagliati uno ad uno e selezionati tenendo solamente quelli di ottima qualità e di bel impatto visivo. Veramente una buona risorsa per chi vuole pubblicare un sito in pochissimo tempo.
E’ chiaro che l’epoca degli editor visuali per HTML è tramontata e si è affermata con chiarezza che l’unico sistema per codificare un sito web è scriverlo a mano, magari con il blocco note. Il blog di SohTanaka è stato creato proprio per chi sviluppa siti web a mano.
Il titolo è chiaro "The art of Hand Coding", l’arte dello scrivere il codice a mano o meglio, con la tastiera. Ogni post è dedicato ad una tecnica particolare. Per esempio vengono svelati i segreti e i trucchi per creare un footer fisso, cioè che rimane fermo nonostante ci si sposti con la scrollbar. Oppure ci insegna a creare un "tavola dei contenuti" sul web, come compare sui libri.
…e sapete come fare una didascalia di un’immagine che si attiva al passaggio del mouse???
Fino a qualche anno fa una progress bar era possibile farla solamente in Flash. Ora con l’avvento dei framework Javascript e con l’uso sistematico dei fogli di stile il Flash è passato in secondo piano perchè quasi completamente sostituito.
In questo breve tutorial, Alen Grakalic mostra come creare una progress bar fatta esclusivamente con fogli di stile e immagini. L’idea è di creare un contenitore di dimensione fissa e con overflow=hidden che ha come background la progress bar completa. Un secondo elemento contenente un’immagine bianca, posizionato in maniera assoluta sopra al primo, viene fatto scorrere per creare l’effetto animato finale.
L’idea è semplice ma efficace. Potete vedere l’effetto finale tramite gli esempi nella demo, oppure scaricare direttamente il codice già scritto per voi!
Oggi sono capitato su Exploding Boy, il blog di Christopher Ware, un web e graphic designer dell’Alabama. Su questo bel sito l’autore mette a disposizione un buon numero di risorse da poter riutilizzare.
Molto interessante la serie dei suoi menu di navigazione. Sono tutti creati a regola d’arte, utilizzando i fogli di stile e basati sulla tecnica delle Sliding Doors. In particolare segnalo questi set di menu che potete scaricare liberamente, utilizzare sui vostri siti e personalizzare a piacere:
Cristopher Ware ha pure creato una propria collezione con una trentina di micro-icone, in quattro set di colori. Anche in questo caso potete scaricarla liberamente.
