Come rimuovere una dominante cromatica con PS

come rimuovere una dominante cromatica con ps

A volte quando scattiamo una fotografia, può capitare che questa presenti una fastidiosa dominante cromatica. Ciò si traduce in un’immagine dai colori alterati rispetto alla realtà ma soprattutto con un colore predominante, ovvero una tinta che interessa l’intera foto facendola virare ad esempio tutta sul rosso, sul verde, sul giallo o su blu.

Questo tipo di problema è piuttosto comune nella fotografia digitale, poichè al momento dello scatto il sensore della fotocamera non è in grado di riconoscere i colori, ma genera differenti tonalità a partire dal bianco. In poche parole, se scattassimo una fotografia in una stanza illuminata dalla luce di una lampadina senza usare il flash, otterremo una dominante colore gialla. Le dominanti cromatiche però non si verificano solo in condizioni di luce artificiale. Ad esempio la luce solare nelle zone in ombra genera delle dominanti fredde (in questo caso bluastre), e ciò è dovuto al fatto che ogni sorgente luminosa ha una sua temperatura di colore specifica. Per questo motivo è opportuno impostare il bilanciamento del bianco a seconda della luce presente nell’ambiente, evitando di lasciare il settaggio automatico.

Continua a leggere

CSS: come sovrascrivere uno stile inline

CSS: come sovrascrivere uno stile inline

Chi mastica un po’ di CSS saprà bene che esiste un preciso ordine d’importanza relativo ai vari stili, ordine che decide quale prendere in considerazione nel caso in cui sia specificato più di uno stile per un determinato elemento HTML. Ve lo riporto qui di seguito.

  1. Stile inline
  2. Stile interno ed esterno
  3. Browser

Appare quindi chiaro che lo stile ad avere la priorità assoluta è quello inline. Ciò si traduce con il fatto che quest’ultimo sovrascriverà qualunque altro stile definito per l’elemento in questione, che sia dunque specificato nella pagina HTML all’interno del tag <head> (stile interno), in un foglio di stile a parte (stile esterno), oppure tramite il valore di default del browser.

Continua a leggere

Come realizzare un menu responsive con i soli CSS

Avete mai provato a visualizzare un sito web non ottimizzato per cellulari dal vostro smartphone? Sicuramente non deve essere stata un’esperienza di navigazione molto piacevole, dal momento che sarete stati costretti a “scrollare” continuamente a destra e sinistra per visualizzare i contenuti. Questo fastidioso inconveniente non esisterebbe se il sito in questione fosse stato ottimizzato per la versione mobile. Al giorno d’oggi è infatti possibile ovviare al problema grazie al responsive web design (RWD).

Che cos’è il responsive web design? Si tratta di una tecnologia che consente di progettare siti web in grado di adattarsi graficamente ai dispositivi usati per visualizzarli (cellulari, tablets, smartphones etc..), facendo quindi in modo che i contenuti si adeguino alle diverse risoluzioni e offrendo all’utente un’esperienza di navigazione comoda e piacevole.

 
Dopo aver chiarito in breve in cosa consiste l’RWD e a cosa serve, torniamo allo scopo dell’articolo odierno, che spiegherà come realizzare un menu responsive con l’utilizzo dei soli CSS.

Continua a leggere

HTML5: article e section, qual’è la differenza?

L’HTML5 ha introdotto un mucchio di nuovi tags, molti dei quali di carattere semantico. Tra questi rientrano anche gli elementi article e section, i quali potrebbero aver generato non poca confusione per via delle loro similitudini. Cerchiamo quindi di fare un po’ di chiarezza diradando la nebbia creatasi intorno a questi due tags, spiegando nella maniera più chiara possibile qual’è il loro ruolo all’interno della struttura del documento, e cos’è che li distingue nitidamente.

Continua a leggere