Risultati della Ricerca per: css
Sticky Footer: come posizionare il footer in fondo alla pagina?
È da un po’ di tempo che non mi si legge qui sui lidi di Your Inspiration Web, ma eccomi ritornare con un nuovo articolo decisamente utile a tutti i web designer!
Vi è mai capitato di aver sviluppato un sito bellissimo, con perfetti abbinamenti di colori, font armoniosi, contenuti accattivanti, ma… quella pagina contatti è troppo corta! Il footer si posiziona al centro della pagina e rovina tutto.
Oggi vi mostrerò come posizionare il footer del vostro sito sempre in fondo alla pagina in 2 casi diversi e con approcci diversi, di cui uno anche per WordPress. || Leggi altro »
Dall’HTML al jQuery: come mostrare/nascondere dei box in una pagina web?
Prendendo spunto dalla richiesta di un lettore ho pensato di realizzare questo esempio per mostrare il processo di creazione di una sezione di un sito, dalla struttura HTML fino all'integrazione di jQuery. Vediamo quindi in questo articolo come realizzare una...
Siti web accelerati grazie a Google AMP Project
Non è una novità che Google voglia velocizzare il Web, e nemmeno che una delle sue iniziative al riguardo sia l’AMP Project (Accelerated Mobile Pages), un framework HTML in grado di generare pagine dalle funzionalità ridotte al minimo al fine...
Tipografia web: quali sono i limiti e quali le possibili soluzioni?
Progettare la grafica di un sito web è un vero e proprio atto creativo: certo, non il più libero, visto che bisogna tener conto di griglie, architettura delle informazioni, usabilità, ecc. ma nonostante questo il web designer può utilizzare liberamente...
Come realizzare un form accessibile e con codice ottimizzato?
Dopo tanta teoria ed esempi di cosa non fare, oggi finalmente ci sporcheremo le mani con un po' di codice , andando a vedere come realizzare un form accessibile e con codice standard. Nella stragrande maggioranza dei casi infatti, i...
Come realizzare un template Joomla? (prima parte)
In questo articolo getteremo le basi per comprendere le tecniche necessarie alla realizzazione di un template per joomla, il celebre CMS. Hai già provato ma ti sei subito scoraggiato? Curiosando nelle cartelle non sei riuscito a capirci nulla? Pensi che...
Maggio: preferiti della redazione
Rieccoci con l'appuntamento mensile con le risorse, gli articoli e le curiosità trovate sul web nel corso dell'ultimo mese. Maggio è stato ricco di risorse, soprattutto tipografiche, e ci ha portato anche qualche lettura che spero troverai interessante. Troverai anche...
L’Oscura Arte del Drag and Drop: Come Trascinare e Rilasciare Oggetti?
Quella di trascinare e rilasciare oggetti in una pagina web è una proprietà molto affascinante e di sicuro effetto. Chi ha familiarità con il pannello di amministrazione di WordPress saprà ad esempio che per attivare un widget, basta trascinarlo sulla...
Velocizzare il vostro sito web Magento in 5 passi
Se dovessi scegliere tra un negozio dove non appena entrato sei subito accolto da una commessa sorridente in grado di indirizzarti verso la cosa giusta per te nel minor tempo possibile, e un altro dove invece il personale non è...
Come assicurarsi di non aver commesso errori prima di lanciare il sito online?
Ed eccoci giunti all’ultimo appuntamnto di questa guida dedicata alla realizzazione di un sito internet. Siamo partiti dal primo incontro con il cliente e, passo dopo passo, ti abbiamo accompagnato fino al completamento dell’intero progetto. Ma siamo proprio sicuri di...
Script.aculo.us: tanti effetti con poco codice?
Le librerie javascript sembrano essere la moda del momento: da Script.aculo.us a jQuery, da Mootools a Prototype, sempre più siti sono pieni di effetti (più o meno utili) che danno un senso di dinamicità alle proprie pagine web. Un punto di forza di queste librerie è...
Come limitare i caratteri in una textarea?
Molti di noi si sono certamente scontrati con l'impossibilità di limitare il numero di caratteri in una textarea, non esistendo l'attributo maxlength per questo tag. In questo articolo ti mostrerò una soluzione basata su jQuery funzionale e soprattutto usabile. Il...
jQuery: Come creare delle finestre di dialogo personalizzate? (2/2)
Come promesso, eccoci a ritornare sul tema delle finestre di dialogo sviluppate in jQuery. In questo articolo vedremo come realizzare un sistema di login basato su questo tipo di interfaccia; per ingolosirti ti mostro subito il risultato finale. Il funzionamento,...
Twitter Bootstrap: come implementare l’uso di form?
Eccoci alla terza lezione del corso sul Twitter Bootstrap. Abbiamo visto finora cos'è il Twitter Bootstrap e come utilizzare il suo potentissimo grid-system all'interno dei nostri progetti. Nella lezione di oggi ti spiegherò in dettaglio gli elementi HTML base e come...
Come personalizzare l’html della Galleria di default di WordPress
Nel mio precedente articolo abbiamo visto come creare uno shortcode personalizzato e ho lasciato in sospeso l’esempio della personalizzazione dello shortcode [gallery], ovvero un modo per creare diversi tipi di presentazione frontend per la galleria di default presente su Wordpress....
Script.aculo.us: primi effetti di base
Nella prima lezione su script.aculo.us hai avuto modo di vedere come può essere facile implementare effetti grafici avanzati all’interno del tuo sito utilizzando soltanto una riga di codice. Come già detto questo è proprio uno dei punti di forza non solo di...
Gennaio: suggerimenti dalla redazione
Eccoci di nuovo alla nostra raccolta mensile di risorse, articoli e curiosità che abbiamo selezionato per voi in tutto il mese di gennaio. In questo articolo troverete il meglio di gennaio: ovvero tutto ciò che, per un motivo o per...
Ottobre: suggerimenti dalla redazione
Con questo articolo inauguriamo una nuova serie di articoli che promuoverà, con cadenza mensile, i “preferiti della redazione”. Noi di Yiw cerchiamo di ritagliarci ogni giorno piccoli spazi di tempo per poter navigare sul web in cerca di ispirazione, risorse,...
Creare un custom slider con il carousel di Bootstrap
Nel corso di questa guida vedremo come creare uno slider accattivante (qui trovate l'esempio finale) in poco tempo e senza bisogno di acquistare licenze o importare nuovi script e fogli di stile, unico requisito: utilizzare Bootstrap. La guida è basata...
