Categories
tecnologia webdev

Usare Firefox come strumento di sviluppo…

Una breve ma interessante serie di slide che spiegano quali estensioni utilizzare per trasformare Firefox nel miglior strumenti di sviluppo e debugging di un sito.

una chicca, le slide sono virtuali, in quanto sono tutte presenti sulla stessa pagina… ah, le magie del javascript e dei css ;)

ciuaz

Categories
altri linguaggi php webdev

Cheat Sheet

Sul blog di Peter Freitag è stata pubblicata una lista di tutti i principali cheat sheet per linguaggi di programmazione, applicazioni e css.

ciuaz

Categories
webdev

Scrolling di contenuti in div

Se necessitate di far leggere un lungo documento all’interno di un layout a grandezza fissa o fate una paginazione o utilizzate uno script js per lo scrolling dei contenuti. Sul sito del tutorial, chiamto Dinamic Web Coding, ci sono anche molti altri piccoli tutorial da cui prendere spunto…

ciuaz

Categories
pensieri webdev

CSS, javascript e dintorni

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

Categories
pensieri webdev

un incubo di css

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]

a sx
a dx

[/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

Categories
webdev

CSS Customization

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

Categories
webdev

Che icone uso?

Spesso quando si sta lavorando all’ennesima applicazione web che cambierà il mondo ci ritroviamo completamente a corto di idee (e diciamocelo di talento e gusto) per quel che riguarda l’aspetto grafico. Una delle cose che più assilla il programmatore medio è che icona ci metto? Da dove la prendo? e soprattutto come riesco a metterla nell’applicazione senza che mi sconvolga il design? Un buon punto di partenza potrebbe essere questa collezione di icone e bottoni

ciuaz

Categories
ajax webdev

AJAX: Usable Interactivity with Remote Scripting

Su sitepoint è presente l’ennesimo tutorial su ajax, sto inziando a perderne il conto ormai… Il tutorial in questione è chiamato AJAX: Usable Interactivity with Remote Scripting e spiega come realizzare interfaccie usabili da affiancare al remote scripting di ajax.

ciuaz

Categories
webdev

css playground

alcuni esempi di utilizzo avanzato dei css

ciuaz