JS Bin è una webapp progettata specificatamente per aiutare lo sviluppo in Javascript e CSS . Permette di testare ed effettuare il debug del codice in modo collaborativo.
JS Bin permette di modificare e testare codice JavaScript e HTML. Una volta che si è contenti di ciò che si è realizzati, puoi salvare e inviare l’URL a peer per modifiche o chiedere aiuto.
APE (Ajax push Engine) è una tecnologia open source che permette di scambiare i dati attraverso il browser tra vari utenti senza la neccessità di effettuare il caricamento della pagina.
Di seguito il video di presentazione ufficiale.
Utilizza lo standard web per garantire scalabilità, infatti, funziona con i più comuni browser.
La parte principale di APE è il epoll-driven HTTP server interamente scritto in C. Attraverso particolari protocolli riesci a mantenere attiva la connessione tra client e server tramite XHR long-polling (cross browser), forever frame e altri meccanismi. Il server può essere esteso usando moduli scritti in C oppure JacaScript server-side.
La seconda parte di APE è il framework Javascript basato su MooTools.
Per maggiori informazioni visitate il sito ufficiale.
fileNice is a free php file browser, particularly useful if you have a ‘dump’ folder on your server where you regularly upload files and you want to be able to see what’s there.
Segnalo a tutti gli sviluppatori web, un video dal canale di googletechtalks, nel quale viene spiegato come testare ed effettuare il debug di codice web, come javascript e CSS.
var menu_over_colors =["#ffffff","#55C7FF","#FF5A8D","#FFA324","#f453g5"];/* the colors you want to use*/
$(document).ready(function(){
$("#navigator > li > a").each(function(){var over_color = menu_over_colors[$(this).attr('class').substring(1,3)];
$("#navigator li a").animate({ color: over_color },200);/* animate text color for all text*/
$("#navigator li+li+li a").animate({fontSize:'3em'},300);/* animate text of the third list*/
$("#navigator li+li a").animate({top:'50px'},300);/* animate text of the second list*/
$("#navigator li a").animate({left:'50px',},300)
.animate({fontSize:'1.5em'},300)
.animate({ backgroundColor:over_color },500,function(){var over_color = menu_over_colors[$(this).attr('class').substring(1,3)];/* point out the colors again*/
$(this).animate({color:'white',backgroundColor:over_color},300);});});/* animate all text again with callback function*/
$("#navigator > li > a").hover(function(){//overvar over_color = menu_over_colors[$(this).attr('class').substring(1,3)];
$(this).animate({ color: over_color },500);
$(this).animate({ backgroundColor:over_color },500);},function(){//out
$(this).animate({color: menu_over_colors[0]},500);});});
