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

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...
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”;...
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:...
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...
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...
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...
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...
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...
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…)
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…)
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....
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,...
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...
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...
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...
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...
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…)
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ù...