Sabrine Blog

Visto che non apprezzate i video cinesi lollosi, torno a parlare di qualcosa di serio.

i Pattern. Se ne sente sempre parlare in diversi ambiti, soprattutto in informatica, ma quello che a noi interessa adesso sono i patterns da un punto di vista grafico.
Da non confondere con Design Pattern, che è tutta un'altra cosa, questi patterns impiegati nella grafica web sono delle immagini fatte in tal modo che vengano ripetute senza trovare uno "stacco" al suo interno. Insomma un'immagine che si può ripetere all'infinito e che viene utilizzata per la creazione di sfondi.
Per farvi un esempio di patterns nella nostra vita di tutti i giorni: le carte da regalo, sono forse l'esempio più lampante, con i disegni sopra che si ripetono sempre senza interruzioni. Le piastrelle di casa vostra, alla lontana, possono essere definiti come pattern. Le pagine a quadretti dei quaderni, altro esempio di pattern (ovviamente anche quelli a righe, ma rende poco l'idea). La carta da cucina! spesso ha dei disegni sul bordo che si ripetono, oppure un tessuto, in particolare il tessuto scozzese, con quelle righine e quadretti che si ripetono sempre...
Insomma, ognuno di noi ha in casa almeno un oggetto sulla cui superficie è presente un pattern.

Un pattern solitamente si presenta di forma quadrata, ma non è inusiale trovarlo anche di forma rettangolare.
Un paio di esempi:


Sto mettendo online, disponibili per voi, alcuni pattern da utilizzare come sfondo su TemplateTime, li troverete a questo indirizzo: Patterns

Se avete domande non esitate a lasciarmi un commento

Visto che spesso tanti mi chiedono il procedimento che uso nelle mie illustrazioni, ho pensato di farvi un piccolo ma esauriente tutorial, intitolato Hair Tutorial, ovvero disegnare una chioma realistica in 10 step.



Se provate a fare qualcosa, linkatemi le immagini (come link non come immagini) nel post, mi fa piacere vedere il mio tutorial applicato!

Spero vi piaccia

Ecco il mio primo tutorial grafico, Sky Tutorial, disegnare un cielo stellato in 9 step.



Se provate a fare qualcosa, linkatemi le immagini (come link non come immagini) nel post, mi fa piacere vedere il mio tutorial applicato!

Spero vi piaccia

Ecco qui il primo tutorial sui CSS, per la serie "Code4Noobs" (scherzo scherzo! )

Spesso mi è capitato di vedere gente che litigava con le liste, quindi perché non darvi qualche dritta su come personalizzare le vostre liste?

Cominciamo dalle basi:

CREARE UNA LISTA

Questa è una semplicissima lista, così come appare standard:

NB: Io ho dato degli stili particolari al mio blog, quindi i link non si vedono con il solito sottolineato blu

Per facilitarci le cose, chiameremo il div che conterrà la lista "lista_container" e la lista vera e propria "lista".

HTML

Per ora non scriveremo ancora nel nostro CSS

Ed ecco la prima personalizzazione che facciamo...

Olé! Come abbiamo fatto? semplice! inserendo questo comando nel nostro CSS :

CSS

La prossima volta impariamo ad usare le immagini come elenco puntato!
Spero vi sia di aiuto questo post