Risultati della Ricerca per: 2010/04/19/gli-stili-nel-webdesign-le-caratteristiche-dello-stile-vintage

Come realizzare uno sfondo animato originale e adatto al contesto

In passato, per rendere un sito dinamico e quindi pieno di animazioni, effetti e quant’altro, ricorrevamo quasi sempre all’aiuto di Flash e quindi dell’action script, che era forse l’unico linguaggio che ci permetteva di ottenere determinati effetti.

Fortunatamente, tutto questo è cambiato con l’ampliamento delle capacità del codice javascript (come jquery) grazie soprattutto ai nuovi framework. Ma per quelli che, come me, vanno avanti a pane, html e css, il jquery è stato sì una svolta, ma ancora un pelino macchinoso.

Il CSS3 ha messo finalmente fine a queste frustrazioni, con delle semplici proprietà che aprono infinite soluzioni.

Una tra tante, la possibilità di inserire uno sfondo animato in una pagina web.

In questo articolo vedremo proprio come rendere uno sfondo animato e adatto al contesto di lavoro in cui stiamo operando. || Leggi altro »

Dicembre: preferiti della redazione

Dicembre: preferiti della redazione

Tornare a lavoro dopo questa pausa natalizia non è affatto facile. Alleggeriamo un po' la tensione con un articolo leggero ricco di segnalazioni e risorse: è il primo lunedi del mese, se vogliamo, e quindi non ci resta che condividere...

25 commenti

To be or not to be… stupid?

To be or not to be… stupid?

Le vie del marketing sono infinite; proprio adesso che iniziavo a dubitarne, convinto d’averle percorse e trattate tutte o quasi,  eccone una nuova venirmi in soccorso per l’articolo, aprendo dinanzi ai miei occhi le profondità del “marketing esistenziale”. ”Marketing esistenziale”;...

12 commenti

Creare una Newsletter con il servizio gratuito di Mailchimp

Prima di partire in quarta parlandoti di Mailchimp, delle sue funzioni e della sua struttura, voglio spiegarti brevemente cos'è una Newsletter e perché è così importante per la tua attività. Già la parola Newsletter dovrebbe suggerirti immediatamente il suo significato:...

32 commenti

Perché pensare tipograficamente rovina il tuo sito? (seconda parte)

Perché pensare tipograficamente rovina il tuo sito? (seconda parte)

Un paio di settimane fa abbiamo parlato di come alcuni assunti della grafica tradizionale vengano conservati e riutilizzati erroneamente in ambiente web: ad esempio la definizione dell’altezza negli elementi componenti il layout. Ma ci sono altri errori molto comuni da...

19 commenti

Mettere in pratica: le regole per trasformare il sapere in saper fare

[soundcloud url="https://soundcloud.com/your-inspiration-web/mettere-in-pratica-le-regole-per-trasformare-il-sapere-in-saper-fare"] Molti di noi si rendono perfettamente conto dell’importanza della conoscenza. E per questo molti di noi leggono libri, blog, forum, partecipano a seminari, workshop e ad altre mille esperienze formative. Ma paradossalmente molti di noi non sono capaci...

23 commenti

Fisco: Quali sono i costi che si possono scaricare dal reddito di un freelance?

Fra le tante domande che mi pervengono giornalmente nei commenti, una delle più gettonate è quella relativa ai costi che si possono scaricare dal reddito per chi ha una partita IVA. Per rispondere a questa ricorrente domanda, dobbiamo partire dal...

21 commenti

Tutto quello che devi sapere sugli Hashtag

Oggi ci discosteremo un po’ dal nostro argomento principale, il web design, per intrufolarci nel caotico mondo dei social network. In particolare, analizzeremo le varie caratteristiche degli hashtag. Ormai possiamo dire che tutti i principali Social Network hanno accolto gli...

3 commenti

10 domande ad un artista: intervista a Vlad Gerasimov

Se ancora non conosci quel genio creativo che è Vladislav Gerasimov, ti consiglio di rimediare e di dare un’occhiata a quei capolavori di design e di fantasia che puoi trovare nel suo sito personale. Le sue illustrazioni e i suoi...

11 commenti

Il modello Flexbox e il suo funzionamento

Il modello di layout Flex è stato introdotto per aggiungere una funzionalità adattabile alle nuove esigenze responsive delle applicazioni web. Fino alla sua introduzione esistevano quattro principali modelli di layout: (altro…)

5 commenti

Progettare per il web: Fireworks o Photoshop?

Qual è il programma migliore per il web design, Photoshop o Fireworks? Ultimamente mi è capitato spesso di imbattermi in questa domanda e di sentire i sostenitori dell’uno o dell’altro illustrare le potenzialità del proprio programma preferito. (altro…)

46 commenti

HTML Mobile App: quali competenze occorrono per crearne una

Quasi contemporaneamente alla nascita degli smartphone e all’introduzione nel mercato dei dispositivi mobile, è nata la possibilità di realizzare mobile app ibride, soprattutto grazie all’avvento di tools come Phonegap, che permettono di compilare progetti HTML5 sotto forma di applicazioni native....

6 commenti

Ottobre: suggerimenti dalla redazione

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

4 commenti

HTML Mobile App: perchè utilizzare l’MVC

In un precedente articolo avevo parlato delle view e della loro importanza per quanto riguarda l’incremento delle prestazioni di rendering e della fluidità, nel caso dell’interfaccia di un’applicazione mobile sviluppata in HTML, CSS3 e Javascript.La view è uno dei componenti...

5 commenti

WooCommerce: come aggiungere attributi per i prodotti

Ben tornato nella nostra guida alla corretta installazione e configurazione di WooCommerce. Nello scorso capitolo abbiamo visto come configurare e impostare le categorie e i tag dei prodotti, in modo da migliorare la navigazione e le possibilità di acquisto sul...

20 commenti

Cosa devi sapere sulle infografiche?

Da diverso tempo su internet sentiamo la parola infografica. Il termine infografica (da information graphic) sta ad indicare un insieme di contenuti rappresentati graficamente. Generalmente si tratta di contenuti di tipo informativo o divulgativo, ricchi di dati, numeri e dettagli...

7 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

CSS Transition e Transform: come posso utilizzarle?

Nei precedenti articoli abbiamo visto le basi delle CSS Transforms e Transition. Ma come utilizzare questi strumenti? Quali possono essere i possibili campi applicativi? Oggi ti mostrerò tre esempi che sfruttano queste proprietà. (altro…)

7 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