Nello scorso articolo abbiamo avuto modo di approfondire un modulo CSS avanzato come il @font-face che, tra le varie caratteristiche positive, aveva soprattutto la piena compatibilità con Internet Explorer. @font-face però è un modulo del CSS 2.1. Come si comporta Internet Explorer con i CSS3? (continua…)
Il tag <blockquote> in HTML definisce una lunga citazione. Il browser inserisce dello spazio bianco prima e dopo dell’elemento inserito all’interno del tag <blockquote>. (continua…)
Il tag <big> in HTML serve ad ingrandire il testo compreso al suo interno. In realtà sarebbe più opportuno ingrandire il testo tramite un foglio di stile, come avviene nella maggiorparte dei casi. (continua…)
Ogni nuova scoperta nell’ambito del web design, già dalla sua nascita deve confrontarsi con un ostacolo spesso duro da sormontare: la compatibilità con Internet Explorer.
Emblematici sono gli esempi di ombreggiature, o angoli arrotondati: sono facilmente ottenibili tramite moduli del CSS3 in tutti i browsers escluso Internet Explorer, per il quale bisogna ricorrere a dei trucchi e a delle vie traverse.
Ci sono dei moduli, però, che permettono di ottenere dei risultati grafici gradevoli e molto utili, pienamente compatibili anche col browser di casa Microsoft: oggi infatti ci occuperemo del modulo @font-face. (continua…)
I CSS (Cascading Style Sheet) hanno rivoluzionato il modo di approcciare alla programmazione web: non solo permettono di poter applicare al nostro sito una grafica accattivante, ma, tramite i suoi selettori, può essere oggetto di modifiche tramite javascript.
Dal 1996 (anno in cui il W3C diede vita al CSS1) ai giorni nostri, il linguaggio CSS ha fatto passi da gigante, fino alla versione CSS3 attualmente in fase di realizzazione.
Se da un lato la maggior parte dei browser (Mozilla Firefox, Safari, Chrome) supporta buona parte dei neonati moduli del CSS3, dall’altro il più diffuso browser al mondo, Internet Explorer, non ne supporta nativamente quasi nessuno costringendoci, di fatto, a dover ricorrere a numerosi hacks al fine di ottenere risultati vicini alla sufficienza.
Oggi vedremo insieme, infatti, alcuni effetti che potrebbero rivoluzionare il web, ma che non possiamo ancora implementare nei nostri siti proprio a causa delle mancanze di Internet Explorer. (continua…)
Nella scorsa lezione su Script.aculo.us abbiamo implementato dei simpatici effetti di base, degli esempi di massima giusto per prendere familiarità con questo framework javascript e ci siamo lasciati con una promessa: quella di dar vita, nella seguente lezione, a qualcosa di un po’ più complesso.
Una promessa è una promessa e allora l’effetto che genereremo oggi sarà l’effetto Slider.
Non sempre complessità significa quintali di codice, funzioni su funzioni e grandi mal di testa per i programmatori: come avrai modo di constatare in seguito, ci serviremo solo di un paio di brevi (ma potenti) funzioni. (continua…)
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 Scriptaculous, ma un po’ di tutti i frameworks javaScript.
E così, dopo la prima lezione (a dire il vero più teorica che pratica), oggi cominceremo ad implementare insieme i nostri primi effetti con Scriptaculous.
Il tag <address> racchiude le informazioni di contatto dell’autore o del proprietario di un documento. In questo modo, chi visita il sito ha la possibilità di contattarlo. (continua…)
Il Doctype (Document Type Definition) serve a comunicare al browser con quale linguaggio di markup è redatto il documento. Non si tratta di un tag HTML ed è necessario ai fini della validazione del proprio documento. (continua…)
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 è da ricercarsi nella loro semplicità; puoi ottenere grandi risultati con davvero poche righe di codice: questo è il caso di Script.aculo.us. (continua…)
