CSS
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.
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.
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.
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 »
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.
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
- Action
- ajax
- Avatar
- Biglietti da visita
- Brochure
- browser
- Brushes
- Client di posta
- Concorsi
- Convertitori online
- CSS
- CSS3
- Cursori
- design
- Discussioni
- Eventi
- Firefox
- Flash
- Fonti d'ispirazione
- Fonts
- form
- Fotografi
- Fotografia
- framework
- Generatori online
- Gif animate
- Hosting
- HTML 5
- icone
- illustrator
- jQuery
- loghi
- Macchine Fotografiche
- Mailing List
- markdvl
- Mootools
- Mostre
- Motori di ricerca
- packaging
- Pattern
- photoshop
- php
- PNG
- Portfolio
- powerpoint
- psd
- Pubblicità
- Risorse vettoriali
- rss
- Script
- Senza categoria
- Servizi a pagamento
- sfondi del desktop
- Siti
- Social network
- Software Online
- Spam
- Temi
- Templates
- Textures
- Tutorials
- Varie
- Web 2.0
- wordpress
- Youtube
Tag
Archivi
- luglio 2010 (2)
- giugno 2010 (14)
- maggio 2010 (4)
- aprile 2010 (12)
- marzo 2010 (40)
- febbraio 2010 (35)
- gennaio 2010 (34)
- dicembre 2009 (18)
- novembre 2009 (30)
- ottobre 2009 (26)
- settembre 2009 (23)
- agosto 2009 (16)
- luglio 2009 (38)
- giugno 2009 (38)
- maggio 2009 (54)
- aprile 2009 (67)
- marzo 2009 (73)
- febbraio 2009 (43)
- gennaio 2009 (29)
- dicembre 2008 (39)
- novembre 2008 (39)
- ottobre 2008 (94)
- settembre 2008 (13)
- marzo 2007 (1)
Commenti recenti
- Andrea Leti su Il logo della British Petroleum ridisegnato dopo il disastro ambientale
- giulia su Face Your Manga, trasforma la tua faccia in un avatar stile cartone manga
- martina su Face Your Manga, trasforma la tua faccia in un avatar stile cartone manga
- ziza su Clip art vettoriali di Michael Jackson
- ziza su Clip art vettoriali di Michael Jackson
Links
- Bianconiglio Web Directory
- Blog Directory
- Blog Tecnico
- Brokendollie.com
- Concorsi Fotografici
- Creative Bubbles
- Directory gratuita
- Facebook Journal
- FactoryLab
- Fix Rss Feed
- Graficarts, Grafica e Comunicazione
- Iconlandia
- ILaRia Lab
- Italian Web Design
- Naked Celebrity
- Photoshop in Action
- Revoblog
- Risorsa inforamatica Blog news
- Sartorio
- Simo blog
- Voli Low Cost
- WebTreats ETC
- Yes Web Can
