LogoPond è una directory di oltre diecimila loghi raccolti per tipo e argomento che raggruppa creatività di ogni tipo. E’ possibile ricercare i loghi in base ai tags o al nome, inserire nel sito le proprie creatività e ricevere feedback e commenti dagli utenti. Un’ottima risorsa da cui prendere ispirazione per i proprio progetti.
In alcuni casi, per i notissimi problemi di interpretazione di Explorer (della versione 6 sopratutto), si deve ricorrere ai commenti condizionali che forniscono una versione del CSS alternativa sviluppata nell’ottica di rimediare ai problemi di visualizzazione.
Anche se non appoggio pienamente la seguente tecnica, in quanto comporta l’inserimento di codice non valido voglio segnalare un piccolo trucco che non in molti conoscono che consente di applicare lo stile solo ad Explorer.
.classe { height: 15px; /*Tutti i browser*/ #height: 15px; /*Tutte le versioni di IExplorer*/ *height: 15px; /*Tutte le versioni di IExplorer*/ _height: 15px; /*IExplorer 6 o precedenti versioni*/ }
Cosi facendo il primo stile (standard e valido) viene letto ed interpretato da tutti i browser, il secondo e terzo preceduti dai simboli cancelletto e asterisco si riferische solo a IExplorer, mentre l’ultimo che utilizza l’underscore ci consente di applicare lo stile solo alle versioni uguali o precedenti alla 6.
Non consiglio un abuso di questa tecnica in quanto non valida, ma può risultare sicuramente utile per correggere vecchi progetti fatti da sviluppatori poco attenti o per gestionali web che non sono pubblici e non risentono direttamente di un eventuale codice poco pulito.
Durante lo sviluppo di grossi siti o portali si usano svariati bottoni che usano sostanzialmente uno stile grafico in comune ma testi differenti. Occupando spazi in larghezza differenti molto spesso abbiamo poca flessbilità con la grafica in quanto dovremmo salvare per ogni tipologia di bottone un’immagine di sfondo.
A questo proposito vorrei riportare una tecnica Css molto efficace che sfruttando la propietà di trasparenza delle PNG, consente di avere bottoni con bordi arrotondati liquidi (quindi con larghezza dinamica) e sopratutto con la possibilità di gestirne il colore tramite Css. Purtroppo questa tenica non è adatta ai siti rivolti ad una naviogazione compatibile con IExplorer 6 i quanto non vi è il supporto della trasparenza per le immagini Png anche se è possibile escludere l’effetto usando i commenti condizionali o css condizionali.
Prosegui la lettura…
Ecommr è un sito web che raccoglie elementi grafici e design riguardanti il mondo dell’e-commerce con una chiara messa a fuoco sui singoli elementi che compongono negozi online. Sono disponibili icone, pulsanti, banner, interfacce complete, al fine di fornire una galleria di ispirazione per designer, sviluppatori e di tutti coloro che lavorano con vendite al dettaglio online.
Questo sito è gestito da un gruppo di persone con un particolare interesse per la progettazione di negozi on-line che setacciano costantemente il web per le nuove idee e le tendenze in materia di e-commerce.
Molte volte mi capita di vedere degli annidamenti superflui di contenitori per disegnare layout che prevedono due background differenti. Diversi sviluppatori dimenticano che c’è un semplice trucco per risolvere il problema che non prevedere nessuna particolare tecnica se non lo sfruttamento del tag <html> che spesso viene ignorato nella compilazione del CSS. Il tag <html> è un tag come tuti gli altri e quindi può sfruttare la propietà di background (e non solo) come tale: in questo sito è stato usato per avere ben tre elementi differenti di sfondo nella stessa pagina:
Sfruttando questo elemento è quindi possibile evitare di complicare lo sviluppo e la stesura del codice con laboriosi e scomodi annidamenti.