CSS

google-font-directory

Tanti webmaster si trovano spesso a dover inserire dei font particolari all’interno delle proprie pagine web utilizzando vari script, ma non tutti sanno che da poco Google ha realizzato delle API chiamate Google Font API studiate appunto per consentire l’inserimento di font non-standard all’interno dei siti.
Oltre a questo da oggi potrete avere a disposizione una vasta scelta di caratteri presenti nella Google Font Directory e utilizzabili sotto licenza open source che vi consente di usarli sia per scopi personali che commerciali.
Utilizzarli è molto semplice, dovrete soltanto aggiungere alle proprie pagine un link ad un particolare foglio di stile hostato sui server di Google ed in seguito inserire sul proprio CSS il riferimento al font che vogliamo utilizzare.
Le Google Font API sono compatibili con Google Chrome 4.249.4+, Firefox 3.5+, Safari 3.1+ andIE 6+. Al momento però non è stato ancora implementato un supporto per iPhone, iPad, iPod, e Android.

Categorie: CSS, Fonts, google Tags: 1 commento

css-color-editor

Per chi non avesse molta dimestichezza con l’uso dei codici colore in esadecimale, all’interno di un CSS, da oggi potrà avvalersi di CSSColorEditor, un’applicazione web che ci vi permetterà di editare i codici colore attraverso l’uso di un semplice picker tipo Photoshop.
Una volta scelti i nuovi colori si potrà salvare il CSS pronto per essere caricato sul proprio sito.
L’unico appunto che devo fare su questo servizio è il fatto che non vengono indicate le varie classi css, alle quali sono riferiti i colori che si vogliono modificare, rendendo poco intuitivo il suo utilizzo.

Classic-Luxury

CssTemplateHeaven ci presenta Classic Luxory, un elegantissimo template adatto alla realizzazione di un portfolio fotografico o di un sito di foto personali, ma può anche tranquillamente essere convertito facilmente in un tema per CMS come WordPress o Joomla.
Il template si compone fondamentalmente di 3 pagine: la home, la galleria fotografia e una pagina generica, ma ovviamente voi potrete personalizzarlo inserendo tutte le pagine che vorrete.

Cliccare qui per scaricare Classic Luxury Template

markers-css

MarkerCSS è un completo framework css utile per realizzare il layout di un sito in modo semplice e veloce senza ogni volta perdere tempo per creare da zero un nuovo foglio di stile.
Questo framework è strutturato con otto css distinti in grado di definire: layout, bordi, background, links, form, testo, colori e tabelle e utilizzabili anche separatamente in base alle proprie esigenze. Continua a leggere »

Categorie: CSS Tags: 1 commento

rollover-bianco-nero

Qualche mese fa James Padolsey ha realizzato una tecnica per emulare l’effetto "scala di grigio" da applicare sulle immagini nei browser non-IE come Firefox.
Partendo da questa tecnica sohtanaka è riuscito a modificarla attraverso l’uso dei CSS e qualche linea di codice jQuery che gli hanno permesso di realizzare un gradevole effetto di rollover che trasforma le immagini a colori in immagini in scala di grigio attraverso una transizione di fade molto elegante.

Cliccare qui per visualizzare il tutorial

menu-animato-css-jquery

SohTanaka ci presenta un tutorial per la realizzazione di un menù di navigazione animato mediante l’uso congiunto di CSS e jQuery creando un elegante effetto roll over, se volete potete dare un’occhiata alla demo per capire di cosa si tratta.

Cliccare qui per visualizzare il tutorial Animated Navigation with CSS & jQuery

Categorie: CSS, jQuery Tags: , 3 commenti
Aggiungi Markdvl Webdesigner tra i tuoi amici di Facebook per ricevere news, consigli o suggerimenti sul mondo della grafica e del webdesign.
Accedi al blog con il tuo account di Facebook:
Ultimi visitatori
  • iwinuxfeed.altervista.org
  • Aggregato su SocialBlog
  • Yourpage live news aggregator
  • Il Bloggatore
  • Iscritto su SpreadRSS.com
  • Aggregatore notizie RSS
  • Feedelissimo
Miglior Blog