Se durante le feste volete dare una rispolverata o una rinfrescata al vostro sito, all’aspetto del sistema operativo o semplicemente al desktop, sappiate che Toxel ha pubblicato una lista di 75 risorse per il design ed il webdesign adatta ad ogni scopo.

La lista è divisa in 8 sezioni: tipografia, css, loghi, icone, fonti di ispirazione, guide, risorse per Adobe Photoshop e risorse per Wordpress.

Vi si trovano esempi e suggerimenti per la creazione di loghi, sfondi da scaricare, pennelli e forme per Photoshop, soluzioni e trucchi per chi sviluppa in css e molto, moltissimo altro.

Continua a leggere: 75 risorse per design e webdesign

Oggi pubblicare online qualcosa è molto più facile che alcuni anni fa, in cui occorreva necessariamente conoscere un minimo di linguaggio HTML per creare una pagina web.

Anche oggi però, se si vuole ad esempio personalizzare il proprio blog, bisogna conoscere un minimo di questo basamento della rete internet.
Sperimentare e imparare con HTML Playground è abbastanza facile, in uno schermo diviso in quattro parti che mostrano la lista delle tag HTML e dei fogli di stile CSS, la descrizione dell’elemento selezionato, la lista degli eventuali attributi dell’elemento e il codice d’esempio.
Andando a modificare il codice d’esempio si potrà direttamente osservarne i cambiamenti.

Non aspettatevi di trovarvi di fronte ad un ambiente di sviluppo, ma rimane comunque un utile riferimento se ci si trova nel dubbio e si ha bisogno di una guida di riferimento.
[via|Del.icio.us]

Continua a leggere: Imparare HTML e CSS con HTML Playground

Fare il web designer o semplicemente voler modificare il tema grafico del proprio blog non è un lavoro facile senza strumenti: misurare, controllare allineamenti di diversi elementi della pagina non è una cosa che si può fare ad occhio.

Design consiste in un semplice bookmarklet, un piccolo link farcito di codice in javascript, che quando attivato mostrerà sulla pagina che state visitando una serie di strumenti molto utili a chi si occupa di webdesign.

Una piccola suite di strumenti per osservare il layout a griglia, effettuare misurazioni e allineamenti, grazie alle guide che possono essere visualizzate in sovrimpressione alle vostre pagine web.
I vari strumenti possono essere lanciati anche come bookmarklet separati.

• Grid sovrappone alla pagina una griglia di layout estremamente configurabile per dimensioni, allineamento e uso dei colori per controllare il CSS della pagina.
• Rule mostra dei righelli sulla pagina con possibilità di bloccare le guide su alcuni elementi e selezionare il punto di origine.
• Unit permette di effettuare misurazioni tra due punti di una pagina, fornendo indicazioni su entrambi i punti su cui si è cliccato, e tracciando una linea tra i due punti.
• Crosshair mostrerà un indicatore a croce posizionata sul vostro cursore, visualizzando una linea verticale e una orizzontale posizionate sulle vostre coordinate.

La cosa più comoda di Design è probabilmente quella che non necessita di installazione e che può essere usato ovunque, quando ne abbiamo necessità.

Continua a leggere: Design, piccoli strumenti per il web designer in un click

Creare da zero un tema grafico per Wordpress necessita di alcune conoscenze di base come il funzionamento di questa piattaforma per gestire il proprio blog e qualche rudimento di CSS.

Spesso si parte da un tema già esistente che, come layout si avvicina al risultato che vogliamo ottenere, caso in cui è buona usanza riportare i dati di chi ha creato il tema originale: se volete invece fare tutto da soli, potete provare Templatr, un generatore di template in grado di creare velocemente una base per il vostro capolavoro.

[via del.icio.us]

Continua a leggere: Templatr, generatore di temi per Wordpress

Chi usa Picasa il software di Google per catalogare le proprie foto, conoscerà probabilmente la funzionalità che permette di creare con un solo click una pagina web che visualizza una galleria delle foto prescelte.

Chi vuole un design della pagina più elaborato e raffinato, può trovare sul blog di Paul van Roeckel, una serie di template da aggiungere a quelli di Picasa per creare le pagine web con le gallerie di foto: questi template utilizzano anche piccole librerie grafiche come Lightbox e simili, per rendere la vostra galleria un piacere da osservare ancor prima di aver visto le foto.

Picasa è anche PicasaWeb, il servizio che permette di condividere e mettere online le proprie foto, visualizzabili tramite un player dedicato da inserire nel proprio blog.

Continua a leggere: Template per le gallerie fotografiche di Picasa

Una delle caratteristiche tecniche più in voga negli ultimi due anni è certamente l’adozione di AJAX, cioè di quelle tecniche di programmazione per sviluppare applicazioni web interattive e dinamiche.

Volete effetti speciali da inserire nel vostro progetto web, già pronti per l’uso? AjaxDaddy è una galleria di effetti da vedere e riutilizzare, per dare quel tocco 2.0 che vada oltre alla grafica con i riflessi.
Valutate bene se introdurre elementi di questo tipo che rendono il vostro sito, forse più bello da vedere, ma probabilmente meno usabile.

Un altro showroom dove trovare numerosi esempi da implementare nei vostri progetti è certamente MiniAjax.
Volete farvi spiegare AJAX da alcuni degli sviluppatori di SUN? Mettetevi comodi, ecco un video tutto per voi.

Continua a leggere: AjaxDaddy: tanti esempi in AJAX da usare

Su Liquidcity potete trovare da scaricare gratuitamente cinque serie di icone vettoriali per i vostri progetti web o semplicemente per il vostro blog.

Le icone sono realizzate sono 165 e disponibili in cinque colori, blu, verde, rosso, bianco e naturalmente nero, con un ,ormai classico, effetto di luce in due toni di colore.

Ogni set è disponibile in jpeg, svg e ai per Adobe Illustrator.

Continua a leggere: 165 icone vettoriali per il vostro blog

Piccola segnalazione per i webmaster e per tutti quelli che vogliono visualizzare in modo diverso le immagini.

Utilizzando Loupe.js è possibile visualizzare sopra una immagine una lente d’ingrandimento che permette di visualizzarne i particolari: un espediente di questo tipo si rivela utile quando vogliamo permettere di visualizzare meglio, immagini da collocare in piccole porzioni della pagina.

L’immagine della lente è personalizzabile. Esempi, codice ed istruzioni sul sito dell’autore.

Continua a leggere: Una lente per ingrandire le immagini

Professional on the web è una vetrina per i freelance della rete e per quelle piccole società che si occupano di programmazione e sviluppo sul web.

E’ sufficiente registrarsi per poter creare il proprio profilo, una pagina molto semplice in cui elencare i progetti realizzati: ogni sito inserito verrà corredato da una immagine o da uno screenshot automaticamente generato, e sarà cura dell’utente assegnare le tag che ritiene più idonee propri progetti.

Realizzato in venti giorni, ha le classiche caratteristiche del social network, compresa la possibilità di votare i progetti realizzati: l’interfaccia in AJAX per la fase di inserimento è veramente piacevole da usare, in quanto basta cliccare su uno dei campi per trasformarlo nuovamente in un campo modificabile.
Progetti e tags sono invece ordinabili dall’utente semplicemente con un colpo di mouse.

Continua a leggere: Professional on the web: il vostro portfolio in rete

Qualcuno ricorderà che per il lancio della versione personalizzata di Internet Explorer, qualcuno a Google per fare presto ha copiato la grafica dalla pagina omologa di Yahoo!.

Cosa succederebbe se a Google arrivassero i grafici di Yahoo!, che fine farebbe lo scarno design che contraddistingue i servizi di Google?

Non so cosa pensare del risultato finale, in quanto da utilizzatore assiduo dei servizi di Google, pur apprezzando molto i corrispettivi di Yahoo!, sento che forse a Google manca qualcosa di simile ad un portale.
Che ne pensate?

Continua a leggere: Google come Yahoo!: a Google manca un portale?

Tra la tanta carne al fuoco che ha Microsoft, c’è anche la suite di prodotti software dedicati alla grafica, allo sviluppo per il web e per applicazioni webtop.

Microsoft Expression sarà una suite composta da tre componenti principali che saranno vendute anche separatamente, con una data di rilascio indicativa che si aggira per la prossima primavera: il comunicato di Microsoft riporta anche possibili prezzi (599 dollari per la suite completa) e l’attuale situazione dello sviluppo dei prodotti.

Expression Web è la prima ad essere già disponibile per l’acquisto: Expression Blend e Design, ancora alla fase di beta 1 e CPT, sono quelle applicazioni che conoscevamo sotto il nome di Sparkle e Acrylic, mentre Expression Media è la versione con marchio Microsoft di iViewMediaPro.

Dopo l’acquisizione di Macromedia da parte di Adobe viene da chiedersi se nel mondo professionale ci sarà posto per questa suite di Microsoft: sicuramente Expression Blend sarà utilizzato da chi inizierà a creare applicazioni XAML per il nuovo Windows Vista ed Expression Web per chi sviluppa in ASP.net. Basterà?
[via blog.HTML.it]

Continua a leggere: Microsoft presenta Expression Suite

E’ stata rilasciata la terza versione di Opera Mini, il browser per cellulari e palmari, che presenta molte nuove funzioni come il photosharing semplificato, aggregatore di feed RSS, supporto SSL e HTTPS, e un innovativo sistema per identificare i contenuti delle pagine per migliorarne visualizzazione e lettura.
Per le novità su applicazioni per dispositivi mobile dovete sempre fare un giro su mobileblog.it.

Per rimanere nel nostro ambito, volevo segnalarvi su questo argomento il simulatore di Opera Mini realizzato da Opera per permettere ai webmaster di verificare come le proprie pagine vengono visualizzate sui dispositivi mobile dotati di questo browser.

Continua a leggere: Opera Mini 3 simulator