Last.fm, Pandora, Musicovery, Blogmusik, GoEar (solo per citarne alcuni): sono numerosi ormai i servizi online che consentono di ascoltare musica. Scegliendo tra la moltitudine, oggi ho provato Radio.Blog.Club, web radio di semplice utilizzo e con un ricco archivio musicale.
Per creare le playlist dei brani preferiti occorre effettuare la registrazione, mentre è consentito a tutti ascoltare le playlist degli utenti. Una volta creata, la playlist può essere condivisa tramite link o integrata nel proprio blog, attraverso l'inserimento di un player. In quest'ultimo caso, i brani in formato .mp3 (da convertire in formato RBS) devono essere caricati sul proprio spazio web.
Effettuando il download del player avrete a disposizione i file con le istruzioni specifiche (in inglese). In alternativa, vi suggerisco di leggere il tutorial di Pannasmontata.
Un'ottima soluzione per ovviare al caricamento su server, con i problemi di spazio che potrebbero conseguirne, è importare sul blog singoli brani musicali (Blog this track), tramite semplice copia e incolla di un codice. Ecco un esempio:
Web 2.0 ... The Machine is Us/ing Us. Rimbalza di blog in blog in questi giorni il video sul Web 2.0 realizzato da un professore universitario della Kansas State University. In poco più di quattro minuti, Michael Wesch ripercorre l'evoluzione del web dalle origini dell'ipertesto fino, per l'appunto, al Web 2.0. Il video, pubblicato su YouTube, è sicuramente da non perdere.
Condivido, tuttavia, il punto di vista espresso da Marco Cattaneo quando dice che
il problema resta quello di rendere comprensibile l’intero ragionamento [...] anche a coloro che, osservando questo video, si chiedessero quali misteriosi programmi gli concedano di compiere il miracolo e, magari, quale diavolo di informazione possano voler condividere nella loro vita.
Credo che il limite di un "riassunto sul Web 2.0" consista nell'impossibilità di spiegarlo a chi ignora concetti e soprattutto applicazioni concrete connesse alla collaborazione (creazione e condivisione di contenuti), alle reti e i servizi sociali.
Diversi mesi fa un altro video, What is Web 2.0? - prodotto dalla ZDNet per la sua rubrica At the WhiteBoard -, riassumeva in pochi minuti le caratteristiche del Web 2.0. In quel caso, l'esperto era Andi Gutmans, co-fondatore della Zend. Con un'impostazione molto diversa da quella di Michael Wesch, più orientata alle tecnologie informatiche, la "lezione" di Gutmans è comunque interessante.
Non ho resistito alla tentazione di perdere qualche minuto del mio tempo per veder mappato il blog. Bastano pochi secondi, a dire il vero, affinché Websites as Graphs analizzi il codice sorgente restituendoci il "grafico" del nostro sito web o blog.
Questo è lo screenshot di WebFruits Blog.
Naturalmente, i diversi colori hanno un significato specifico, come indicato nella legenda presente sul sito di WaG: blue for links, red for tables, green for the DIV tag, violet for images, yellow for forms, orange for linebreaks and blockquotes, black for HTML tag, root node, gray for all other tags.
Applicazione java catalogabile tra le inutilità, sì, ma carina. Il numero di websitesasgraphs "uploadati" su Flickr lo testimonia. Vedere per credere.
Eccomi di ritorno dopo qualche giorno con il primo set di bottoni per il web sociale. Sono 20 bottoni in due diversi formati e due varianti di colore.
Ultimamente ho testato diversi servizi che consentono l'aggregazione di identità create nei numerosi siti e network sociali. Effettivamente, poter segnalare con un solo link la propria (onni)presenza online facilita noi, gli altri e soprattutto alleggerisce sidebar spesso sovrappopolate. Molti di noi optano tuttavia ancora per la classica lista, a icone o testuale.
Ho pensato possa essere utile talvolta mettere in evidenza graficamente uno o più link a profili a cui si vuole dare rilevanza. In questo primo set ho inserito aNobii, coComment, Delicious, Digg e Facebook. Nel prossimo set troverete, invece, Flickr, LastFm, Pownce e Slideshare.
Download is free, however, if you want to support me or encourage new freebies, you are welcome to make a donation via PayPal.
Tutti i bottoni sono distribuiti sotto Licenza Creative Commons
Bottoni: 20 Formato: .png Download: 111.78 KB (.zip)
Ha ragione Mantellini quando scrive che parlar male di Bruno Vespa è pleonastico. Ha ragione, però, anche Camisani Calzolari a dirsi nauseato e ad affermare che [...] su Porta a Porta è stata fatta disinformazione a livelli tanto gravi da chiuderne la trasmissione se avessimo uno stato culturalmente preparato. E abbiamo ragione tutti noi a indignarci per affermazioni che non hanno nessun riscontro nella realtà e che - fatto altrettanto grave - non prevedono nessun contraddittorio. Era successo quattro mesi fa e qualche giorno fa, nella puntata di Porta a Porta del 21 febbraio, il copione si è ripetuto.
Onestamente, non mi stupisce che ci si trovi di fronte a una disinformazione sistematica e dilagante né che si sfrutti l'unidirezionalità del mezzo televisivo per porla e imporla come Verità; alla disinformazione spacciata con arroganza dissimulata per informazione siamo tristemente abituati e alcune trasmissioni, come quella citata, ne sono l'emblema. Il fatto che si sia parlato, in questo caso, di Internet, blog e blogger potrebbe essere, in tal senso, irrilevante, ovvero: a prescindere dalle tematiche, il problema è a monte e il nocciolo è fare falsa informazione o informazione.
Rimanendo sul caso specifico, ho letto in diversi blog interventi di critica e disapprovazione totale con i quali concordo pienamente. Ciò che non condivido del tutto è l'assunto secondo il quale alla base della disinformazione (e denigrazione, per usare un eufemismo) riguardante la rete vi sia solo una mancanza di conoscenza - forse a volte questo può anche essere vero, ed è sconcertante poiché non si capisce come si possa fare informazione su qualcosa di cui nulla o poco si sa - e che, dunque, per combatterla occorra spiegare il cosa, il come e il perché. Mi sembra si muovano in questa direzione la richiesta di invitare Marco Camisani Calzolari [...] come rappresentante della Rete, dei blogger e del mondo digitale contenuta nella e-mail che si è proposto di inviare agli indirizzi portaaporta@rai.it e F.delnoce@rai.it e anche il meme Cos'è un Blog. Non intendo dire che sia vano diffondere il più possibile un'informazione corretta. È chiaro che il tam tam sulla blogosfera è doveroso oltre che legittimo ed è altrettanto chiaro che sarebbe auspicabile fosse data, sempre e preferibilmente non solo a posteriori e per "legittima difesa", la parola a chi rappresenta e/o conosce la categoria incriminata. Ma, mi chiedo e vi chiedo, se non fosse ignoranza bella e buona e ci trovassimo di fronte a una strumentalizzazione? Quale spiegazione sortirebbe l'effetto di deviare il falso verso il vero?
Non riesco a pensare che Vespa e tutti i suoi ospiti siano così sprovveduti, così fuori dal mondo e da questo mondo.
Non viene anche a voi il dubbio che screditare i blog e i blogger sia un'ottima stategia per conservare il privilegio del "fare informazione", quella vera, quella ufficiale, mica quella improvvisata e non attendibile... fatta peraltro da poveri cristi che non potendo partecipare al Grande Fratello decidono di arginare la frustrazione dell'anonimato e sfogare il proprio esibizionismo su un blog?
Non c'è qualcuno che forse ha da temere dal fatto che l'informazione possa non essere più contenuta in confini che ne garantiscono il controllo, il filtraggio, l'allineamento e l'omologazione? E dal fatto che dalla rete alla piazza il passo, lo si è già dimostrato, possa esser breve?
O dobbiamo davvero pensare che potere mediatico e potere politico non abbiano nulla da spartire?
L'idea, illustrata in un articolo pubblicato su Onyx Design, consiste nel modificare il colore di un'icona RSS utilizzando una sola immagine (sempre la stessa) e intervenendo di volta in volta sul foglio di stile.
Come? In modo molto semplice. Si tratta, infatti, di creare un div delle stesse dimensioni dell'immagine, di utilizzare l'immagine (in formato .png) come background-image del div e il colore che si è scelto per l'icona come background-color.
Nell'articolo trovate una spiegazione dettagliata con il codice da utilizzare e il link a una pagina di esempio.
Finalmente ho trovato un po' di tempo per rinnovare il design del mio tumblr (webfruits .small size.). Ho abbandonato il bianco della precedente versione e utilizzato la palette di colori del mio portfolio, concedendomi la libertà di accentuare la vivacità e brillantezza di alcuni colori in contrasto con un background molto scuro.
Ho ricominciato a depositare lì alcuni appunti e avevo bisogno di cambiare. Un piccolo restyling era d'obbligo. Del resto, grafica e colori diventano facilmente un'ossessione per gli addetti ai lavori. Al momento, solo con il blog resisto alla tentazione e non cedo al dark integrale. Se proprio non avete nulla da fare, dategli un'occhiata.
Supponiamo che la tenacia sia in voi una dote innata e che la messa in atto delle strategie suggerite nella prima parte non si sia rivelata così onerosa da infliggere un colpo mortale alla vostra ambizione. Bene: per voi "irriducibili" è arrivato il momento di procedere nel percorso che vi consentirà di concretizzare l'aspirazione e ascendere allo status di blogstar. Forse, è bene precisarlo; nonostante la validità di alcune tecniche, la presenza di variabili imponderabili fa sì che nell'ambito non si dia nessuna certezza.
D'ora in poi sarà necessario agire su più fronti contemporaneamente e il multitasking coatto sarà la vostra parola d'ordine. Sostanzialmente, dovrete sudare 7 camicie (nei casi disperati sarà necessario ricorrere ai multipli) per accaparrarvi un posto nella blogosfera e successivamente consolidarlo, concentrando le energie in due direzioni principali: il blogging, e questo va da sé, e il social networking, con tutti gli annessi e connessi. I due fronti, pur con le loro specificità, sono intimamente correlati, per cui nell'esposizione di quanto segue non si ricorrerà a categorizzazioni rigide.
Sui contenuti. Prendere la scorciatoia
Dando per assodato che abbiate introiettato la teoria del citazionismo ruffiano di cui si è già parlato e che sia ormai una prassi riservare di tanto in tanto un post a quel che ha detto/scritto/fatto una blogstar, occorre ora far ricorso a strategie che vi consentano di acquisire visibilità e notorietà su larga scala in un sol colpo. Requisiti necessari: una buona dose di furbizia e quel po' di fortuna che basta.
6. Della notorietà il seme: lanciate un meme
La pratica è ormai inflazionata e il rischio di fare un buco nell'acqua non può essere ignorato, tanto più che a renderlo insidioso si aggiunge il meccanismo autoreferenziale dei meme. Se non avete già costruito una fitta rete di relazioni sociali - ovvero se non siete già entrati a far parte della "cricca" - non sarà facile trovare qualcuno da chiamare in causa per sollecitare la condivisione collettiva e a cascata. Vale la pena, tuttavia, tentare, non fosse altro perché potreste avere la fortuna di quanti, prima di voi, hanno adottato questo tipo di strategia con il risultato di salire alla ribalta della blogosfera e in alcuni casi anche dei media tradizionali.
Lanciate un meme, tenendo presente che l'idea non deve essere necessariamente intelligente; l'importante è che per qualche misterioso motivo desti la curiosità, l'interesse e la partecipazione di qualche blogger e di una o più blogstar. L'effetto domino e il tam tam non sono assicurati ma sono probabili.
Nel caso il ricorso a questa pratica dovesse tirarvi contro delle critiche, non fatevi trovare impreparati: abbiate l'onestà di ammettere che si tratta di una strategia spudorata di self-marketing, ma ricordate agli eventuali censori che le distinzioni teoriche tra meme e catene di S. Antonio - nobili i primi, infime le seconde - nella pratica attuale vengono trascurate più o meno da tutti e sono il rank e la popolarità ad avere la meglio sulle buone intenzioni dei buon intenzionati.
7. Affidatevi ai contest
Non è detto che la capacità di autopromozione sia un vostro talento e se non lo è occorre fare in modo che lo diventi, poiché è necessaria e imprescindibile per la realizzazione del vostro scopo. L'esercizio paga e alla lunga consente di acquisire abilità e perfezionare tecniche; non scoraggiatevi, dunque, e proseguite nella direzione intrapresa con la consapevolezza che i primi risultati mitigheranno qualsiasi scrupolo di coscienza.
Tentate la via dei blog contest, che per quanto non inedita e ormai collaudata è un'ottima soluzione per promuovere il vostro blog in poche mosse e senza grandi scervellamenti. Il contest che funziona di più, ça va sans dire, è quello che prevede un premio in palio, se della categoria gadget tecnologico ancor meglio.
Ricordate che attraverso questo strumento state sostanzialmente "comprando" l'aumento di accessi, di backlinks, del pagerank e del ranking technorati (in poche parole, popolarità e autorevolezza), quindi potreste decidere di investire qualche euro - forse un po' di più - nell'acquisto di un premio. In alternativa, potreste sperimentarvi nell'arte del riciclo, ad esempio di un premio vinto partecipando voi stessi a un contest, oppure resuscitare qualche cianfrusaglia vintage. Sappiate, però, che più prestigioso sarà il premio più il vostro contest sarà appetibile.
Risolta la questione premio, non vi rimane che scegliere la tipologia di contest da lanciare. Le possibilità sono due: ai più spudorati si suggerisce di optare per la formula minimo sforzo/massimo beneficio per tutti, ovvero per un'estrazione a sorte tra coloro che parteciperanno inserendo semplicemente sul proprio blog la segnalazione del contest; ai più moderati si consiglia il ricorso a competizioni a tema che richiedono un impegno creativo da parte di quanti ambiscono alla vittoria. Questa seconda soluzione richiederà uno sforzo di valutazione sul materiale ricevuto, ma se deciderete, ad esempio, di premiare chi realizzerà il miglior header per il vostro blog, il compito sarà ben ripagato e il guadagno doppio.
Social(izzare) è l'imperativo
Social bookmark, social news, social networking, social sharing: ovvero, il vostro pane quotidiano, l'unico vero grande imperativo categorico dal quale vi sarà impossibile emanciparvi, pena la compromissione degli anelati risultati in termini di visibilità e popolarità. Per essere chiari, sappiate di dover essere disposti a rinunciare a qualsiasi forma seppur minima di vita sociale (vera e propria), con tutte le conseguenze del caso, a cominciare dall'insorgere di rivendicazioni familiari che possono in alcune circostanze sfociare in veri e propri drammi, sentimentali ed emotivi. Già, perché per realizzare il vostro scopo qualche rinuncia e qualche sacrifico vanno pur fatti. Abbandonate da subito l'idea di poter conciliare le aspirazioni da blogstar con i tempi e gli spazi richiesti dal privato e cominciate a lavorare duro alla condivisione e alla creazione e gestione di relazioni (sociali, ma digitali).
8. Siate onniscienti
Commentare i post di altri blogger (eventualmente inserendo un rimando al proprio post qualora si sia ripreso il tema) è un'attività di promozione irrinunciabile per instaurare relazioni con i colleghi di blogosfera e, di conseguenza, uscire dall'anonimato e diventare il più possibile visibili.
Essere o fingere di essere esperto in questo o quell'altro argomento è un requisito essenziale per poter intervenire il più frequentemente possibile alle diverse tipologie di conversazioni sociali. A meno di non voler cadere in reiterati e controproducenti off-topic, siate dei tuttologi, per quanto improvvisati; questo vi garantirà una partecipazione assidua, uno scambio quasi alla pari anche con i blogger autorevoli e, nel contempo, di esserci, sempre e comunque. A questo riguardo, la raccomandazione è di acquisire preliminarmente e in tempi rapidi la capacità di celare e rendere insospettabile ogni eventuale, gigantesco, cosmico disinteresse per l'argomento oggetto di discussione.
9. Siate onnipresenti
Esserci sempre e comunque. Se avere il dono dell'ubiquità è impossibile, con qualche sforzo e utilizzando gli strumenti adatti in rete l'onnipresenza è quasi alla portata. Partite dal presupposto che voi con il vostro blog dovete essere sempre in vetrina e che si tratta di generare un circolo vizioso: più sarete visibili, maggiori saranno le relazioni che instaurerete e viceversa. Dando per certo che sia una prassi consolidata commentare, linkare all'esterno e sintonizzare quel che si scrive con gli argomenti più quotati nella blogosfera, occorre ora dedicarsi anima e corpo alla socializzazione, in tutte le sue forme: scambio, condivisione, partecipazione, aggregazione.
Per cominciare, segnalate il blog e i singoli post nella miriade di siti di social bookmarking, social news e aggregatori vari; con il tempo, saranno magari i vostri lettori a farlo, ma in attesa che ciò avvenga è meglio anticipiate i tempi.
Fatto questo, non vi scoraggi sapere che siete ancora lontani da una sindrome ossessivo-compulsiva da networking ; sì, perché per quanto il vostro blog con post annessi sia "spalmato" in ogni dove, la vostra identità online non ha ancora preso forma. Di certo avete un account con Technorati e uno con del.icio.us, ma pensate possa bastare?
10. Costruite la vostra identità online
Non illudetevi! Dovete ancora entrare a far parte di qualche social community, altrimenti non sarà facile instaurare ulteriori e nuove relazioni e creare quell'intreccio di rimandi e rimbalzi infiniti così necessari allo scopo che vi siete prefissati. E perché non condividere foto, video e gusti musicali e chi più ne ha più ne metta con chi ha interessi affini ai vostri?
Le relazioni vanno coltivate e, se possibile, ampliate a macchia d'olio, ma la macchia non può certo rimanere circoscritta ai colleghi blogger; è il caso, visto che ci siete, di creare anche un profilo su almeno un social network professionale che vi consenta di allargare la rete di contatti a colleghi (ex, attuali e potenziali) veri e propri.
Abbiamo solo fatto qualche esempio, naturalmente. Quel che dovete tenere a mente e che pretende rassegnazione è che la logica del sociale è spietata e richiede, oltre a moltissimo tempo, grande attenzione alle novità e alle tendenze della blogosfera circa i servizi più apprezzati e utilizzati. La quantità di account e password diventerà presto ingestibile, ma il web sociale vi aiuterà anche in questo.
Non fatevi spaventare da quella che sembra essere di primo acchito un'impresa titanica, con il tempo vi abituerete ed è probabile che l'insorgere di una dipendenza contribuirà ad annullare effetti fisici e psicologici nocivi. In sostanza, l'appagamento di un desiderio incoercibile sarà superiore a qualsiasi tipo di stress e fatica.
Arrivati a questo punto, forse ha senso inserire nella sidebar del blog un bel widget come ShowYourself. E forse avrete raggiunto i vostri obiettivi. Sempre che, tra una cosa e l'altra, abbiate trovato anche un po' di tempo per cinguettare...
Sapete che è mia consuetudine da qualche tempo sottoporre alla vostra attenzione - e al vostro giudizio! - alcuni dei miei lavori (quelli che per diversi motivi decido di inserire nella sezione dedicata al web design del mio portfolio).
Oggi vi presento, dunque, l'ultimo sito realizzato, online da qualche giorno: Tall Club Italia, il primo tall club italiano, la prima blog community che si propone di condividere informazioni, interessi, problemi di ordine pratico, consigli, semplici sfoghi e aggregare persone più alte della media o, per dirla tutta, persone... all'altezza!
Il blog è stato sviluppato su piattaforma Wordpress, rispettando naturalmente gli standard web, con codice XHTML e CSS validi. L'unico problema di validazione al momento è dato dal foglio di stile del plugin per il social bookmarking Sociable, che utilizza la proprietà opacity, ma vedrò di rimediare.
Come vedrete, ho optato per la semplicità e la linearità, dal punto di vista sia della struttura sia del visual design e per uno stile clean ed essenziale seppur non minimalista.
Il logo è stato concepito con l'obiettivo di coniugare sintesi visiva, comprensibilità e riconoscibilità ed è stato volutamente realizzato all'insegna, di nuovo, della semplicità.
Ma non voglio dilungarmi nella descrizione delle fasi di ideazione e realizzazione... Vi invito a visitarlo e a farmi sapere cosa ne pensate. L'invito ovviamente è rivolto anche a coloro che non fanno parte della categoria degli "spilungoni".
I siti showcase e di ispirazione sono ormai numerosissimi e molti ne continuano a nascere; molti, c'è da dire, in compenso muoiono. Per tenere sempre aggiornato l'elenco, ho pensato di "scompattare" la lista che avevo pubblicato tempo fa - Ispirazione: 170 gallerie e showcase - e di gestire le tre nuove liste (CSS Showcase, Mixed Showcase e Flash Showcase) con Diigo. In qualche modo ci si deve pur facilitare la vita no?
La prima che pubblico qui sul blog è quella dedicata alle gallerie CSS. Oltre alla lista testuale ho creato, come vedete, uno slideshow con tutti i siti CSS showcase presenti nell'elenco. Così, in pochi secondi, è possibile passare da un sito all'altro e visualizzare immediatamente le novità presenti in home page. Mi auguro che questo possa agevolare chi ha bisogno, come me, di dare una scorsa veloce alle diverse gallerie di tanto in tanto...
CSS Showcase
- Best CSS Design Fresh CSS designed websites gallery
- CeeSeS CSS galerija - We are the BalkaniCSS
- Creative-Pakistan.com Creative-Pakistan.com is platform to showcase web and CSS designs of creative Pakistani web designers
- Css Anarchy.com Ultimate design inspiration resources
- CSSArtillery.com Showcase of web standards state-of-the-art & inspirational websites from all around the globe
- CSS Based CSS Based is a project providing web designers a database of well designed CSS based websites from around the world
- CSS Beauty CSS Beauty focuses on providing its audience with a database of well designed CSS based sites, as well as news and happenings on the CSS Design Community. It showcases designers work and serves as inspiration for those looking to build CSS based websites
- CSS Blast Web-standards compliant sites inspiration gallery
- CSS Bloom CSS Gallery, Cool CSS Websites
- CSS Blue Australian CSS Design & Inspiration
- CSS Burst CSS Gallery for Web Designers to use for Design Inspiration. This Web 2.0 CSS Gallery is also for Web 2.0 Designs
- CSSclip Web Design Inspiration and Gallery
- CSS Collection Naked sites: shedding tables and running free
- CssCool
- CssCoosite CssCoosite, the css gallery about cool sites
- CSS Creme A free gallery of great sites. We encourage people to create beautiful original sites based on CSS technology
- CSS Design Yorkshire A gallery of CSS web design in Yorkshire UK
- CSS Drive Categorized CSS gallery and examples
- CSS Dump CSS Dump provides fresh new standards based websites put on the web, at a ease of use location to find
- CSS Elite CSSElite, showcasing the best in CSS web design and development. CSS design gallery featuring innovative website design and web development resources
- CSSEM
- CSSExchange The best CSS Gallery online For Inspiration for web designers from around the world
- CSS Flavor CSS Flavor is a website focused on providing its audience with a vide range database of well designed CSS based & standard compliant websites from around the world
- CSSGaleri.com CSS ve XHTML (W3C) ile isaretlenmis siteler toplulugu
- CSS Galerie Inspirativní galerie graficky atraktivních webu
- CSS Galerie (Cesko - Slovenská) Galerie atraktivních webu
- CSS Galleries Aggregating web design inspiration
- CSS Gallery 2.0 CSS Gallery
- CSS Gallery CSS Gallery is a showcase of outstanding W3C compliant web sites from designers and developers that are inspired by and work to W3C Standards
- CSS Gallery (Urbantrash.net) Showcasing the best in CSS web design and development
- cssgallery.ro Galerie inspirationala de situri CSS din Romania
- CssGlance CssGlance is the first italian website focused on providing its audience with a database of well designed and innovative CSS based websites from all around the world
- CSS Hardcore CSS resources for webmasters and designers
- CSS Hazard
- CSS Heaven CSS Heaven is all about Fresh and innovative CSS / XHTML web designs submitted by web designers from around the world
- CSS Heroes CSS Heroes is a gallery of the best standards-compliant web designs
- CSSHive CSSHive is a gallery full of dangerously hot webdesign based around tableless design and web standards
- CSSHOT The Best CSS Designs on The Web
- CSS Import The CSS Gallery
- CSS Impress The most updated css gallery
- CSSindex Voeg gratis je eigen website toe volledig gescipt met css en (x)html
- CssLove CSS blog and inspiration gallery...
- CSS Mania CSSmania, the most updated css showcase all over the globe
- CSS MESS CSS MESS not just another css gallery, we do things different. We highlight the most ugly sites (mess page). We don't give you a screenshot, we give you the actual site in realtime
- CSS Nature CSS NATURE is a showcase of well designed css and xhtml nature based website designs
- CSS Nordic CSS Nordic is an innovative CSS Gallery for nordic web designers
- CSS Ocean A changeful ocean with css
- CSS Pinoy CSS Pinoy is not just another CSS website showcase. The one thing that makes CSS Pinoy unique is that the websites presented in the showcase are designed and crafted by Filipino designers from all over the globe
- CSS Princess CSS Princess is project with the main idea of promoting and supporting beautiful and interesting css sites made by women. We all know that female designers have special sensibility and creativity, and we want to show the best websites world-wide with "woman’s touch" primarily
- CSS Reboot Web Design Gallery
- CSS Remix A Fresh Blend of the Best CSS Web Design - CSS Remix celebrates the dynamic innovation and creativity of designers who are on the forefront of CSS-based web design
- css.sevban.com
- CSS smooth operator Tite site collection, conforms to Web Standards and designed with CSS
- CSS Snap Just Another Best CSS Web Gallery
- CSS star
- CSS taste CSStaste.com is aimed to provide a collection of "tasty" webdesigns which follow the standards of W3C.org concerning XHTML and CSS validation
- CSS Tux A gallery of inspiring web site design and resources, focused primarily on sites using cascading style sheets
- CSS Ultra CSSUltra showcasing only the best innovative website design
- CSS Vault The Web's CSS Gallery & Site
- CSS Zone CSS Gallery
- CSSZOO CSSZOO is CSS gallery
- CSS - Website Gallery of Css Design Website - Css Website is an innovative gallery of simple websites. Its purpose is to showcase designer’s work and to expand the CSS design community. We propose a classification by color and contents for a better usability
- Dark Eye Web Site Design Showcase and color Archive
- Design2Day The freshest daily feed on web design
- Design By Grid Design By Grid is a resource to promote websites designed with grids, and the tools and techniques used to make websites with grids
- Designs Creme Web Design Gallery
- Design Shack Design Shack provides you with hundreds of inspiring CSS based examples, as well as tutorials, news and the latest from the CSS design community
- EasyShare CSS Beauty Cool CSS Websites
- EPREO Epreo is a platform to showcase fresh and exquisite Web and CSS designs from all over the world
- FullSingle FullSingle is a showcase of web sites that are just one page in size
- Genuine Style.net Genuine Style, collecting styles from the internet
- InspirationKing InspirationKing is basically just a web design gallery. We focus on quality over quantity, and we only showcase the best of the best websites out there
- Internet Vibes Internet Vibes is a project created with the intention of gathering all the best looking, most creative, and most useful web sites under one roof
- Light on dark Gallery of sites that use a light colored text on a dark background
- Moderní Web top ceského a slovenského webdesignu
- My3W | CSS Genius CSS Genius is a website focused on providing its audience with a vide range database of well designed CSS based & standard compliant websites from around the world
- najDizajn Samo najbolji CSS dizajn
- Netcocktail The Design and color Scheme project
- netzfruehling CSS Showcase
- NiceStylesheet Nice Stylesheet is a Cascading Styles Sheets (CSS) gallery that recognizes inspirational website designs practicing use of CSS and web standards
- No Resolution No Resolution is the only site dedicated to fluid and elastic design with CSS
- One Star Gallery One Star Gallery is a webdesign inspiration gallery, which purpose is to deliver links to the most beautiful websites found on the Web
- Perfection Perfection is a collection of top-quality websites and like-minded designers
- Sharebrain Showcase CSS Showcase of good looking sites!
- Splench Designs for Creative Minds
- Strictly CSS Stricly CSS is a collection of quality web sites designed with CSS and that conform to the web standards and good design practices
- Style Crunch StyleCrunch is a css and standards websites gallery, you can find the best sites in the www, best design, best coded and what engine used
- Stylegala Stylegala is an online resource and inspiration guide for web agencies, designers and developers who take interest in websites that combine the powers of design, web standards and CSS
- StyleTheWeb.com Categorized CSS Gallery and Website Design Inspiration
- Submit CSS
- Unmatched Style CSS Web Design Inspiration and CSS Gallery
- W3CS.com W3CS is a great collection of top-level web sites all over the world
- W3C Sites A collection of web sites created by designers that conform with the W3C standards
- Web Design CSS11
- Webdesign City Inspirující galerie webdesignu
- Webdoctrine A fresh CSS gallery
- Web Gallery A Web Gallery for the Web of the Future
- Webrsque The Picturesque Web
- Web Standards in Germany Web Standards in Germany ist ein redaktionell geführtes Verzeichnis der Web-Standards Spezialisten in Deutschland
- WEBTEST.sk
- WellDoneSites.com CSS gallery using Web 2.0 model with filtering by categories and colours
Dopo aver inaugurato la sezione webdesign / freebies ho pensato fosse necessario crearne un'altra per poter pubblicare risorse grafiche liberamente scaricabili non riguardanti necessariamente il web design. Ecco quindi la nuova sezione, in cui inserirò idee, spunti, lavori grafici (all'occorrenza "esperimenti") di vario tipo.
Complice l'influenza, in questi giorni di immobilità mi sono dedicata alla realizzazione di alcuni sfondi per desktop. Devo dire la verità, è stato anche un modo per rinnovare il mio, di sfondo, che solo il suo essere digitale ha preservato dal logorio del tempo.
Assecondando una delle mie grandi passioni, ho cominciato con una serie di wallpapers dedicati ai miti e alle leggende del cinema. Quelli che vi propongo oggi sono dedicati a Audrey Hepburn. Una scelta, credo, abbastanza "femminile", sia per il soggetto sia, di conseguenza, per i colori e lo stile utilizzati. E pensare che tra i lettori assidui di donne ce ne sono davvero poche, o comunque sono poche quelle che danno un segnale della loro presenza attraverso i commenti...
Download is free, however, if you want to support me or encourage new freebies, you are welcome to make a donation via PayPal.
Le immagini sono distribuite sotto Licenza Creative Commons
Dimensioni originali: 1024x768 Download: 119.21 KB (.zip)
Le immagini sono distribuite sotto Licenza Creative Commons
Dimensioni originali: 1024x768 Download: 139.73 KB (.zip)
Non ho trovato modo migliore per augurare a tutti buone feste che realizzare questo pacchetto di icone feed RSS natalizie. Sono 15 icone in 5 varianti di colore e 3 diverse dimensioni. Naturalmente, non mi aspetto di vederle tra gli addobbi del vostro albero di Natale... Auguri a tutti!
Download is free, however, if you want to support me or encourage new freebies, you are welcome to make a donation via PayPal.
Tutte le icone sono distribuite sotto Licenza Creative Commons
Icone: 15 Formato: .png Download: 200.25 KB (.zip)
Interrompo la prolungata latitanza per presentarvi uno degli ultimi siti realizzati:
LIDI - Lega Italiana per la tutela dei Diritti degli Introversi. Il sito è online dal 29 novembre, come qui annunciato.
Avevo realizzato circa due anni fa una prima versione del sito, da considerarsi del tutto provvisoria. Non si è trattato, dunque, di un restyling ma di un vero e proprio redesign.
Il lavoro è stato abbastanza consistente. Per rendere funzionale il sito e consentire ai lettori una consultazione agevole della grande quantità di materiale pubblicato (e in continuo e incessante aggiornamento!) era necessario creare una struttura dei contenuti abbastanza ampia ma al contempo non dispersiva; in secondo luogo, trattandosi del sito di un'associazione O.N.L.U.S, era indispensabile fare in modo che l'organizzazione sia degli articoli e dei documenti tematici sia delle informazioni concernenti l'associazione fosse tale da rendere chiari, anche ad una prima visita e prima di navigare il sito in tutta la sua interezza, i presupposti teorici, gli obiettivi e il campo d'azione (progetti, attività, ecc.) dell'associazione.
Per quanto riguarda il visual design ho optato per una soluzione grafica che rispondesse a due precisi obiettivi: il primo, non invadere il campo di lettura per non rendere faticosa la consultazione di un sito che è essenzialmente "da leggere" (per questo motivo, ho deciso di caratterizzare graficamente header e footer e di lasciare clean la parte centrale del sito); il secondo, coniugare la chiarezza delle informazioni a quella visiva cercando di rendere l'estetica della grafica e dei colori il più
possibile in linea con le caratteristiche e la natura (di nuovo, presupposti, obiettivi, ecc.) dell'associazione.
A breve (ci siamo quasi!) nascerà anche il blog. L'impostazione grafica sarà la stessa, così da garantire omogeneità con il sito. Nel frattempo, mi dedico al mantenimento e all'aggiornamento.
Come sempre, critiche e suggerimenti sono ben accetti. Chiedo agli amici web designer e non solo: che ne pensate?
Risale al 2006 la pubblicazione di uno studio con il quale il SIRC (Social Issues Research Centre) ha identificato la sindrome della rabbia da mouse (Mouse Rage Sindrome). Dalla ricerca, condotta su un campione di 2500 utenti abituali del Web "sottoposti" alla navigazione di un sito di controllo (perfetto) e di più siti mal progettati, erano emersi sintomi e comportamenti riconducibili ad una vera e propria patologia: accelerazione del battito cardiaco, aumento della sudorazione, tensione muscolare, ansia (manifestata con convulsi click del mouse) e reazioni violente di fronte al monitor.
A causarli, i siti con struttura e schemi di navigazione non chiari, con grafica pessima, con tempi di caricamento della pagina troppo lunghi, con una presenza eccessiva di pop-up, annunci e banner pubblicitari e quelli irraggiungibili perché off-line o con pagine non disponibili.
Non so quanti hanno avuto una o più reazioni di questo tipo (per quanto mi riguarda, mi innervosico forse un po' e abbandono immediatamente la navigazione), ma è lecito pensare che più o meno tutti si siano trovati a vivere l'esperienza traumatica dell'incontro con siti di questo tipo. Potrei consigliare a chi fosse interessato a rinnovare l'esperienza in dosi massicce di visitare la "Worlds worst Webdesigns Gallerie", che avevo in modo abbastanza sadomasochistico salvato nei miei preferiti qualche mese fa. Potrei, per l'appunto, se non fosse che, del tutto paradossalmente, in questo momento il sito è irraggiungibile. Peccato, perché ne avreste viste di tutti i colori.
Se volete vederne di tutti i colori con tutti i colori, vi suggerisco di visitare questo sito, al quale sono arrivata stamattina attraverso un post pubblicato su Rev2.org. Visto che ci siete, potete anche dare un'occhiata (non troppo prolungata, mi raccomando) all'altro peggior sito segnalato dallo stesso blog.
Credo che in alcuni casi ci siano tutti gli estremi per una richiesta di risarcimento danni da parte dei malcapitati visitatori...
Attingendo ai miei sempre eccedenti bookmark ho cercato di ordinare in una lista servizi, applicazioni e strumenti per la generazione online di elementi grafici.
La speranza è che i (bravi) web designer siano allergici alla grafica fast e prêt-à-porter e siano immuni dall'utilizzo dei generatori online. Quantomeno, ci si augura che vi ricorrano solo in casi estremi e che, quando questo accade, comunque, non sia mai perché non sono in grado di creare un bottone web 2.0 o un background sfumato. Naturalmente, sapere che esistono, provarli e testarne le funzionalità e i risultati non è reato, anzi è concesso e a mio avviso consigliato.
Immagini di background
- Background Image Maker Utility online che permette di realizzare background personalizzati e di vario tipo (puntinati, sfumati, rigati, ecc.).
- bgMaker Create a tiled background and download the image to use it on your blog, website or whatever Applicazione in Flash che consente di creare in modo semplice e rapido - e con una visualizzazione in tempo reale - pattern da utilizzare come immagini di background. I motivi realizzati vengono inseriti automaticamente nella gallery, dalla quale è possibile scaricare gli sfondi di altri utenti e anche editarli e modificarli.
- Gradient Image Maker Con questo tool è possibile generare immagini sfumate secondo gradiente. È sufficiente selezionare i due colori fondamentali e il tipo di sfumatura da applicare. L'immagine può essere salvata in formato .jpg e .png.
- Online Gradient Image Maker Build 3D gradient background images for site decoration and visual effects Generatore di sfondi con gradienti sia orizzontali sia verticali. Ben nove sono le transizioni di colore a disposizione.
- Tile Machine Con questa risorsa si possono realizzare pattern e sfondi pixel per pixel o scaricare quelli creati da altri utenti e archiviati nella Tile Gallery.
- Tartan Maker Generate seamless tartan patterns! Applicazione in ajax per la creazione di background pattern in stile tartan.
- Stripe Generator Generate seamless striped background images! Tool in ajax per creare velocemente e senza difficoltà sfondi a righe diagonali. Utile per chi voglia evitare la fatica del pixel-by-pixel senza rinunciare all'uso di texture ripetibili. Il file generato è un'immagine png.
- Stripe Designer Now design a stripe or pattern is fast and easy! Generatore simile al precedente che consente di generare pattern da utilizzare direttamente o da importare in Photoshop per eventuali e successive modifiche. Se non si desidera creare pattern ex-novo, è possibile editare quelli creati e salvati da altri utenti nella library.
- Stripemania Striped background generator Ottimo tool online per creare sfondi basati su strisce verticali, orizzontali o diagonali.
Logo
- Logo Maker: Web 2.0 Stylr Generatore di logo in stile web 2.0. Possibilità di scegliere il tipo di font e di aggiungere un'immagine da visualizzare accanto al testo.
- Web2.0 - Logo Creatr Per creare un logo in stile web 2.0 occorre selezionare uno dei cinque modelli disponibili e successivamente personalizzarlo con l'inserimento del testo, la scelta dei font, dell'effetto mirror, del background e del bottone e il settaggio dei parametri desiderati.
- Web2.0 Logo Creator It was created as a joke, not a serious logo maker Tool per generare logo web 2.0 basilare e senza opzioni per la personalizzazione: inserite un testo, scegliete se volete l'effetto riflesso e/o il beta tag e il logo è pronto.
- Web 2.0 Logo Creator Online Design and create free logos Con questo generatore è possibile intervenire su diversi parametri: font, colore di background, colori del testo, effetto reflection, inserimento di immagini e simboli predefiniti e loro posizione rispetto al testo. Il logo può essere salvato nei tre formati .jpg, .gif e .png.
- Flickr Logo Maker Utile se si vuole creare un testo che riproduca lo stile del logo di Flickr.
Badge e Ribbon
- Web 2.0 Badges (Generate Your Badge) Useful collection of stylish web 2.0 badges and badge generator Generatore di badge che mette a disposizione 20 modelli da modificare inserendo il testo e selezionando tipo, dimensione e colore del font. In alternativa, è possibile scaricare i numerosissimi badge in formato .psd presenti nella collezione e personalizzarli a proprio piacimento utilizzando Photoshop.
- Fresh Badge Generator Quickly create very trendy, eye-candy, and very web 2.0 badges for your site, blog or scrapbook Ottimo generatore di badge, il migliore per la quantità di opzioni e parametri tra cui scegliere. Impossibile descriverli tutti nel dettaglio. Da provare.
- Free Website Ribbon Generator Free website ribbon generator for your website or blog Consente di creare in pochi secondi un adesivo (sticker) con un messaggio personalizzato. Dopo aver inserito i dati richiesti (testo e link, dimensione e colore del font) e aver selezionato una tra le diverse "fascette" disponibili, è sufficiente copiare e incollare il codice javascript sul proprio blog o sito web. Lo sticker sarà automaticamente posizionato nell'angolo superiore destro.
- Quick Ribbon Online Ribbon Generator Tool Tool per creare ribbon personalizzati in stile web 20. Per ottenere il codice javascript da copiare e incollare all'interno del proprio sito o blog occorre selezionare uno dei quattro modelli preimpostati, inserire testo e corrispettivo link, scegliere dimensione, colore e tipologia di font e impostare i colori per il ribbon.
Bottoni
- My cool button Web 2.0 free buttons maker! Applicazione con la quale creare bottoni in stile web 2.0 in pochi e semplici passaggi. Dopo aver scelto dimensione e colore del bottone, aver inserito il testo, settato tipo, dimensione e colore del font, il pulsante è pronto per essere scaricato e utilizzato. Il tool consente di aggiungere un'icona web 2.0 precaricata (sono sei quelle attualmente disponibili) o di caricarne una dal proprio PC.
- Buttonator Tool per la creazione online personalizzata di bottoni. L'accesso a un numero più ampio di "stili" e opzioni per la personalizzazione è consentito solo previo pagamento. Altrimenti, occorre accontentarsi della versione base.
- Glassy Button Generatore di bottoni che offre numerose opzioni per la personalizzazione e anche la possibilità di creare un rollover sull'immagine.
Antipixel
- PixelButton Make your Antipixel button Generatore online di antipixel, facile e veloce da usare. L'immagine viene trasformata automaticamente in codice HTML e non è necessario, dunque, salvarla sul server.
- Button Maker Online Use this online tool to easily and visually create those popular "XHTML valid" micro buttons (80x15) Tool per la creazione di micro-bottoni nelle dimensioni 80x15 e 88x31.
- FREE button generator Generate a 80×15 brilliant button FREE, also known as “antipixel buttons” or “badges”, very popular buttons Selezionando le opzioni relative ai colori e al testo viene generata un'immagine .png 80x15.
- Button Maker Call it a badge, sticker, button, or whatever you'd like. Create yours below Applicazione online di Adam Kalsehy che permette in pochi passaggi di creare bottoni antipixel 80×15.
- Button Maker (Blog Flux) Make 80x15 or 88x13 buttons with a few clicks Generatore online di antipixel nelle dimensioni 80x15 e 88x31.
- Brilliant Button Maker A web interface to create 80x15 brilliant buttons Ottimo button maker che consente di creare mini-bottoni dando la possibilità di intervenire, oltre che sui consueti parametri, anche sulle posizioni e gli spazi. Permette, inoltre, di inserire delle immagini.
- RSS Button Generator Make your own RSS Buttons for FREE! Come per il precedente, anche in questo caso si possono modificare gli spazi. Sono più di 110 i font a disposizione.
Loading gif
- LoadInfo - Loader generator LoadInfo Ajax spinners' free generator Applicazione online per generare immagini di loading. Ampia la scelta delle immagini, personalizzabili nei colori, disponibili nelle dimensioni 16x16, 24x24 e 48x48 e scaricabili in formato .gif.
- Ajaxload - Ajax loading gif generator Create easily your own ajax loader icon Generatore di loader ajax personalizzabili. Numerose le gif animate tra cui scegliere e da configurare selezionando colore di sfondo e colore dell'immagine.
- Ajax Loading Gif Generator Create your own ajax loading gif easily Tool per la creazione di indicatori di caricamento molto semplice da utilizzare. È possibile personalizzarli scegliendo il colore di sfondo, il colore dell'immagine e la velocità dell'animazione.
Favicon
- favicon.ico Generator favicon.cc is a tool to create or download favicon.ico icons Applicazione web che consente di creare delle favicon o importando delle immagini o utilizzando una tavoletta 16×16 e colorando i pixel. Previa registrazione, si possono salvare le icone per condividerle con gli altri utenti del servizio.
- Online fav-icon creator Create your own icons in an online free editor L'applicazione permette di creare favicon attraverso il ricorso a un semplice e intuitivo strumento di disegno. In alternativa, si può caricare un'immagine per convertirla in formato .ico. o scaricare favicon già realizzate scegliendo tra le molte presenti nella library.
- 256 Pixels a daily favicon design challenge Questo tool consente la creazione di favicon sia attraverso l'upload di immagini sia attraverso l'utilizzo di una tavoletta di pixel da colorare (con preview in tempo reale).
- favicon2dots Semplice e immediato: caricate la vostra favicon già realizzata, cliccate sul pulsante "2dots" e in pochi secondi verrà generata un'immagine .png che riproduce la favicon in 3D pixel.
- Flavicon Servizio online per convertire immagini .png, .gif e .jpg in immagini in formato .ico. In alternativa si possono utilizzare le favicon presenti sul sito e disponibili per il download.
- Favicons! Generate your favicon and leave your footprint Strumento utile e pratico per trasformare immagini reperite online o caricate dal proprio PC in immagini dimensionate 16x16 in formato .ico.
- FavIcon from Pics The first web tool for creating still / animated favicons from regular images Il tool converte immagini 16x16 e 32x32 .gif in immagini .ico. Gli utenti registrati possono segnalare e inserire la favicon creata nella gallery.
- Favicon Generator (I) Create free favicon.ico page icons with Favicon Generator, instantly make custom Favicons for your website Consente di caricare dal proprio PC e trasformare in favicon immagini .gif, .jpg, .png e .bmp.
- Favicon Generator (II) Free and easy to use online Favicon Generator tool that can create Firefox-compatiable favicon .ico images Tool per la trasformazioni in favicon immagini .gif, .jpg, .png e .bmp.
- Favicon Generator (III) Create a favorites icon for your site Le immagini (.gif, .jpg, .png o .bmp.) caricate vengono trasformate automaticamente in favicon.
- Favicon Generator (IV) Favicons generated here contain text instead of images in order to be descriptive, but are colored to be nice looking Strumento per la conversione di immagini 16x16 e 32x32 (nei formati .gif, .jpg, .png e .bmp.) in immagini in formato .ico.
- Favicons Generator Tool Get FREE Favicons Instantly Tool per convertire in favicon le immagini caricate. È possibile aggiungere un testo scorrevole.
- FavIcon Generator Use this online tool to easily create a favorites icon (favicon) for your site Consente di trasformare in favicon immagini .gif, .jpg, .png e .bmp.
Immagini riflesse
- Reflection Maker Create reflections with Reflection Maker Generatore di immagini con l'effetto reflection tipico del web 2.0. Le immagini possono essere caricate direttamente dal PC o da URL. Due le opzioni disponibili: la dimensione del riflesso e il colore di background.
- Wet Floor Applicazione web che consente di generare immagini riflesse in formato .png. Si possono settare i parametri relativi all'altezza e all'opacità del riflesso.
- Picreflect Just in 10 seconds create a reflection of a picture and save it to your computer Altra semplice applicazione online per generare immagini riflesse dopo averle carciate dal proprio PC. I valori da applicare al riflesso sono l'altezza, l'opacità, la trasparenza e il colore di sfondo.
Questo è il preannunciato secondo set di bottoni per il web sociale. Sono 16 bottoni stavolta, sempre in due diversi formati e due varianti di colore.
I servizi e network sociali sono così numerosi che è davvero difficile selezionarne solo alcuni. In un eventuale terzo set ne inserirò altri scegliendoli tra quelli più utilizzati.
Qui troverete Flickr, LastFm, Pownce e Slideshare.
Download is free, however, if you want to support me or encourage new freebies, you are welcome to make a donation via PayPal.
Tutti i bottoni sono distribuiti sotto Licenza Creative Commons
Bottoni: 16 Formato: .png Download: 93.18 KB (.zip)
Web 2.0 Magazine ha pubblicato ieri una lista di 29 stili da utilizzare per personalizzare gli annunci Adsense di Google in modo semplice e rapido. Per ciascun formato (full banner, hal banner, button, large rectangle, leaderboard, medium rectangle, skyscraper, small square) avete a disposizione diversi modelli.
Vi basterà selezionarne uno, scaricare l'immagine di background, modificare lo schema di colori come indicato e copiare e incollare i codici CSS e HTML per rinnovare l'aspetto dei vostri annunci e renderli più accattivanti. Sempre che ciò sia possibile (ma su questo aspetto, al fine di evitare una digressione infinita, per il momento sospendo il giudizio).
Chi ha un po' di dimestichezza con i CSS può naturalmente prendere spunto dai modelli proposti per crearne di nuovi con diverse immagini di sfondo e diversi schemi di colore.
Questo è il terzo set di icone della collezione di (maxi) icone per blog. Ho utilizzato solo due varianti per quanto riguarda i colori, oro e nero (ma non escludo in futuro di aggiungerne altre) e optato per la forma cubica, che mi piace particolarmente. Alcuni lettori dopo la pubblicazione dei precedenti set mi avevano chiesto se era possibile prevedere anche delle icone per Gmail e Feedburner. Eccole! Oltre a quelle per Twitter, MSN e Technorati.
Download is free, however, if you want to support me or encourage new freebies, you are welcome to make a donation via PayPal.
Tutte le icone sono distribuite sotto Licenza Creative Commons
Icone: 10 Formato: .png Download: 107 KB (.zip)

(p)Link
Commenti
Storico
Stampa





, mi limito ad invitare i miei lettori e tutti 

