Premetto che la mia contorta personalità da geek adora l’analogico, in tutte le sue possibili forme. Dal vinile alla carta stampata, dal cambio meccanico nelle auto allo slowfood. Pertanto preferisco leggere molti blog nel contesto ufficiale (sito) piuttosto che limitarmi ai feed.
Lavorando alla template di questo sito ho iniziato ad usare un po’ più di occhio critico sull’altrui lavoro ed eccomi quindi a buttare giù qualche considerazione su cosa non mi piace trovare in una template.
Da qualche tempo (diciamo da un anno e mezzo) sto pensando di cambiare/riscrivere il tema del mio blog ed una delle cose che mi ha sempre fermato è (a parte i cartoni animati giapponesi, la playstation, gli altri blog e l’assoluto fancazzismo che “partono” la sera a casa) che mi piacciono i temi con pochi post in home ma al tempo stesso non li userei mai per il mio blog (che attualmente ne mostra ben 25). Empasse come direbbero i francesi, deadlock come dicono i miei amichetti informatici .
Quindi…
Su Developers.Yahoo! iniziano ad essere presenti librerie ed articoli molto succosi. Ad esempio è stata implementata un’intera sezione dedicata ai design pattern utilizzati da Y! in tutte le sue parti ed una contenente le librerie javascript per creare e gestire GUI (alcune ajax enabled) che sono presenti nei nuovi servizi web-2.0.
Bisogna notare che la maggior parte del codice è rilasciato sotto licenza BSD! :)
ciuaz
Chi di voi non ha bestemmiato con la visualizzazione di oggetti sovrapposti con i CSS? Su 24 Ways c’è un tutorial che spiega come usare al meglio l’attributo Z-Index per realizzare complesse template.
Da aggiungere al proprio bookmark!
ciuaz
Il primo passo nello sviluppo di un sito web normalmente è rappresentato da uno scarabocchio su carta che rappresenta una possibile idea di interfaccia e/o funzionalità dello stesso. A seguito viene scarabocchiata una pseudo mappa del sito ed una storyboard per quelle pagine che necessitano di una qualche complicata interazione con l’utente.
Alcuni realizzano questi scarabocchi su carta, altri preferiscono lavorare su photoshop altri ancora su powerpoint. L’importante è riuscire a rendere bene l’idea di quello che il sito dovrà fare prima di iniziare a lavorarci sopra.
Denim serve proprio a questo scopo. Questa applicazione realizzata dall’Università di Berkley nasce per dispositivi portatili come palmari e tabletPc (anche se adesso è disponibile anche per i normali pc) e permette di disegnare a mano libera più o meno tutta la struttura di un sito.
La cosa interessante è data dalla possibilità di utilizzare diversi livelli di zoom per andare a disegnare la mappa, le pagine o l’interazione tra le stesse. Unico difetto di Denim attualmente è il fatto che l’esportazione è possibile solo in html mentre non è possibile esportare su formati utili ad altri software per generare template di codice funzionante.
Resta il fatto che durante un brainstorming, se disponete di un tabletPC (meglio se di un Nokia 770 con Maemo) Denim tirerà fuori il meglio di se.
[via Bergius]
ciauz
Trovare il layout perfetto è un’impresa titanica, descrivere passo passo come ottenerlo è qualcosa di impensabile. Almeno lo era fino a quando non è stato scritto questo articolo su Position is Everything.
[via Geek Ramblings]
ciauz
Normalmente quando scriviamo il CSS di un sito stiamo attenti affinchè sia comprensibile per una possibile e futura modifica. Aggiungiamo quindi commenti (magari anche molto lunghi), tabulazioni, spazi e magari replichiamo più volte lo stesso style se applicato a diversi oggetti.
Operare in questo modo è molto comodo ed efficiente per noi sviluppatori ma altrettato inefficiente per un browser che invece di scaricare 10Kb di CSS se ne scarica 50Kb.
Come risolvere il problema? Beh semplicemente usando CSSOptimizer per comprimere e ripulire da tutto il testo inutile il CSS che pubblicheremo su web e tenendoci solo in locale quello usato per lo sviluppo e ricco di commenti.
ciuaz
Nella nuova concezione di web design usare le tabelle per il layout è sbagliato, banalmente non è però vero il contrario… ecco un ottimo esempio di layout per tabelle :)
ciuaz
Gran bel plugin questo Wordpress Theme Toolkit che permette di crearsi delle logiche all’interno di una template per Wordpress.
L’idea è stata presa dall’imminente kubrick 2, nuova incarnazione dell’attuale tema di default di wp, e che viene usato in una sua versione modificata anche su questo blog.
Il Theme Toolkit è in sostanza un pannello di configurazione generato dinamicamente all’interno dell’area di amministrazione di wordpress dove è possibile valorizzare alcuni parametri decisi a priori su una template. Ad esempio se vogliamo indicare un valore fisso come un’immagine o un link potremmo utilizzare all’interno di tutta la template una referenza ad esso (ie. $mytheme->option['option1']), referenza che sarà generata anche nel pannello di amministrazione come form dove inserire il valore.
Per provare il plugin è anche già stato scritto un tema ad-hoc chiamato minimalissimplistic.
un buon punto di partenza per la template che mi creerò quando uscirà wp 1.6… forse…
ciuaz
Non so per quale arcano motivo ma mi hanno convinto a lavorare ad un sito pseudo-dinamico con una marea di file statici da includere di volta in volta ed un backend di pubblicazione eventi scritto da un dislessico con grossi problemi di afasia. Quindi per necessità di rinfrescarmi la memoria ho ripreso a leggere alcuni siti come a list apart che evitavo da un annetto avendo deciso di decarmi solo alla programmazione in php, al lavoro di sysadmin, a quello di project manager e soprattutto avendo deciso di non voler più scrivere neanche una riga di css o di aprire photoshop se non per qualcosa di personale…
Beh ecco i link che ho trovato oggi:
[update]
a list apart cambia layout… per le motivazioni c’è un articolo di zeldman
ciauz
Mi sono stancato della testata del mio blog, ecco perchè chiedo alla gente che vive nei miei feed un qualcosa di nuovo da mettere al posto della sola barra azzurra.
Limitazioni:
al vincitore andranno: [ego type="infinito"] il suo link sul mio blog, l’inserimento del suo blog nei miei feed su thunderbird[/ego], il mio eterno ringraziamento… e se ci scappa una birra… ;)
ciuaz
Sto lavorando da qualche giorno ad un css per un layout a tre colonne un po' particolare, qualcuno sa spiegarmi perchè diavolo con ie mi scompaiono tutti gli oggetti quando applico uno stile con un float?
Cioè mi spiego meglio, se devo allineare due oggetti all'interno della colonna centrale (quella del testo) faccio una cosa del genere:
[html4strict]
[/html4strict]
che su firefox, opera e safari funziona senza problemi... mentre su ie 6 non si visualizza nulla! aiutatemi vi prego.. sto per impazzire!
[update]
Marco mi ha illuminato e fatto scoprire l'esistenza del temibile peek-a-boo bug di explorer... uno in più da aggiungere alla collezione
ciauz
Bellissimo tutorial su come personalizzare l'aspetto degli input di tipo Radio e CheckBox dei form senza perderne l'accessibilità, la compatibilità e i comportamenti via browser.
E sempre sullo stesso sito un articolo che spiega come usare i css per realizzare delle barre di avanzamento sfruttando il tag OL
ciauz
Fabio Cabula, conosciuti da molti come uomonero e come uno dei creatori di Splinder, e Futa hanno inaugurato oggi il loro nuovo progetto chiamato Sitonline. Il progetto non è altro che una piattaforma CMS per utonti ricca di features. Tra l'altro sono in cerca di betatester per poter testare l'effettiva bontà del prodotto...
ciauz
