Post

Visualizzazione dei post con l'etichetta HTML

Google Web Fundamentals

Google ha rilasciato una versione beta di Google Web Fundamentals , un nuovo e completo manuale online utile a web designer e sviluppatori . Il progetto è un work in progress (una versione 1.0 è prevista a giugno) .     Si tratta di una bella collezione delle migliori pratiche di web design per ottenere layout  multi- dispositivo e responsive .

Can I use?

Caniuse è un sito che, in forma tabellare, confronta la compatibilità dei diversi elementi HTML5, CSS3, SVG nei browser più comuni. Ottimo!

Webplatform.org

I colossi della net economy si uniscono per documentare tutto ciò che serve sapere sulla piattaforma web aperta: un sito raccoglierà documentazioni, discussioni e anche proposte di nuovi standard Roma - Si chiama Web Platform (WPD) ed è il risultato dello sforzo congiunto dei pesi massimi della net economy. L'obiettivo? Facilitare la vita agli sviluppatori del cosiddetto "Open Web", una piattaforma di documentazione, discussione e proposta di nuove tecnologie tese a diffondere la buona novella di HTML5 e compagnia fra un numero sempre maggiore di webmaster e programmatori. La "community open" di WPD può contare sul coinvolgimento diretto dei maggiori protagonisti dell'industria IT, aziende del calibro di Microsoft, Google, Mozilla, Nokia, Apple e senza dimenticare le organizzazioni che si occupano di standard e il World Wide Web Consortium (W3C). Quella che dovrebbe diventare l'autorità indiscussa per la documentazione dei nuovi standard ...

Tutorials : HTML, CSS, Javascript

W3fools pubblica una pagina che spiega quanto siano inaffidabili il sito W3Schools e i tutorial che contiene. Al suo posto si possono seguire altri siti che pubblicano documentazione più accurata: Opera Web Standards Curriculum Google's HTML, CSS, and Javascript from the Ground Up SitePoint W3C HTML Element Reference The MDN (Mozilla's Developer Network)

Toggle javascript

Metodo facile per inserire un div o un altro tag a scomparsa all'interno di una pagina html. Inseriamo il contenuto da nascondere in un div a cui diamo un id specifico e specifichiamo nel css display:none : <div id="esempio" style="display:none;"> Scriviamo la funzione javascript adatta: <script type="text/javascript">     function toggleContent() {         // recupera il riferimento al div        var contentId = document.getElementById("esempio");         // cambia le proprietà dello stile        contentId.style.display == "block" ? contentId.style.display = "none" : contentId.style.display = "block";     } </script> Richiamiamo la funzione all'interno di un <a> (potremmo anche richiamarla da un altro tag, ma comunque un collegamento cliccabile all'interno di quel tag ci deve pur essere......

CSS Zen Garden

CSS Zen Garden offre la possibilità di verificare l'efficacia dell'uso dei CSS nella costruzione dei siti web. Si scaricano i file html e css originali e si prova a modificarli. Sulla destra della pagina sono linkati i risultati degli utenti.