FREEDANCE: Il blog di Alessandro D’agnano

Ci sono in giro parecchi text generator. In pratica sono pagina che ci danno la possibilità di copiare ed incollare del testo finto nei nostri layout da sottoporre al cliente.
Tante volte il cliente non dispone subito dei testi (soprattutto nei siti che partono da zero), per cui nelle sezioni di presentazione o news/eventi ci invetiamo del testo, per vedere l’ingombro e il rendereing del font scelto.

Questa segnalazione riguarda un Text Generator, chiamato Dummy. La pagina è molto completa e permette di avere anche paragrafi di testo in inglese, per ovviare al classico Lorem ipsum.
Nelle opzioni avanzate abbiamo altre comode scelte per vedere “live” le scelte che vogliamo fare. I più comuni font di sistema, il size, il line-height e altre formattazioni tipiche dei nostri Css.

Chicca finale, il code Css da copiare e incollare nel nostro file “style.css”…
Enjoy!

Questo tutorial vi sarà utile per scoprire alcune tecniche di design usando Photoshop.
Applichiamo queste tecniche nella costruzione di Web 2.0 Badge, una delle “chicche” tipiche del Web 2.0.
Questo è il link al tutorial:
http://www.hongkiat.com/blog/photoshop-tutorial-web-20-badge-that-flips-back/
Molto ben fatto e chiaro anche se in inglese.  Questa è un’applicazione pratica di quello che avete imparato:
http://www.activa.com.pe/

A proposito di “chicche” Web 2.0 eccovi una lista ENORME di icone (ancora icone?), riguardo i feed RSS.
http://www.hongkiat.com/blog/free-rss-feed-icons-the-ultimate-list/

Ciao!!!

Si avete capito bene…
Oramai con l’uso dei div la gente e gli sviluppatori comuni pensano che le tabelle siano un orco da evitare.
Secondo me in casi come form lunghi, e dati appunto tabellari, dobbiamo usarle per forza. La semantica lo esige.
Però questo non vuol dire creare tabelle spartane. Lo dimostra questo sito:
http://icant.co.uk/csstablegallery/index.php
Ad ogni click su Design Name la pagina si aggiorna con il nuovo Css applicato al markup. Avete la possibilità di ispirarvi o scaricarvi il css…

E allora, vai di tabella!!!

Per quello che mi riguarda,
realizzare delle belle icone, creative, d’impatto e tecnicamente ineccepibili non è un compito da poco.
Avere la possibilità di scaricarne molte gratis, fatte bene e PNG è davvero un aiuto  non da poco.

Vi segnalo a tal proposito questa risorsa:
http://www.iconspedia.com/
Sono icone davvero ben fatte, “glossy” direi. Anche gli ambiti sono dei più disparati e coprono ad ampio raggio diversi campi.

Utili vero?

Ciao!
Lavorando con questi monitor grandi alle volte perdiamo di vista la risoluzione minima per cui il nostro sito web debba essere visibile e senza scroll orizzontale.
Se poi lo volete allora andatevi a guardare “Horizontal way”.

Cmq, una tecnica per avere subito le varie risoluzioni disponibili e testare la pagina, è questa:
1) su FireFox cliccate con il tasto destro sulla barra degli strumenti (vicino alla url per intenderci);
2) cliccate su “Nuovo segnalibro”;
3) nel primo campo “Nome” scrivete ad esempio “1024×768″;
4) nel secondo campo “Indirizz” scrivete “javascript:window.resizeTo(1024,768)”;
5) OK

A questo punto avrete un pulsante “segnalibro” con 1024×768 come label. Se ci cliccate la finestra si ridimensionerà “al volo”.
Potete farlo per tantissime risoluzioni compreso magati IPhone e Smarphone!

Enjoy….