Risultati della Ricerca per: css
jQuery – Come Creare un News Ticker con poche righe di JavaScript?
Ormai lo sapete, amo reinventare la ruota (e jQuery me lo permette sempre), ed è per questo che, ancora una volta, vedremo come creare qualcosa che esiste già: un news ticker.
Solitamente il “news ticker” è un visualizzatore di notizie che scorrono in orizzontale, come quelle che si possono vedere in alcuni notiziari nella parte bassa dello schermo. Il nostro news ticker sarà leggermente diverso dato che le notizie non scorreranno in orizzontale ma in verticale, e tra il passaggio di una notizia all’altra ci sarà una pausa pre-stabilita (credo che questo metodo dia più risalto ad ogni singola notizia e allo stesso tempo conceda maggior tempo all’utente per la lettura dell’articolo in questione, ma questa ovviamente è soltanto una mia opinione).
Per creare il News Ticker utilizzeremo la libreria jQuery che ci permette con poche righe di codice (nel nostro caso undici) di ottenere effetti d’impatto, che consumano poche risorse e danno quel tocco in più al nostro sito.
Grazie a questo semplice articolo imparerai a creare un News Ticker, come quello visibile qui. Tutto ciò di cui abbiamo bisogno è (X)HTML, CSS ed un pizzico di jQuery. || Leggi altro »
La serietà del Web Designer: 5 Cose da sapere per essere un buon professionista
In diversi articoli qui su Your Inspiration Web, abbiamo trattato l’argomento clienti, considerandoli a volte come figure leggendarie, capaci di mettere a repentaglio la sanità mentale del povero web designer. Nella maggior parte dei casi è vero e le numerose...
Ma si guadagna facendo i web designer?
Si guadagna facendo i web designer? E’ questa la domanda - forse provocatoria - che pone Pasquale sul gruppo Facebook dei Web Designer italiani. E a leggere le prime risposte: Julian dice: Ho notato che ultimamente va un po' in...
Ottobre: preferiti della redazione
Nel mese scorso abbiamo avuto poco tempo per curiosare sul web in cerca di iniziative e materiale da segnalarti. Tuttavia, per quel poco che ci siamo guardati in giro, abbiamo trovato qualcosa di molto interessante. E oggi, come ogni mese,...
Come utilizzare la mappe di google tramite le API
Nell’articolo odierno tratteremo un’argomento particolare e piuttosto interessante ovvero come personalizzare le mappe di google utilizzando le API javascript messe a disposizione. Dunque come fare se volessi indicare la mia posizione su una mappa di google integrata nel mio sito?...
Come sviluppare un widget complesso (1/3)
In questa serie di tre articoli, vedremo come sviluppare un widget WordPress di una certa complessità con caratteristiche piuttosto avanzate. Il widget che svilupperemo è un pretesto per vedere assieme due argomenti: L’accesso al database di WordPress e la localizzazione...
Template sito web gratuito: presenta il tuo portfolio online in una singola pagina web
Ed eccoci con un’altra risorsa gratuita: questa volta si tratta del template di un sito che si sviluppa in una singola pagina e che ti consentirà di presentare sul web i tuoi lavori. Dopo averti mostrato, passo dopo passo, come...
Auguri di Buone Feste e Felice 2011 a tutti i lettori di YIW
Ed eccoci al nostro secondo Natale insieme. Quest’anno - come il precedente, del resto - è stato per noi ricco di tante soddisfazioni e di una costante e continua crescita. I progetti stimolanti su cui abbiamo lavorato sono stati diversi,...
Quali font utilizzare nello sviluppo di un sito web?
Una buona tipografia è la base di un progetto web ben realizzato. In particolare la scelta del font dev’essere accurata e oggetto di svariate analisi, per far si che i contenuti testuali si armonizzino in modo aggraziato con la grafica...
HTML: Il tag <col>
Il tag HTML <col> definisce i valori degli attributi per una o più colonne di una tabella. (altro…)
Commenti disabilitati su HTML: Il tag <col>
HTML: Il tag <colgroup>
Il tag HTML <colgroup> definisce un gruppo di colonne in una tabella per la formattazione. (altro…)
Commenti disabilitati su HTML: Il tag <colgroup>
Come trovare l’ispirazione e disegnare il layout di un sito web?
Benvenuto al 5° articolo della nostra guida. Sei arrivato ad un punto cruciale del tuo progetto: la realizzazione grafica del layout. Disegnare un sito non è affatto semplice e si deve avere a che fare con numerose incognite: trovare l'ispirazione,...
E se qualcuno dicesse che i tuoi documenti XHTML non sono altro che HTML non valido?
Se sei uno sviluppatore web, avrai sicuramente sentito parlare di XHTML, la "nuova" versione di HTML. E avrai sicuramente assistito a questa corsa agli standard: i sintomi sono piccoli badges in fondo ai siti di tutte le fogge e le...
Laureata in lingue sceglie il web design. Intervista a Manuela Langella
Determinata, coraggiosa, imprenditiva, Manuela Langella è stata una delle prime a entrare nel gruppo di One Year Together, mettendosi in buona luce per impegno, creatività e voglia di fare bene. Ecco perché quando abbiamo deciso di intervistare gli studenti che...
Chi ha ancora bisogno del web designer?
Il titolo è forte e provocatorio, ma in questo articolo parleremo di come si sta evolvendo una delle professionalità più incomprese del web. Una premessa è d’obbligo: sono un amante di WordPress e Drupal (preferisco WordPress). La maturazione di questi...
Il meglio del web design italiano..o no?
Diversi mesi fa abbiamo pubblicato una raccolta di siti “Made in Italy” che, per la gioia dell’orgoglio nazionale, sono stati selezionati e inseriti in alcune delle più prestigiose gallery CSS. L’articolo ha suscitato una certa attenzione, tutti i lettori di...
HTML: Il tag <div>
Il tag HTML <div> serve a creare una sezione in un documento HTML. (altro…)
Commenti disabilitati su HTML: Il tag <div>
Guida allo sviluppo di plugin per wordpress: Gli strumenti di base
Nel precedente articolo ci siamo lasciati con la realizzazione dell’intestazione del nostro plugin. Ora dovremo iniziare a lavorare sulle funzioni fondamentali che ci permetteranno di “inserirci” nell’esecuzione di WordPress per “aggiungere” quello che ci serve. Per fare questo dovremo dichiarare...
One-page-folio: Come realizzare un layout per il proprio portfolio?
One-page-portfolio, come si dice in inglese. In italiano, e in pratica, un sito vetrina per il proprio portfolio che si sviluppa in una sola pagina, grazie agli effetti javascript di turno. Tempo fa gironzolando per il web mi sono imbattuta...
