FutaBlog, il blog di Christian Fusi

Archivio per categoria: webdesign & CSS

accessibilità post: 8 | attualità post: 1 | coseweb post: 4 | curiosità post: 2 | cybercultura post: 71 | fotografia post: 16 | mac post: 10 | mondoblog post: 43 | musica & cinema post: 11 | nel web post: 94 | Off Topic post: 56 | software post: 21 | webdesign & CSS post: 70 |

15.04.06

Altra manciata di link

14:10 | Comments (0)

05.12.05

Sempre link

Giro di link dedicati al webdesign e ai CSS. Preannuncio che sto tornando ad occuparmene, a studiare e provare.... quindi presto potrei scrivere nuovi articoli, qualcosa di utile, si spera. [Ispirazioni principali in questo momento sono Edit e il bel libro di Gialuca Troiani.]


16:46 | Comments (1)

12.09.05

Un po' di link

Come al solito, quando il tempo e poco, i link annotati come "scorta" vengono ripescati:
- Ten more CSS tricks you may not know
- Web 2.0, il nuovo Rinascimento della Rete
- WebDays 2005, Torino, 23/24/25 Settembre [io ci sarò il 24, sabato.]
- CSS HELP PILE (una directory di link a risorse segnalate)
- CSS Guida completa - il libro di Gianluca Troiani
- The Unicode Character Code Charts

12:50 | Comments (1)

02.09.05

Cheat Sheet

Fogli/tabelle che riepilogano comandi, attributi, sintassi dei diversi linguaggi di programmazione? Si, ve ne avevo già linkati un po', ma ora ho trovato questa pagina che li raccoglie: Cheat Sheet Roundup. Comodo, te li stampi e li tieni vicino, perchè uno mi ca può ricordarsi tutto!

11:10 | Comments (1)

31.08.05

Tempo di redesign

Tanto per dirne due: A List Apart 4.0 e Evolt 3.0.

10:44 | Comments (0)

24.05.05

Suggerimenti

Simple Design Tips for Non-Designers da YourTotalSite.com

14:31 | Comments (0)

23.05.05

Creatività e colori

- Creativity Techniques elenca una serie di "creativity techniques to help with creative thinking". Utili?
- Secondo il Pantone Color Institute questi sono i dieci "nuovi colori hot":

HotColors.gif
[via 37Signal]

UPDATE: a quanto si legge dai commenti quelli del Pantone C.I. non godono di grande prestigio. Certo, strumenti e risorse in rete che affrontano il tema "colori" ce ne sono molte e ottime, ma se i colori sopra proposti (con i loro assurdi nomi) vi piacciono, perchè non usarli?

11:55 | Comments (1)

13.05.05

Si riparla di webdesign

Non mi son scordato che questo blog dovrebbe parlare di webdesign e CSS; per chi fa "l'operaio web" oggi pubblico una dose massiccia di link:
- 7 Simple Techniques Ready Site for Search
- Graphical User Interface Gallery
- The benefits of Web Standards...
- CSS Cheat Sheet
- Creating a Site Design Plan
- How To Roll Out An Open API

17:20 | Comments (0)

12.04.05

Foto gratis per i vostri progetti

Il solito problema. Alcuni buoni link io ce li avrei, ma Robin Good li riassume ancora meglio. [via Weblogger.ch]

12:05 | Comments (0)

07.03.05

Webdesign utili

- Una ricchissima raccolta di link
- Essential fonts for designers

11:03 | Comments (0)

26.01.05

Menù dinamico

Oggi sono in vena di suggerimenti. Se state cercando un buon menù dinamico CSS/javascript, che sia facile da configurare, accessibile e "semanticamente" corretto, questo di juicystudio è da tener presente.

18:16 | Comments (0)

Colori

Un amico mi ha chiesto un sito con "qualcosa per abbinare i colori". Questo potrebbe fare al caso suo: Colorscheme2

15:58 | Comments (1)

11.01.05

Strane favicon

A me le favicon piacciono, quelle iconcine personalizzate che appaiono prima di "http" nella barra del browser e poi nei vostri bookmark. A volte però i webdesigner "pigri" preferiscono rubarle...più che personalizzarle. Vabbè, ma perchè l'ATM (Azienda trasporti milanesi) ha Bart Homer Simpson???? (Segnalatemi altri casi, se li conoscete.)

UPDATE: Giorgio ha chiesto lumi al webmaster di ATM, ecco le loro email:
--Giorgio--
perchè la favicon del sito è homer simpson (un homer simpson con i capelli poi)? ha un senso?
--- Webmaster ATM ---
Il fatto che ha i capelli dipende dal fatto che non è Homer Simpson ma bensì suo figlio Bart !!!

Quindi, Antonio, ci avevo preso. Resta che non sappiamo che c'azzeccano i Simpson con l'Atm, a meno di non prendere per buona l'ipotesi di Sapo (che dopo essere stato linkato da boingBoing, è da considerarsi una blog-autorità!)

20:41 | Comments (4)

19.12.04

christianfusi.com v2.1

Finalmente ho trovato il tempo di sistemare il mio sito: christianfusi.com! Insomma, non un vero redesign ma: a) l'eliminazione dell'inutile pagina iniziale che ora contiene direttamente il portfolio b) l'aggiornamento dei dati c) dare a tutti i miei articoli lo stesso aspetto e fornirne la versione pdf.
Purtroppo non vi posso ancora mostrare quello che ho fatto negli ultimi tempi, son progetti lunghi e "importanti"... ne riparliamo tra qualche mese. infine, lo prometto, la pagina "Link" del blog arriverà presto ;)

16:34 | Comments (0)

11.11.04

Grafica

"The Heads of State": il sito, ma soprattutto questi poster che sono uno più bello dell'altro. A quanto sembra il "worn look" va alla grande, ed un maestro come Cameron Moll ci siega come ottenerlo in questo tutorial. Poi per aiutarsi un po', si può sempre cercare qualche pennello per photoshop da scaricare, gratuitamente.

20:39 | Comments (2)

08.11.04

Donald Norman a Milano

Io mercoledi vado ad ascoltarlo in Triennale. Presenta il suo libro: "Emotional design". Una buona occasione per ascoltare un "genio".

10:58 | Comments (0)

27.10.04

Fare web

Progettare e realizzare un'applicazione web è un processo lungo e complicato. E' bello che qualcuno (Jonathan Snook) che lo sta facendo voglia condividere con tutti la sua esperienza: Building a web application.
p.s. io mi son segnato anche questo link: Using Patterns in Web Design

16:29 | Comments (1)

15.10.04

Pose

Una volta volevo fare anch'io un sito così, cioè con me in 4 versioni diverse ad identificare le diverse aree del sito. Avrei dovuto fare la faccia da blog, quella da fotoblog, ecc.ecc. Ma non ci son riuscito. Meglio così ;)

21:46 | Comments (0)

27.09.04

Form, diversi!

Tutte le volte che sento dire che il sito in questione dovrà apparire identico su ogni browser/OS, obietto che in molti casi è una "perdita di tempo", un'operazione inutile e spesso controproducente (a livello di codice). E' il solito miraggio del controllo totale di ciò che apparirà, retaggio di grafici "della carta" o persone che hanno poca dimestichezza col mezzo internet. Il tutto è molto evidente se si parla di form: "Styling form controls".

10:58 | Comments (0)

CSS, esempi pratici

Qualche tutorial CSS facile-facile con esempi, su WellStyled.com.

10:42 | Comments (0)

23.09.04

LoVe/HAte e link

Che c'entra amore/odio con il webdesign? Semplice:

Quando specificate le pseudoclassi per i link, fatelo sempre in quest'ordine: Link, Visited, Hover, Active. Altri ordinamenti non funzioneranno in modo consistente su tutti i browser.

Così è più facile da ricordare, no? [via notonlyusability che traduce in italiano CSSCribSheet di Davis Shea]

14:21 | Comments (0)

20.09.04

9+10+10

- Nine things you can do to make your web site better.
- Ten CSS tricks you may not knowl.
- Ten CSS tricks — corrected and improved .

20:23 | Comments (0)

15.09.04

webdesign tutorial

"Web Design from Scratch" is a practical training course in web design for everyone interested in creating effective web pages.

11:49 | Comments (0)

13.09.04

Dove guardi?

Volete sapere dove si posa lo sguardo dell'utente davanti allo schermo? Cosa guarda prima nella pagina? E' bastato a quelli di Poynter tenerne "d'occhio" un po' (46) per 1 ora e poi, tirare le conclusioni: "Eyetrack III".

UPDATE: un post di Massimo Russo riporta (in italiano) l'elenco degli elementi più significativi emersi dalla ricerca.

10:50 | Comments (0)

31.08.04

E ancora: standard!

Vi martellerò ancora e ancora. Eccovi tradotti in italiano: "My Web site is standard! And yours? e "Web Standard Checklist" [via Gdesign]

15:09 | Comments (0)

25.08.04

Articolone sui webstandard

Questo è davvero un ottimo e completissimo articolo, grazie a Roger Johansson: "Developing With Web Standards".

22:01 | Comments (1)

03.08.04

Sempre ste tabelle!

"Throwing Tables Out the Window" è il consiglio che Douglas Bowman da a Microsoft per il suo sito. Io concordo ovviamente, e se facessero due conti anche loro come li ha fatti Douglas, magari si deciderebbero! Giusto per intenderci, SOLO il codice alleggerito farebbe risparmiare loro 924GB di banda al giorno!

23:59 | Comments (1)

28.07.04

Indagine

Uno studio davvero interessante mette a confronto aalcuni siti di designer molto affermati per verificare similitudine e differenze: "These web sites are identical—or are they?"

14:12 | Comments (0)

22.07.04

Tips (roba utile)

Quello che mi piacerebbe arrivare a fare nella sezione link di questo sito, sarà una roba tipo questa di Craig Saila: Web building tips.

12:01 | Comments (1)

08.07.04

Caratteri speciali HTML

Puo' servirvi sapere che se scrivete nell'HTML
questo ↑ oppure ↑ avrete: ↑
questo → oppure → avrete: →
questo ← oppure ← avrete: ←
questo ↓ oppure ↓ avrete: ↓
questo » » avrete: »
questo « « avrete: «

15:14 | Comments (2)

07.07.04

Emulare :hover su IE

Saprete certo che IE (sempre lui!) supporta la pseudo-classe :hover solo per i link e non per altri selettori, come fanno tutti gli altri browser. Resta impossibile ad esempio far cambiare lo sfondo ad un paragrafo quando ci si va sopra (nel CSS sarebbe p:hover{}). Questo è fastidioso anche quando si vorrebbe fare un bel menu a scomparsa in puro CSS. ALA discute la cosa nel recente articolo di Nick Rigby. Certo, già molti hanno pensato di risolvere la cosa con javascript, ma credo sia più corretto usare i behaviors. Se poi son così ben scritti e free come questi di Janos Horvath, meglio ancora.
P.S. Della cosa si era già parlato ai tempi di un altro articolo di ALA Suckerfish Dropdowns, sempre con javascript e sempre sostituibile con i behaviors, come leggete in whatever:hover.

11:23 | Comments (1)

03.07.04

Stop the piccion!

Bell'articolo di Maurizio Boscarol sulla "tendenza" a criticare Jacob Nielsen: è aperta la caccia a "Il piccione Jakob Nielsen". Io non ho mai condiviso l'approccio estremo di Nielsen, ma molto merito gli è dovuto se siam qui a parlare di usabilità. Dunque, senza sparale al piccione, basterebbe che qualcuno lo fermasse. "Muttley fa qualcosa!"
P.s. Il "qualcuno" più indicato a rimettere le cose a posto, potrebbe essere il suo socio, "scienziato geniale e visionario".

10:30 | Comments (0)

23.06.04

CSS tips

Se facessi ognigiorno un post sui CSS in stile "Tip of the day", oggi metteri questo:

Una cosa da considerare lavorando con i form è che i loro elementi (in particolare input, select e textarea) non ereditano nessuna proprietà CSS dai loro antenati.

11:29 | Comments (0)

22.06.04

Design e poi blogroll

o semplicemente Blog Dsgn. [via Blogger.ch, ma la versione in italiano ;)].
P.S. dovrei aggiungere questo blogger ai miei link, ma ci penserò al momento di caricare il mio nuovo layout (quasi finito). Farò un blogroll in home, solo pochi link, ma molto probabilmente ci sarà anche una pagina interna di link (blogger e risorse utili). Un lavoraccio insomma, certo meno impegnativo di questo o quest'altro.

18:34 | Comments (1)

15.06.04

Dirty URL

Se avete il problema suddetto, ovvero linkare siti esterni (dinamici, query dei motori, ecc.) fa saltare la vostra agognata W3C Validation, non devete far altro che sostituire i "caratteri speciali" con le appropiate entità, oppure fatelo fare a lui: Automatic Urlcleaner.
P.S. Di URL/URI vorrei parlarne prima o poi, ma io non ho ancora le idee chiare, meglio Antonio. E ricordate, un buon URL design è importante per il successo del vostro sito!

11:43 | Comments (0)

14.06.04

Qualche link

Tornando al post precedente:
- Usate due minuti per rispondere allo WaSP Survey
- Le micro-icons, inserite "magicamente"
- The real reason you should care about web standards

16:20 | Comments (0)

Blog Design (without IE)

Mentre penso a come fare il restyling del mio blog/sito, leggo questo articolo su Mezzoblue: “Everything looks like a blog”. Qualche ispirazione la potrei tranne da questo archivio: Cre8d - blog design showcase. Sicuramente manterrò standard (!): xhtml, css e vorrei incentivare maggiormente i miei lettori a lasciare IE, viste le migliori alternative esistenti. (Oggi ho trovato questo:The door is ajar). Penso anche di seguire un'impostazione secondo il MOSe ovvero, io uso propietà dei CSS che Mozilla, Opera e Safari supportano, e chi ha IE, semplicemente se le perde! Sta a voi decidere se avere una migliore esperienza della rete o no, chiaro??

11:04 | Comments (9)

10.06.04

Design "liquido"

Ma liquido nel senso di.... insomma passateci il mouse www.neave.com ;)
OT: fino a settimana prossima sarò ancora "latitante". Poi che dite, lo faccio un restyle del blog?

18:46 | Comments (0)

07.06.04

Qualche link

- Tab rotondi (stile Amazon) con CSS e HTML
- CIA: The Central illustration agency.
- Marco nel nuovo articolo su I-Use.it ha "regalato" un paio di consigli ai webmaster di Mediaset ;)

11:18 | Comments (0)

29.04.04

Sondaggio tipografico

Ma a voi, un blog tutto con font graziati, detti serif (cioè quelli con "le aste") piace? Lo trovate leggibile? Più elegante? Per intendersi meglio preferite:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur iaculis tellus quis justo.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur iaculis tellus quis justo.

Il primo è ovviamente Verdana o in alternativa (se non lo avete installato sul vostro pc) un san-serif generico, il secondo è Georgia o il generico serif in alternativa. [un po' di informazioni aggiuntive in: Georgia&Verdana, un articolo di Will-Harris]

23:50 | Comments (7)

Eleganza e open source

Un bell'articolo dal titolo The Rise of Interface Elegance in Open Source Software parla di come i designer si stia prestando a rendere più belli ed anche migliori i software opensource. E' firmato da Steven Garrety e l'ho trovato grazie all'ottimo OlandeseVolante, bookmarkatevelo (mm...che brutta parola).

23:29 | Comments (0)

23.04.04

Come nasce un'icona

Come nasce un icona, e che icona(!), ve lo spiega Jon Hicks autore delle nuove icone per Thunderbird, il client di posta di Mozilla. [via Fullo]

23:31 | Comments (0)

20.04.04

Libri di webdesign

Mi pare di non averne parlato qui sopra ma, visto il post precedente a questo, pare ora di affrontare l'argomento, seppur "alla buona". Io inizio con il mettere titoli o autori che mi sento di consigliare. Voi dite la vostra. Le recensioni facciamo che ognuno se le cerca in rete :) Magari mettiamo un simbolino tipo: T=principianti/tutti , E=esperti. I testi (meglio se recenti) che consiglierei sono possibilmente già tradotti e, purtroppo caso raro, non troppo costosi.

Gratis online:E naturalmente, leggete il libro di Tim Berners Lee, senza il quale non staremmo ora a parlare di Internet!!

21:32 | Comments (3)

02.04.04

GDesign

Gdesign.itIl mio articolo sugli standard web è apparso su Gdesign!
Son contento di questo perchè:
1) tengo molto a quell'articolo per ciò di cui parla. Scritto più di un anno fa, rivisto quest'anno, è sempre vero: gli standard danno vantaggi ma sono ancora poco adottati, purtroppo!
2) GDesign, ovviamente non va in questa direzione. Dispensa ottimi consigli su come fare "bene" il web e Giuseppe s'è dato un bel da fare nel metterli in pratica e dare a tutti un esempio di quello che si può fare: il suo sito è tablesless, validato e soprattutto pieno di ottimo materiale!

13:08 | Comments (0)

23.03.04

Minifont free

Eccovi alcuni siti da dove scaricare mini-font gratuiti:

Se poi, vi va di sorbirvi favolosi siti in flash, trovate dei bei mini-font anche in: Prego.

15:13 | Comments (0)

22.03.04

Qualche link

- www.netdiver.net: pixel bites for the tired mind
- Lightboxing: un tema, alcuni elementi fissi e parte la sfida uno contro l'altro, due designer per l'idea migliore.
- Microsoft Typography: parliamo di font, spesso poco conosciuti anche dai webdesigner.

14:01 | Comments (0)

01.03.04

Style switcher

Se ne cercate uno, magari diverso da quello proposto su ALA, leggete l'articolo di Alessandro Fulciniti su HTML.PRO: "Style Switcher per tutti".

15:05 | Comments (1)

Tabelle o non tabelle

Non ricordo se avevo già postato questo divertente ed istruttivo: "Why tables for layout is stupid: problems defined, solutions offered." Comunque, un ripasso non fa male e poi è come leggere un fumetto.

11:05 | Comments (0)

24.02.04

Favicon

La favicon è quell'iconcina che potete far associare al nome del vostro sito quando questo viene salvato in un bookmark (ovvero nei "Preferiti"). Il modo per specificarla nell'HTML è piuttosto semplice, ma l'immagine scelta deve avere caratteristiche particolari: dimensioni fisse(16x16 o 32x32), colori limitati (256) ed è necessario salvarla con estensione ".ico" usando un software specifico (suggerisco Microangelo o Icon Cool Editor).
Ma ho scoperto questo tool online della Chami (quella di HTMLKit). Voi selezionate l'immagine dal vostro PC, cliccate e salvate il risultato!
Dimenticavo, nell'HEAD dovete scrivere:
<LINK REL="shortcut icon" HREF="http://www.miosito.com/favicon.ico">
Chiaro?

15:39 | Comments (5)

23.02.04

Link(s)

Un po' di siti da guardare:
- Le immagini di Designologue
- La presentazione di WDDG (alzate il volume)
- Bei lavori rigorosamente standard, segnalati da Webstandardsawards.com
Link e dritte sul webdesign:
- Tutti quelli di questo post su Web-Graphics.com

21:05 | Comments (0)

15.02.04

Mio nuovo articolo

Risorse.net Un mio articolo è apparso sul Magazine del sito Risorse.net . Siete invitati a leggerlo se volete sapere come ottenere del Dynamic HTML grazie al DOM. Insomma, vi spiego come fare a: creare un box che compare/scompare grazie ad un click e come poterlo trascinare in giro per lo schermo. (Si è vero, è lo sviluppo di quello che trovate sul mio portfolio alla voce "Esperimenti", e si presenta così: exp drag&drop finale)

18:13 | Comments (0)

12.02.04

Formati RSS: troppi!

Antonio si è dato da fare come sempre e ha creato uno script che converte i feed Atom 0.3 (il formato recentemente adottato da Blogger) in un formato RSS 1.0 leggibile dai più diffusi aggregatori. Ma cosa dire a Pilgrim che scrive un articolo per dimostrare che esistono ben 9 (NOVE) formati RSS non compatibili tra di loro! (Antonio, di bomboloni te ne servirebbero a quintali ;) )

22:01 | Comments (0)

< code >

Mi è capitato di dover inserire righe di codice html in un articolo, per spiegarle. Il tag da usare è ovviamente <CODE> e bisogna ricordarsi di trasformare tutte le parentesi angolari (< >) del codice che vogliamo sia leggibile con "&lt; " e "&gt;". Oppure usate questo SimpleCode.

21:44 | Comments (0)

09.02.04

5 incontri

Visto che dove lavorerò questa settimana non ho internet, non potrò tenermi/tenervi aggiornato su webdesign e dintorni. Comunque non mi perdo l'interessante serie di 5 incontri dal titolo Internet e il digitale organizzata da Tecniche Nuove presso la libreria Hoepli a Milano. Il primo è: "Ecologia dei siti web" e ovviamente si parla di accessibilità e usabilità con Maurizio Boscarol e Sebastiano Bagnara. GIOVEDI 12 FEBBRAIO ore 18.00

21:23 | Comments (0)

05.02.04

News via RSS, senza fatica

Volete mettere nel vostro sito un box di news, prendendole da un feed rss che avete scelto? Allora usate questo: FeedRoll

19:15 | Comments (0)

14.01.04

Roba utile

11:57 | Comments (0)

27.12.03

Collaboro con I-USE.IT

I-use.it : web design accessibile e usabileColto da questa voglia di scrivere articoli, ho anche cercato un posto dove pubblicarli e renderli visibili (e si spera utili) a più persone. Il sito I-Use.it di Marco Deseri è quello che ho scelto, la sua e la mia idea di web design coincidono. Per ora vi appaiono due miei articoli: il primo lo avete già letto dal portfolio, l'altro è un utile tutorial dal titolo "<!DOCTYPE> e <HEAD>: chi ben comincia..." (sta anche qui).
Il sito è appena giunto alla versione 2.0 e ci stiamo lavorando su; ogni consiglio è ben accetto. E anche un po' di pubblicità non guasta :)

00:09 | Comments (3)

15.12.03

Miei articoli

Ho aggiunto un paio di articoli al mio portfolio.
1) Perchè creare pagine web standard-compliant? L'avevo scritto l'anno scorso e quasi tutto quello che pensavo allora oggi lo riconfermo: DOVETE usare gli standard se volete fare web come-si-deve!
2) Standard, tabelle e rivoluzioni scientifiche propone un approccio "mentale" alternativo al web del futuro, al web semantico.
Fatemi sapere che ne pensate.

09:10 | Comments (8)

03.12.03

Analisi e "best practices"

"Web Design Practices is a site devoted to helping designers understand what design practices are currently in use on the Web—and aims to gather research about the usability of commonly-employed design practices."

15:16 | Comments (0)

02.12.03

Colore digitale

Tutto ciò che riguarda il colore e la sua gestione a schermo, per la stampa o nella fotografia digitale è approfonditamente trattato sul sito di Mauro Boscarol.

14:00 | Comments (0)

21.11.03

Professioni Web

Se ne discute da un po'. Punto informatico riporta la bozza della proposta di legge a cui sta lavorando Roberto Scano e la lista WebProfession. Antonio Cavedoni riassume e posta gli interventi apparsi in merito su Nartlist. Infine le risposte di Scano ad Antonio.

10:38 | Comments (0)

19.11.03

Tanti Explorer

L'avevo già accennato, ma l'articolo di Cesare su HTML-Pro è molto chiaro e completo: "Tutti gli Explorer insieme su Windows". Da oggi sul mio pc risiedono contemporaneamente IE 6, 5.5 e 5 e chi fa il webdesigner sa bene quanto questo sia comodo! (Oltre ad avere l'amico Sapo come tester per il mac :))

11:03 | Comments (3)

11.11.03

Font

A me il Verdana piace, si legge bene a schermo e per questo lo uso molto. Ora scopro che gli utenti Mac lo vedono solo perchè hanno installato sul loro computer prodotti Microsoft come IE5 (per Mac, ovviamente) o Office. Altrimenti niente Verdana, Georgia......
p.s. spero gli manchi anche il Comic Sans, sarebbe l'unica consolazione!

14:24 | Comments (2)

27.10.03

Finalmente!

L'attendevo con ansia, mi son distratto negli ultimi giorni ed eccolo online: "Ladies and gentlemen, ALA 3.0.".

13:35 | Comments (0)

21.10.03

Tutorial

Eccovi un bel sito per imparare HTML e CSS, sia base che avanzato, grazie agli esempi: HTML Dog.
Se invece volete conoscere qualcosa di più sui colori, interagite con Poynter.org [serve flash].

14:03 | Comments (0)

29.09.03

Standard e orrori

Tra qualche giorno a Milano inizia lo Smau. (Siamo tutti d'accordo che ormai più che una fiera di settore è uno show per stupire adolescenti e per vendergli qualche gadget inutile). Guardavo ora il loro sito e, abitudine professionale, do un occhio al codice (ctrl+u per mozilla; visualizza->HTML per IE). Naturalmente da mettersi le mani nei capelli. Ho perfino avvistato un tag <font> usato nel <title> della pagina! Se mai pensassero ad un restyling, potrebbero leggere il solito Zeldman in questo suo "Designing With Web Standards"

14:19 | Comments (4)

28.09.03

Nuova homepage

Ok, la pubblico! Altrimenti finisce che mi stufo e non la vedrete mai. Si era pronta ma volevo testarla; ho pulito il codice (sbirciatelo) ed è xhtml 1.1 valido. Le immagini e i colori mi soddisfano e l'equilibrio che volevo per una homepage da "designer" mi sembra raggiunto. Resta da fare il portfolio (ci sto lavorando) e qualche test.
Datemi una mano con il feedback, per ora son fermo a IE 5.5/6, Mozilla 1.4, Opera 7 per PC.
E ...ditemi se vi piace!

18:13 | Comments (8)

09.09.03

[CSS] Riassumiamo

Ognitanto qualcuno provvede utilmente a riassumere, elencare, intabellare certi argomenti discussi, per la gioia di tutti. Così sul tema "liste <ul>" nasce Listamatic [via Zeldman].
Parlando di css hack invece Antonio Cavedoni sulla Nartlist segnala questa tabella riassuntiva. Ringraziamo.

10:15 | Comments (0)

02.09.03

Ancora CSS-XHTML, ovvero standards

Fra questioni semantiche, metodologiche, tecniche, pro e contro, si fa un gran parlare dell'argomento. Potete leggere il lungo intervento di Mark Pilgrim dal titolo "Won't somebody please think of the gerbils?" e il successivo dibattito.
Suggerimenti pratici sul codice invece da questi due articoli:"Containing Floats" di Meyer e i "Fast Rollovers," di Pixy [via Zeldman]

15:58 | Comments (0)

01.09.03

CSS roba tosta

[riedito un post di Agosto 2003 che è andato perso]
Lavorare con i CSS implica la conoscenza del codice e di alcune tecniche. Condivido la preoccupazione di Sapo nei commenti al post prima di questo sull'illusione che potrebbe farsi qualcuno leggendo la scheda sul futuro Dreamweaver MX 2004. Un conto è integrare un buon editor CSS (e ci voleva!), un altro affermare di poter così realizzare siti basati sui CSS e per di più crossbrowser. Che fa il programma ad esempio con il box model di IE5? Vabbè, io ripeto: studiate il codice! Anzi, studiamo. Oggi si approfondisce la tecnica della Fahrner Image Replacement (sostituire un immagine con la background-image specificata nel CSS) leggendo questo, questo e questo.
Approposito di tecniche, leggete anche questo articolo: Alternate Box Model Hacks !
[i link vengono da questa discussione sui Forum di Diodati]

17:49 | Comments (0)