a cosa serve il sito bitly

Bitly è un sito che offre ul servizio per accorciare e condividere un link “abbreviato”. Esso inoltre da la possibilità e la comodità di poter monitorare i click si quel che hai condiviso, in quanto il link che crea è tracciato (ovvero tiene conto di quanti hanno cliccato su quel link quindi puoi vedere da dove ti hanno visitato la provenienza etc…)

Vantaggi: il link è quindi più diffondibile e controllabile su di esso, si può tener traccia dei click vedendone la provenienza.

Svantaggi: pochi di noi conoscono il servizio e questi generi di link possono sembrare agli occhi dei più diffidenti link “portatori di virus”

“.ly indica che il sito è di nazionalità libanese così come .fr, per quelli francesi e così via…”

se volete saperne di più non vi resta che iniziare a utilizzarlo! https://bitly.com/

Che cosa sono le API

Vi siete mai chiesti cosa siano le API ( application program interface )? sicuramente qualcuno di voi le ha notato queste in giro per i socialnetwork. Qua vi cito le principali:

• https://developers.google.com/+/api/ (queste sono quelle di google+)
• https://dev.twitter.com/ (queste sono di twitter)
• http://developers.facebook.com/ (queste sono quelle di facebook)

esse vengono in aiuto quando al webdesigner il cliente chiede di implementare i socialnetwork all’interno del suo sito e viceversa…

non vi resta che esplorare questi link per conoscerle meglio.

cosa si intende per termine “comp” e termine “fold”

comp = comprehensive dummy (progettazione su carta stampata) corrisponde più o meno al nostro timome. Il comp è la simulazione completa di un layout su carta e viene realizzato prima di mandare in stampa il layout vero e proprio. Nel mondo del web design indica un’immagine del layout realizzata prima di iniziare a creare il prototipo di progetto in HTML.

I designer chiamano fold, piega, la zona il cui contenuto termina prima che gli utenti debbano scorrere la finestra del browser. Il termine deriva dal gergo giornalistico; nei quotidiani il fold identifica la parte della prima pagina che racchiude la maggior parte dei titoli e delle notizie principali. Queste notizie possono essere lette a colpo d’occhio anche quando il quotidiano è piegato (to fold). La posizione della piega in una pagina web dipende dalle dimensioni del browser e dalla risoluzione dello schermo dell’utente. Alla risoluzione 1024×768 pixel e tenendo condo dello spazio occupato dal browser in termini di schede aperte, pulsanti e barra indirizzzi, il fold si trova in genere a una distanza di 500 pixel dalla parte superiore della finestra.

Web Fonts e Google Web Fonts

Eccoci davanti a una delle novità introdotte in questo ultimo periodo…i Web Fonts e i google web fonts!… Molti web designer, fino ad oggi, per incompatibilità cross-browser non potevano caricare i fonts che avevano preso da siti come www.dafonts.it per cambiare quelli che sono i soliti caratteri preinstallati o standard di sistema operativo…Se visitate www.fontsquirrel.com con il font-face generatorpotremmo usare il font scelto per i nostri siti.

@font-face {
font-family: ‘font mio’;
src: url(‘nome-font.eot’);
src: url(‘nome-font.eot?#iefix’) format(‘embedded-opentype’),
url(‘nome-font.woff’) format(‘woff’),
url(‘nome-font.ttf’) format(‘truetype’),
url(‘nome-font.svg#nome-font’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

quindi sempre nel nostro css

p {
font-family:’font mio creato’, Arial, sans-serif;
}

godiamo quindi di vantaggi per:

-Compatibilità con tutti i dispositivi (anche mobili)

-Set di font praticamente infinito e creabile su misura

ma alcuni svantaggi:

- Tempi di caricamento un pò più lunghi rispetto ai google fonts.

- Per i novizi risulta essere una tecnica forse più complicata rispetto ai google fonts

Atrimenti, Google offre una galleria di caratteri da poter inserire nell’HTML rendendo così il nostro sito unico. ecco che avviene la rivoluzione: tecnica @Font-Face dei CSS3 ecco come usarla…

/* all’interno del css*/
h1 { font-family: ‘Yanone Kaffeesatz’, arial, serif; }

i vantaggi in questo caso per design complessi risulta la soluzione preferibile

come svantaggi posso segnalare solo la scarsa scelta al momento di fonts

A mio avviso sbizzarritivi nel provare e vedrete i risultati =) fatemi sapere con i vostri commenti. =)

vi lascio un po’ di siti di Fonts belli davvero perderete un bel po’ del vostro tempo =)

galleria di fonts gratuiti

http://www.fontspring.com/fonts/exljbris/museo-sans

https://typekit.com/

http://www.fontburner.com/fonts/

http://fontdeck.com/

http://webfonts.fonts.com/en-US

http://webfonts.info/wiki/index.php?title=Kernest

http://www.typotheque.com/webfonts

http://www.extensis.com/en/WebINK/

http://webfonts.info/wiki/index.php?title=Fonts_available_for_%40font-face_embedding

altri siti per fonts a pagamento

http://www.fontshop.com/

http://www.fontspring.com/fontface

http://www.webtype.com/

http://typefront.com/

Photoshop Touch arriva su Android!

Sono felice di annunciare che Adobe Photoshop Touch è disponibile per Android in Android Market.
L’applicazione richiede l’utilizzo di 8,9″ pollici o superiore e, tablet con sistema operativo Android 3.1 o superiore.
Per quanto riguarda la disponibilità di iPad, il piano è quello di annunciare di più nei primi mesi del 2012.

Oggi realizziamo un menu orizzontale con i CSS e lo rendiamo dinamico con PHP

ecco come realizzare un menu orizzontale con i CSS e lo rendiamo dinamico con PHP

codice html

<div id=”menu”>
<ul>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>About</a></li>
<li><a href=”#”>Blogroll</a></li>
<li><a href=”#”>Contatti</a></li>
</ul>
</div>

codice css

Read more >>

Le foto hdr

Fotografie in alta gamma dinamica High Dynamic Range.
L’HDR è un sistema di elaborazione digitale applicato sulle fotografie, consiste nel produrre immagini con valori di luminosità molto più alti delle normali foto, che generalmente arrivano ad un intervallo dinamico di luminosità di 255:1 contro un rapporto di 10.000:1 tipico dell’occhio umano.Una normale foto in JPG scattata con una macchina fotografica compatta memorizza per ogni pixel della foto dei valori di RGB (Rosso Verde Blu) con profondità di 8bit che producono una gamma di 16 milioni di colori.
Una foto scattata con una reflex digitale in formato RAW (utilizzando tutto il sensore), arriva a 10/12 bit di valori di luminosità, mentre una foto in HDR arriva a valori di 16bit o 32bit, il che equivale a conservare una quantità tale di informazioni che copre tutto l’intervallo possibile.
Le informazioni memorizzate in un’immagine HDR di solito corrispondono ai valori fisici della luminosità e della radianza che possono essere osservate nel mondo reale; in questo differiscono dalle informazioni memorizzate nelle normali immagini digitali, che memorizzano solo quali colori vanno riprodotti sullo schermo.
I monitor LCD o CRT hanno un basso intervallo di gamma dinamica (LDR = low dynamic range) e quindi, per visualizzare una foto con un intervallo dinamico più alto (HDR = high dynamic range), occorre utilizzare una procedura di elaborazione digitale denominata TONE MAPPING (mappatura dei toni).Con la mappatura dei toni si recuperano i dettagli di luminosità della foto in HDR con profondità fino a 32 bit per pixel, il che significa un intervallo che parte dal buio assoluto alla luce piena. Read more >>

Mailup

ovunque! MailUp, società italiana specializzata in
applicazioni per il Direct Marketing multicanale, annuncia l’integrazione della piattaforma MailUp con WordPress, la piattaforma gratuita open source per il personal publishing e la creazione di blog. Da oggi tutti gli utenti che utilizzano WordPress come
piattaforma di sviluppo potranno usufruire di un
ulteriore elemento per la diffusione delle proprie news. Read more >>