Da quando l‘iPad è uscito sul mercato, sono subito iniziati moltissimi progetti che ne implicavano l’utilizzo in settori ancora tutti da scoprire. L’utilizzo di un tablet non era e non è ancora completamente identificato in una singola situazione. A differenza dei dispositivi contemporanei dell’iPad come gli eReader o i netbook, di poco precendenti all’era del touchscreen, avevano un contesto applicativo ben preciso, la lettura e la navigazione in internet.
Il problema dei font è da sempre un punto a sfavore per tutti gli Web Designer che nel costruire un sito web dovevano fare i conti con i cosidetti “Font Web” ossia quella cerchia ristretta di font (Arial, Helvetica, Times New Roman, sans-serif, ecc…) che era possibile utilizzare per essere certi che fossero fisicamente contenuti all’interno della libreria del sistema opertivo, in altro parole per garantirne la compatiblità e la corretta visualizzazione.
Esistono ad oggi moltissimi strumenti per superare questo ostacolo ed incorporare i vari font, come, giusto per citarne uno (Font Squirrel) come parlavo in un mio precedente post ma la cosa è diventata a mio avviso macchinosa in quanto occorreva:
- Scaricare il pacchetto contenente il font
- Caricarlo in ftp
- Richiamare i font all’interno del Css
- Aggiungerlo all’attributo “Font Family”
Ma oggi vi voglio presentare Google Web Font, uno strumento a mio avviso fantastico in termini di semplicità di utilizzo e di comodità.
I plugin jQuery, ormai arrivati ad un numero indefinito non finiscono mai di stupire in termini di versatilità e quantità in quanto l’utilizzo è davvero molto semplice anche per utenti meno esperti e la loro potenza sarà anche in grado, grazie anche all’imminente arrivo di HTML 5, di superare il grande colosso Adobe Flash che come sappiamo possiede il grosso limite dell’indicizzazione.
Oggi in particolare voglio presentare questo bellissimo tutorial scaricabile gratuitamente, jQuery Desaturate, che sfrutta le librerie jQuery e Pixastic, permettendo così di creare un effetto di desaturazione allo stato di hover o viceversa sulle immagini grazie all’oggetto “Canvas”.
La navigazione nel web con dispositivi mobili in particolare con i dispositivi di casa Apple come iPhone, iPod o iPad è diventata un fattore non trascurabile per gli sviluppatori a tal punto che molti hanno pensato di sviluppare un sito web specifico per tali dispositivi.
l’idea è quella di sviluppare un sito web di dimensioni ridotte, che, a priori può sembrare più semplice in quanto non si tratta altro che una pagina HTML normale con relativo CSS ma in pratica il processo è leggermente più complesso.
Quante volte avete avuto bisogno di uno spezzone di codice jQuery e non sapevate dove reperirlo senza magari dover andare ad estrapolarlo da qualcosa di già fatto o reciclarlo da un altro script già utilizzato in precedenza?
Niente paura, esiste un ottima risorsa OnLine gratuita che fa al caso vostro.
“The Ultimate jQuery List” è un ottima libreria contentente un infinità di tutorial e plugin AJAX jQuery e tantissimi esempi UI jQuery!
I css (Cascading Style Sheet) hanno un ruolo fondamentale nel campo del web design, viene considerato il linguaggio di stile che ha trasformato l’HTML in qualcosa di veramente straordinario, infatti, i CSS Sono stati progettati per facilitarci e migliorarci la vita, per quanto riguarda lo sviluppo del codice HTML perchè consentono di gestire i contenuti in modo più semplice. Il codice della pagina risulta più leggero, pulito e leggibile e offre un maggiore controllo su ciò che andiamo a realizzare, anche se tutto ciò potrebbe spaventare un principiante CSS.
Ecco una selezione dei più importanti trucchi, suggerimenti, scorciatoie e risorse!
Oggi con questo semplice tutorial illustreremo uno degli innumererevoli esempi di ciò che è possibile fare con la nota libreria jQuery.
Il tutorial molto semplice e banale illustra come creare uno scrolling della pagina del nostro sito web/blog che risulterà essere molto utile con un effetto molto carino nel caso in cui la pagina sia di una certa lunghezza.
Per creare questo è sufficente la libreria jQuery e un plugin della stessa chiamato jQuery Page Scroller.
