Photoshop Tutorial – jQuery Script – CSS Snippets

Alcuni giorni fa avevo segnalato l’ottima applicazione AIR dal titolo Snippely in grado di archiviare framenti di codice nel vostro HD. Il vantaggio di una applicazione come questa è chiaro, ma come rimediare al fatto di dover sempre avere sotto mano la vostra macchina per poter usufrire del codice salvato?

La soluzione si chiama Snipplr un repository Web dove, una volta autenticati potrete archiviare e condividere snippets di codice di vario tipo. Strutturato come una sorta di Blog, Snipplr vi aggiorna i Home page degli ultimi frammenti di codice inseriti e vi da la possibilità di cercarne altri in base alla categoria di interesse. CSS, AJAX, Ruby e molti altri linguaggi di programmazione trovano oggi uno spazio condiviso sempre disponibile, da consultare, ma anche da archiviare.

Snipplr offre inoltre un comodo Plugin per WP da installare per condividere nel proprio Blog snippets recenti . Consigliato.

Vorrei condividere con voi alcune letture che ritengo possano essere di grande aiuto e ispirazione nel nostro lavoro. Personalmente ho comprato i libri che citerò, dunque mi permetto di suggerirveli da un punto di vista concreto. Consiglio inoltre di pensare all’aquisto degli stessi su Amazon, avendo così la possibilità di scegliere e ordinare le versioni usate (…che sono sempre perfette) Continua a leggere »

In questo breve tutorial vediamo come implementare un Tooltip di 1 kb con 4 passaggi:

/*codice css*/

a:hover {
background:#fff;
text-decoration:none;}

a.tooltip span {
display:none;
padding:2px 3px;
margin-left:10px;
width:160px;}

a.tooltip:hover span{
display:inline;
position:absolute;
background:#fff;
border:1px solid #333;
color:#2a2a2a;}

/*codice html*/

My TooltipQuesto è il mio Tooltip

Chiaramente questa base può essere personalizzata come volete.

Siamo ormai quasi pieni di pacchetti framework sui CSS che quasi quasi facciamo un bel Erase e liberiamo un po di memoria dal nostro HD; ma non sempre tutto il male nuoce e infatti ecco spuntare Hartija un framework dedicato alla stampa corretta delle vostre pagine Web.

In tutto si contano una quarantina di righe di codice dove spiccano elementi poco utilizzati come “content”, i selettori di attributo e le pseudo-classi “after” e “before“. Sicuramente la sua implemetazione va valutata, ma sicuramente sbirciando nel codice gia prono possiamo imparare o magari migliorare i nostri fogli di stile dedicati alla stampa. Scarica Hartija da Google Code.