esempio - Edit

HTML.it
oneBlog
HTML/XHTML
Oggi su oneBlog
Keynote Themes FX
Microsoft annuncia un
supporto più efficiente per
Xbox 360
Prime prove delle nuove
GeForce 8500 ed 8600
Accedere alle risorse del
palmare via Wi-Fi
Jajah anche sulla PSP
Intel conforme alla
normative RoHS per le
schede di rete.
The Sims 2: si nasce, si
cresce, si muore!
Oggi su HTML.it
News ASP
CSS
JavaScript
PHP
Grafica
Web Design
Programmazione
Info
L'anno delle sidebar
Martedì 10 Aprile 2007 - 11:08
di Antonio Volpon
Non so se si tratta di una vera e propria "sindrome delle sidebar", come
evidenzia Bilal Hameed in Read/WriteWeb, ma sicuramente quest'anno
alcuni storici strumenti di produttività si aggiornano e possono ora essere
inclusi nella finestra del browser.
Come per esempio la bella versione di Google Talk che gira in una finestra
indipendente, ma che con qualche accorgimento condivide lo spazio con la normale
navigazione.
Tra le migliori integrazioni c'è sicuramente da segnalare la nuova versione della
toolbar di del.icio.us per Firefox, che con un colpo solo permette di salvare i preziosi
link in locale e di trovarli organizzati e navigabili, per l'appunto in uno spazio
ricavato nella finestra del browser. Unica controindicazione: non usatela con Pc o
Mac datati (come i miei), a meno che non amiate aspettare una decina di secondi
ogni volta.
Chi sarà il prossimo? A me piacerebbe qualche esperimento con Gmail, ma lo spazio
sullo schermo è prezioso, non mi va di sprecarlo quando un CTRL+TAB potrebbe
essere sufficiente.
A1 Jummfa Mp3Recorder
2.607
Categoria: Software e Servizi | Permalink | Commenti (0)
Google pizzicato a copiare
Documentare il contenuto di un CSS
iPod, icona generazionale
Marketing e Motori
Martedì 10 Aprile 2007 - 10:02
Magari non interessa direttamente a molti questa CSS Reference Chart
for SharePoint 2007, ma può essere comunque un buon esempio di come
realizzare una documentazione dei contenuti e delle regole di un foglio di
stile (penso ad esempio al momento in cui si consegna un sito ad un
cliente e gli si vuole fornire uno schema per successivi interventi sul CSS da
effettuare in proprio).
Backup-2006 Studio
Webnews
Ultime news
Google pizzicato a copiare
iPod, icona generazionale
Windows Live Messenger
entra nella Xbox
AFP trova l'accordo con
Google
Rai, ecco il nuovo contratto
di servizio
Tutte le News
Ultime dal forum
Menu a tendina
I feed RSS di <edit>
Powered by Movable Type
Ricerca
Inserisci un termine
Network oneBlog
oneBlog
oneGames
Windows Live Messenger
entra nella Xbox
AFP trova l'accordo con
Google
Contatti
oneApple
di Cesare Lamanna
Velocizzare i risultati delle
query
In archivio ci sono 1918 post
e 15036 commenti.
oneADSL
Active Web Reader 2.49
ThumbXP IM 1.2.2
Sei su <edit>, il blog di
HTML.it dedicato a web
design, web development e
sicurezza.
oneHardware
oneMarketing
oneMobile
oneVoiceOverIP
oneWeb20
Argomenti
La tabella è molto completa e dice chiaramente cosa fa, dove interviene, quali
effetti produce, dove può essere rintracciata nel codice una certa classe. Ottima
l'idea di accompagnare il tutto con screenshot e immagini.
Adobe Macromedia World
Categoria: CSS | Permalink | Commenti (4)
Contenuti e Web Writing
Bookmark
CSS
Testare la resa di un sito con IE NetRenderer
Martedì 10 Aprile 2007 - 09:34
di Cesare Lamanna
Su una cosa non si può non essere d'accordo con i creatori di IE
NetRenderer: rispetto ad altri servizi simili che consentono di ottenere
via web screenshot relativi alla resa di un sito su specifici browser è
davvero molto veloce.
Tagliato su misura per Internet Explorer, effettua test sulle versioni 5.5, 6.0 e 7.0,
offrendo anche due opzioni particolari che consentono di verificare le differenze di
resa tra IE6 e IE7.
Qualche perplessità ce l'ho sull'output prodotto, secondo me valido solo per testare
eventuali macroscopiche incongruenze nel layout (che comunque è già qualcosa).
Potete comunque darci un'occhiata ed esprimere la vostra opinione. Certamente, se si
ha bisogno di una rapida verifica per valutare come rende un sito a 800x600 su IE 5.5,
è una buona scelta.
Categoria: Software e Servizi | Permalink | Commenti (1)
Eventi e segnalazioni
Grafica
HTML.it
Lavoro
Microsoft Dev
Motori di ricerca
PHP e Open Source
Scripting
Sicurezza
Software e Servizi
Web Design
Web Marketing
Web Standards
XML/RSS
Archivi mensili
[c++] ordinare un array
Problema con w3 e tabella
centrata
Seleziona un mese...
Aiuto!! errori che on riesco
a ...
Feedback
La mia schermata
Post più commentati
Apre i battenti Italia.it [171]
Servizi e strumenti
Detto tra noi: guadagnate
con AdSense? [98]
PMI.it
Una stazione di lavoro Linux
per il web design [94]
Shop.html.it
Corsi di formazione
WEBtool premium
Windows Vista: alzi la mano
chi... [93]
Newsletter.it
Firefox 1.5: problemi? [85]
ADSL.html.it
Hosting.html.it
VOIP.html.it
Ultimi commenti
Effetti ombra in Photoshop
Martedì 10 Aprile 2007 - 08:50
di Alessandro Fulciniti
Torniamo a parlare di effetti in Photoshop: in questo appuntamento alcuni
link a tutorial con effetti di ombreggiatura. I due più comuni sono l'effetto
drop shadow e il meno noto cast shadow, di cui riporto due piccoli
esempi che ho preparato:
Commento di bobbibi al post
Documentare il contenuto di
un CSS:
"Mah, commentare è un
costo, non lo nego.
Soprattutto per chi la..."
(leggi tutto)
Commento di Mariano al post
Documentare il contenuto di
un CSS:
"Mi sembra sicuramente ben
fatto, ma eccessivo da
realizzare man..." (leggi
tutto)
Commento di Michele al post
Documentare il contenuto di
un CSS:
"Proprio questo week-end
mi è passata per la testa
l'idea di svi..." (leggi tutto)
La differenza è abbastanza evidente credo... sostanzialmente con l'effetto drop
shadow si ha un ombra sfumata, ma di misura e forma del tutto uguale all'elemento
che la genera, solitamente traslata verso il basso e uno dei due lati. Tanto più è
traslata, tanto più sarà l'effetto profondità, che dovrà essere anche accompagnato
comunque da un'adeguata tonalità di grigio (più chiaro=più lontano).
Mentre l'effetto drop shadow è di solito applicato al testo o a cornici, l'effetto cast
shadow è più adatto a persone e oggetti, in quanto si tratta di un'ombra molto più
verosimile: allungata, distorta e talvolta progressivamente sfumata.
Dopo questa breve premessa, veniamo ai tutorial per creare questi due effetti con
Photoshop.
Continua a leggere "Effetti ombra in Photoshop"
Commento di Giovanni
Battista Lenoci al post
Documentare il contenuto di
un CSS:
"Bello! Mi piacerebbe però
sapere quanto tempo ci
hanno messo a ..." (leggi
tutto)
Commento di Grab al post
Testare la resa di un sito con
IE NetRenderer:
"L'ho usato qualche tempo
fa e mi fido abbastanza del
risultato...." (leggi tutto)
Credits
Categoria: Grafica | Permalink | Commenti (0)
Gestione Movable Type:
Cesare Lamanna
Risorse sui pixel font
Venerdì 06 Aprile 2007 - 10:14
di Cesare Lamanna
Visto che mi serviva qualche pixel font alternativo a Silkscreen, ho fatto
qualche ricerca su Google. Riporto allora un po' di link tra quelli che ho
trovato.
Non solo perché è una risorsa di HTML.it ma per il fatto che mi è stato
restituito come primo risultato, parto con questo articolo introduttivo: Tutto sulle
pixel font, che ci ricorda all'inizio lo scenario d'uso tipico di questa particolare
categoria di font: testi grafici per cui è importante mantenere una buona leggibilità
a dimensioni molto piccole.
Via Dynamick.it ho invece scoperto questa raccolta di 20 pixel font da scaricare
liberamente. Una selezione dei migliori 5 l'ho invece trovata su SitePoint. Oltre al
citato Silkscreen, vengono proposti Sevenet, Subatomic screen, Handy e Grixel
Acme 7. Sono tutti gratuiti.
Via Design & Multimedia Blog, infine, il link a questo editor online che consente a
chiunque di crearsi il proprio pixel font.
Categoria: Grafica | Permalink | Commenti (6)
Gli usi dell'overflow
Venerdì 06 Aprile 2007 - 09:37
di Alessandro Fulciniti
Giusto l'altro ieri parlavamo di Image gallery that doesn't fall apart, una
semplice tecnica che usa la proprietà overflow per ottenere una galleria
di immagini di dimensioni diverse.
La proprietà overflow è stata usata di recente anche in un altro articolo:
Accessible display:none di Nathan Smith. In breve, la tecnica presenta un modo per
nascondere sezioni di testo (ad esempio link di salto ai contenuti e ausili alla
navigazione) da usare in alternativa a display:none , dato che quest'ultima non
funziona con gli screen reader. Ora abbiamo una soluzione in più oltre alla tecnica
off-left.
Un altro uso dell'overflow è per forzare il contenimento dei float senza markup
aggiuntivo, presentato nella tecnica Simple clearing of float di cui ho parlato
nell'articolo Float: teoria e pratica. Infine, la carrellata sull'overflow si conclude con
l'uso forse più classico e intuitivo: aggiugere le scrollbar.
Categoria: CSS | Permalink | Commenti (2)
Firebug: aggiornamento necessario
Venerdì 06 Aprile 2007 - 09:05
di Giacomo Dotta
Visto che
l'estensione Firebug di Mozilla è gravemente fallata (dettagli)
Considerato che
su questo blog sono in molti ad usare Firefox e le relative extension,
soprattutto questa in particolare
Si comunica che
una nuova versione dell'extension è disponibile per il download e si consiglia
pertanto di aggiornare il tutto al più presto
Categoria: Sicurezza | Permalink | Commenti (7)
Le mie mappe con Google
Giovedì 05 Aprile 2007 - 09:57
di Cesare Lamanna
Giusto per concludere il Google news day, segnalo che su Google Maps è
ora disponibile un nuovo strumento: Le mia mappe, già definito sui siti
americani mashup for dummies. Copio e incollo dal pannello che ho
davanti agli occhi prima di lasciarvi per iniziare a giocarci un po':
Usa Google Maps per creare le tue mappe. Crea e condividi mappe
commentate e personalizzate del tuo mondo.
Segnala i tuoi luoghi preferiti nella mappa.
Traccia righe e forme per evidenziare percorsi e zone.
Aggiungi descrizioni, foto e video.
Pubblica la tua mappa sul web.
Condividi la tua mappa con amici e familiari.
Altri riferimenti tra quelli che ho trovato tra i feed: cNet, Om Malik.
Categoria: Software e Servizi | Permalink | Commenti (10)
Post precedenti > >
CSS e layout:
Alessandro Fulciniti
Grafica e tipografia:
Emiliano Pennisi
Debian backend:
Francesco Caccavella