Articoli Taggati ‘Guide’

Twitter Bootstrap: realizzare la dashboard di un’applicazione web

Nel corso della guida al Bootstrap di Twitter hai imparato ad utilizzare tutte le sue funzionalità: hai scoperto come realizzare un layout a griglie, come creare pulsanti e menù, come creare form e tabelle e tanto altro. Finora, però, non abbiamo mai visto come mettere in pratica tutte queste tecniche per realizzare un esempio concreto.
In questo articolo metteremo insieme tutti i concetti imparati finora per realizzare la dashboard di un’applicazione web. La potenza del Bootstrap ci consentirà di realizzare la nostra dashboard senza scrivere nemmeno una riga di codice CSS. || Leggi altro »

Twitter Bootstrap: Come creare le interfacce delle nostre applicazioni?

Dopo tantissime richieste ricevute in questi mesi per continuare e completare questa guida, finalmente riprendiamo la pubblicazione delle ultime lezioni rimanenti. Dall'ultima lezione pubblicata sono cambiate un pò di cose nel Bootstrap; è stata rilasciata una nuova versione con molte...

6 commenti

Twitter Bootstrap: come realizzare dei menu accattivanti?

Eccoci ad un nuovo appuntamento con il  Twitter Bootstrap. Abbiamo visto finora gli elementi base che lo compongono: la griglia, la tipografia, le form, le tabelle ed i pulsanti. In questa lezione scoprirai come utilizzare questi elementi per realizzare strutture più...

4 commenti

Twitter Bootstrap: come implementare l’uso dei pulsanti?

Chiudiamo questa settimana la lezione numero 3 del corso sul Twitter Bootstrap. Ci siamo lasciati la scorsa volta con gli stili e le classi messe a disposizione dalla libreria per gestire le form. Vedrai oggi, invece, come utilizzare i pulsanti...

8 commenti

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...

17 commenti

Twitter Bootstrap: come utilizzare le griglie?

Abbiamo visto nella prima lezione cos'è Twitter Bootstrap e poi abbiamo fatto una breve panoramica di quali sono gli strumenti che questo tool ci mette a disposizione per sviluppare in maniera molto più rapida le nostre applicazioni web. In questa...

24 commenti

Responsive Design: come e perchè progettare siti responsive?

Il tuo sito è Responsive? I tuoi visitatori riescono ad accedere comodamente da qualunque dispositivo? La parola d’ordine è mobilità, il fornire applicazioni, soprattutto web, su qualunque dispositivo, in qualunque angolo dell’Universo. Prima di parlare, però, direttamente di Responsive Design,...

46 commenti

Twitter Bootstrap: come sviluppare rapidamente applicazioni web?

Twitter Bootstrap

Le applicazioni web hanno ormai raggiunto un livello di astrazione che permette loro di essere spesso paragonate ai classici applicativi desktop. Tutte le applicazioni web hanno in comune determinati elementi come menu orizzontali, bottoni, tabs, menu dropdown, ecc. Elementi che...

45 commenti

Vuoi imparare jQuery ma non sai da dove iniziare? – Le dimensioni

Vuoi imparare jQuery ma non sai da dove iniziare? – Le dimensioni

Una parte fondamentale per la gestione e la creazione delle interfacce utente di un sito o di un'applicazione web è la conoscenza di come manipolare le dimensioni e la posizione dei vari elementi presenti nella pagina. jQuery fornisce un'interfaccia semplice...

13 commenti

CSS3: Come implementare alcuni moduli anche su Internet Explorer?

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...

5 commenti

Come utilizzare font non standard su un sito web?

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...

36 commenti

CSS3: gli effetti più cool, ma che non puoi ancora implementare… o forse si?

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...

19 commenti

Script.aculo.us: effetti avanzati, ma ancora poco codice!

Script.aculo.us: effetti avanzati, ma ancora poco codice!

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...

9 commenti

Script.aculo.us: primi effetti di base

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...

10 commenti

Script.aculo.us: tanti effetti con poco codice?

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 è...

11 commenti

Come aggiungere twitter al proprio sito web?

Oltre oceano spopola dal 2006, in Italia è sempre più in espansione al punto tale da concedere "l'onore" della lingua italiana tra le opzioni del sito (come scritto sul suo blog ufficiale): ormai ogni blog che si rispetti è collegato ad un account...

44 commenti

Vuoi imparare jQuery ma non sai da dove iniziare? Le animazioni personalizzate

Vuoi imparare jQuery ma non sai da dove iniziare? Le animazioni personalizzate

Nella scorsa lezione abbiamo dato un'occhiata veloce alle principali animazioni predefinite presenti in jQuery. Ma come fare ad applicare delle animazioni personalizzate? Oggi scoprirai come fare: iniziamo! (altro…)

15 commenti

Vuoi imparare jQuery ma non sai da dove iniziare? Gli stili inline, gli effetti predefiniti

Vuoi imparare jQuery ma non sai da dove iniziare? Gli stili inline, gli effetti predefiniti

Nell'ultima lezione abbiamo modificato ulteriormente il nostro interruttore, dotandolo di un unico link per accendere e spegnere la lampadina, e abbiamo visto come applicare un semplice effetto, attraverso l'opportuna aggiunta di una classe all'elemento interessato. Ma è davvero necessario prevedere...

4 commenti

Come assicurarsi di non aver commesso errori prima di lanciare il sito online?

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...

15 commenti