Bug su FireFox 3: float right
Ciao a tutti,
sto cercando di capire il perchè e se è effettivamente un bug della nuova release di Firefox.
Fatto stà che ho trovato un comportamento strano del browser se utilizzo il float:right.
L’esempio è facilmente ripetibile da tutti voi.
Markup, direttamente nel body, un div, così:
<body>
<div id=”wrapper”></div>
</body>
A cui associamo questa semplice riga di Css:
#wrapper {width:1000px; float:right; background:#CC66FF;}
(ovviamente la dimensione del div è a piacere)
Cosa succede a questo punto? Se la nostra risoluzione o la nostra finestra di Firefox è minore alla dimensione del div (1000px) dovremmo vedere una scrollbar orizzontale che ci permette di vedere tutto il contenuto della pagina. Bhe questo succede con Safari, Opera, IE7, ma non con FireFox 3.
Infatti il browser si comporta in modo strano. Semplicemente “taglia” i contenuti senza mostrare la scrollbar.
Facendo una prova veloce sul Css e cambiamo il float su “left”, ossia:
#wrapper {width:1000px; float:left; background:#CC66FF;}
tutto torna alla normalità e il browser mostra correttamente lo scorrimento.
Se avete un’immagine da inserire “inline” vi accorgerete meglio di questo strano comportamento.
Aspetto risposte o confortanti conferme!
JQ Zoom
Per chi usa abitualmente JQuery,
nelle proprie interfacce web, eccovi un ottima libreria che permette di avere uno zoom sulle nostre immagini di ottima qualità. L’altra nota positiva è che è realizzata da un italiano Marco Renzi e lo script si chiama JQZoom.
Davvero utile e ben fatto!
Da provare…
Tutorials per web designer
Ciao ragazzi,
non vi consiglio di “ispirarvi” a queste interfacce. Quello che secondo me è interessante studiare, sono tecniche diverse, più potenti, per ottenere dei risultati efficaci e professionali.
In questi 40 tutorials c’è qualcosa da scartare, ma tante altre cose utili e indispensabili per un abile web designer. Buttateci un occhio!
Enjoy!
Bg Patterns
CIao ragazzi,
segnalo questo bellissimo e spassosissimo servizio online, che riassume secondo me molto bene i concetti del web 2.0. Tecnologia, facilità d’uso e community sono racchiuse molto bene.
Il servizio in se è banale. Si tratta di comporre dei patterns con le figure disponibili ma potendo agire su moltissimi parametri, quali: colore, distanza, dimensione, rotazione, alpha.
Se ci piace il pattern realizzato, possiamo scaricarci la gif utile per i nostri Css, e possiamo anche aggiungerla alle nostre creazioni (previo registrazione).
In questo modo gli altri utenti posso votarla e noi votare le loro creazioni.
Secondo me è fatto benissimo!
E secondo voi?
50 vs 50
Ciao,
risorse fresche di giornata:
- 50 wallpaper ad alta risoluzione utili per creare onepage site con sfondo fotografico
- 50 risorse per elementi vettoriali utilissimi.
Il primo lo troviamo su Smashingmagazine e si tratta di foto ovviamente ritoccate e lavorate in postproduzione, con grande tecnica e gusto. Alcune foto sono al altrissima risoluzione e liberamente scaricabili, altri sono da comprare, altre ancora sono a bassa risoluzione. Quasi tutte hanno come fonte Deviantart.com
Il secondo link, viene dal sempre utile Hongkiat.com. Si passa da illustrazioni ad elementi utilizzabili singolarmente nelle nostre creazioni web.
Buona ricerca!
High resolution textures
Personalmente amo,
le pagine realizzate con background fotografico e ad alta risoluzione.
Si tende a chiamarle texture però effettivamente sono foto, con tutti i vantaggi e gli svantaggi.
Le cose da valutare per questa implementazione sono: il peso effettivo della foto (non abusiamo della bontà delle linee ADSL italiane), la leggibiltà del testo (che sia bianco o nero), la necessità poi di realizzare spesso png trasparenti, sia per sfondi che per elementi arrotondati.
Se tutto questo è stato superato da un sapiente layout, possiamo passare all’ispirazione.
Ecco molte “texture” ad alta risoluzione pronte per le nostre prove.
Enjoy!
Startup Warrior
Ciao.
Sembra che finalmente anche a Roma (dove attualmente vivo e lavoro) il vento delle startup cominci a tirare in un modo consistente. Certo, si tratta quasi sempre di capitali privati, però forse qualcosa si muove in modo deciso.
Se avete voglia di “mortificare” il vosto ego, pensando che siete sprecati in Italia, ecco a voi un sito dove potete analizzare la situazione aggiornata delle startup presenti su tutto il globo.
Si chiama Startup Warrior.
Appena ho aperto la url, ho notato subito quel “882″, che è il numero di società nell’area di San Francisco.
Se zoomate di un solo click, notevole anche il “352″ dell’area di NYC.
Mi ha colpito anche l’ottimo “63″ israeliano. E in Italia?
Bhe su Roma stiamo a 6, Milano 7 e pochissimo altro. Su questo non c’era dubbio… che desolazione rispetto al resto del mondo e dell’Europa.
Voi avete esperienze di startup?
Free Texture from Sxc
Ciao,
Sxc è un ottimo contenitore di foto quasi completamente libere dai diritti.
In questo post vengono raggruppate alcune di queste foto per dare vita ad una risorsa molto utile per i nostri web design.
Ottime texture, ad alta risoluzione e dei più comuni materiali.
Enjoy!
Ascoltare Musica
Ciao ragazzi,
segnalo sempre con molto piacere ed orgoglio le alternative italiane a servizi web esteri.
Matteo Totaro, mi segnala la sua creatura: AscoltareMusica.net.
Questo servizio web permette di ascoltare online tutta la musica che preferiamo. E’ una validissima alternativa a Songza, servizio web recensito da me qualche tempo fa.
Per AscoltareMusica.net ottimo il tempo di risposta nella ricerca di brani o interpreti, ottimo anche il tempo di risposta alle azioni di play. Il player non salta mai e la qualità dell’audio è buona.
Da segnalare che, previa registrazione, è possibile aggiungere i brani alla nostra playlist e personalizzarla a nostro piacimento.
Consiglierei a Matteo di rendere la pagina un pò più accattivante e rispondente ai canoni “web 2.0″.
Da provare!
Da Psd a Xhtml: tutorial completo
Finalmente,
un ottimo (anche se semplice) tutorial che parte dalla creazione di un layout con photoshop, per finire alla sua realizzazione in Xhtml/Css con validazione compresa.
Non aspettatevi cose complesse, però per capire bene i processi, per aggirare alcuni ostacoli, questo tutorial si pone come un utile appiglio soprattutto per i meno pratici.
Secondo me di questi tutorials se ne dovrebbe fare un manuale.
Che ne pensate? Lo facciamo tutti insieme?
