2010
Apr
2

CSS: Reset CSS

css.jpg La tecnica dell’azzeramento degli stili CSS è stata introdotta per la prima volta da Eric Meyer allo scopo di avere uno spazio di lavoro idealmente bianco dove definire da zero tutti gli stili necessari senza dover tener conto della formattazione di default di un dato stile.

Perché il reset.css funzioni è necessario includerlo prima del CSS principale. Vediamo come: [Read more…]

2010
Mar
8

CSS e la proprietà “outline”

w3c_home.png Come molti sapranno i CSS3 non sono ancora stati completamente implementati dai browser, non ce ne serviremo nella prima parte di questa breve guida. Già implementata dalla specifica CSS2 era la proprietà “outline“. Vediamone un esempio:

p.test {
	border: 1px solid #000000;
	outline: 3px solid #6374AB;
	width: 20em;
}

[Read more…]

2010
Mar
6

Una gallery per il web open source: “(E)2”

e2.png Oggi segnalo una web gallery scritta in javascript (MooTools) completamente automatizzata. E2 Photogallery.

Dal punto di vista tecnico questa web gallery è uno degli script più semplici che si possano implementare, è sufficiente specificare il percorso della directory contenente le immagini all’interno del file di configurazione. Le immagini verranno automaticamente ridimensionate, vengono create in automatico le miniature, ed è possibile addirittura mostrare i metadata EXIF delle immagini. [Read more…]

2010
Mar
3

Firefox implementa “Personas” per i temi

firefox.jpgUna nuova e più semplice gestione dei temi è stata implementata in Firefox. Sto parlando di “Personas“, il nuovo modo di personalizzare a nostro piacimento il browser web più sicuro.

I temi da implementare sono potenzialmente infiniti, ed è anche molto più semplice crearne di nuovi. Basti pensare che sono sufficienti basilari conoscenze delle più elementari tecniche per la creazione di immagini 2d, anche se chiaramente l’esperienza aiuta. I passi per creare il nostro “Persona!” personale sono pochi e molto chiari. [Read more…]

2010
Feb
27

Template CSS gratuiti su “Styleshout.com”

styleshout_freshpick.jpgNavigando per caso nel sito di Webmin, mi sono imbattuto nel footer che rimanda ad un piccolo portale che offre template web standard.

Il sito in questione è “Styleshout.com“, e i template che offre sono divisi in due grosse categorie: “Website templates“, i template liberamente usabili, e “Premium templates“, i template a pagamento. I template gratuiti sono rilasciati sotto licenza CreativeCommons, che oltre a richiedere di preservarne l’autore ed a mostrarne il relativo nome, obbliga ad inserire un link (linkback) al sito dell’autore stesso.

Non ho idea del principio base che porta all’inserimento nell’una o nell’altra categoria, quello che posso notare è che i template standard sono ugualmente usabili, e validati per l’XHTML che per il CSS.

2010
Feb
16

Tutorial: La tecnica dello “split-toning” con Gimp

split-toning_risultato.jpg La tecnica dello split-toning consiste nell’alterare i colori naturali di un’immagine. Oggi vedremo come applicare questa tecnica con Gimp in pochi semplici passaggi. Per capirci con un esempio la foto mostra il “prima” e “dopo” l’operazione. [Read more…]

2010
Feb
14

Buon San Valentino

4355798827_fc1c82d41e_m.jpgSan Valentino, la festa degli innamorati.

Se non avete nulla di meglio da fare durante la festa degli innamorati vi consiglio qualche “brush” per GIMP, naturalmente coerente con la festività. [Read more…]

2010
Feb
10

Il puntatore mouse di GIMP

mouse.jpg Gimp è l’applicativo open source per la manipolazione fotografica più diffuso su internet, e come già spesso ribadito, a differenza dei suoi “fratelli” closed source (come PhotoShop) è a tutti gli effetti personalizzabile. [Read more…]

2010
Feb
5

Scaricare PSD rilasciati gratuitamente

Mentre scarseggiano i siti ospitanti file sorgenti di GIMP (con estensione “.xcf“), prolificano gli archivi di file sorgenti PhotoShop. Oltre a PSD Graphics esistono svariati altri siti che permettono il download gratuito di file “.psd“. I file sono rilasciati gratuitamente, PhotoShop no… è anzi molto caro. [Read more…]

2010
Jan
30

Tutorial: cornice e angoli arrotondati con GIMP

Il tutorial di oggi è molto semplice, vediamo come aggiungere una piccola cornice monocromatica ad una foto ed arrotondarne gli angoli con GIMP.

gimp.jpg

Per prima cosa scegliamo l’immagine alla quale applicare la cornice. Sceglierò questa, una foto da 2394x1689 pixel: [Read more…]

Admin