Balloons.IO est un serveur de chat multi-salles, et dispose d’un client pret a l’utilisation. la plateforme est conçue sur la base de Node.JS, Express, Socket.IO et Redis. Balloons dispose aussi de plugins d’authentification OAuth (utilisable avec Twitter par exemple.) L’interface est tres clean et personnalisable avec CSS. Le tout est sous license MIT, vous pourrez donc l’installer sur votre serveur gratuitement et facilement.

Nécessite: Node.js, Redis
Demo: https://github.com/gravityonmars/Balloons.IO
License: MIT License

Article Web Appers original (en anglais) : http://www.webappers.com/2012/06/12/open-source-chat-rooms-web-application-with-node-js/

Sigma.js est une librairie Javascript Open source, qui vous aide a dessiner des graphes en utilisant les canvas HTML5. La librairie a ete concue pour partager des cartes interactives sur vos pages web ainsi que d’explorer dynamiquement une base de donnees reseau.  La license de la librairie est sous MIT License.

Nécessite : Javascript
Demo: http://sigmajs.org/
License: MIT License

Article Web Appers original (en anglais) : http://www.webappers.com/2012/06/13/sigma-js-draw-graphs-using-html5-canvas-element/

Apprenez comment creer un accordeon super « fancy » en utilisant Uniquement CSS3! les effets de transitions sont tres frappants. Le tutoriel utilise les proprietes : transition, appearance, text-transform etc.

La démo peut etre visualisee ici : http://tympanus.net/Tutorials/CSS3ImageAccordion/

Lire La suite sur CodRops : http://tympanus.net/codrops/2012/06/06/image-accordion-with-css3/

Cet Excellent tutoriel montre comment développer un Graphique a Barre 3D  avec HTML et CSS3. Le graphique est independant du background, Facilement personnalisable, adaptable au nombre de barres choisies.

La démo peut etre visualisée ici : http://tympanus.net/Tutorials/CSS3AnnotationOverlayEffect/

Lire La suite sur CodRops : http://tympanus.net/codrops/2012/05/21/animated-3d-bar-chart-with-css3/

Apprenez comment effectuer des animations d’annotations sur une image avec CSS3 en utilisant la propriété :checked pseudo-class.  http://tympanus.net/codrops/2012/05/14/annotation-overlay-effect-with-css3/.

PHP2yUML est un Script CLI Open source qui reverse-engineere votre code PHP5 et génère un diagramme de classe YUML.me. Puisque le script est au niveau de la ligne de commande, il peut facilement être utilisé au niveau des outils d’integration continue pour générer de la documentation automatique de vos projets.

PHP2yUML supporte les notions de Classes, Interfaces, visibilite des propriétés et méthodes, heritage et dépendances.

Installation

L’installation est simple via git :

git clone git://github.com/bachkoutou/php2yuml.git

 Utilisation de base

Il suffit se spécifier au script un répertoire source avec l’option -f, ainsi qu’un fichier image de destination. voici un exemple :

php php2yuml.php -f test -o diagram.png

Documentation détaillée et exemples d’utilisation

Pour des exemples plus complets, couvrant les options de yuml.me, l’autoload de vos classes etc, vous pouvez accéder a la page Github Du projet : http://bachkoutou.github.com/php2yuml/

Si vous utilisez twitter sur iPhone, vous vous serez peut etre rendus compte que leur application web (si vous visitez twitter via votre navigateur web) est assez fluide. Eh bien, les gens chez twitter ont release en Open source le code qu’ils utilisent pour cette application : Bootstrap. Bootstrap est un ensemble d’outils front-end pour vos applications web. C’est une collection de styles CSS et de conventions HTML. Le « framework » couvre la typographie, les formulaires, les boutons, les tables et grilles, la navigation etc. La taille est relativement petite (6k avec gzip).

Bootstrap est hébergé sur  Github il utilise aussi LessCSS qui est un pre-processeur qui offre plus de flexibilite au code CSS (declarations imbriquees, variables, fonctions etc.).

DevetDesign.com est un portail de nouvelles qui portent essentiellement sur le developpement et le design web. Dev et design est une aggregation des actualites, outils, tutoriaux et applications qui font leur apparitions sur la toile. Que vous soyez developpeur, integrateur ou designer d interfaces, vous y trouverez vos ressources preferees!

« Chez GitHub, on pense que partager du code doit être le plus simple que possible, c’est pour ca que nous avons créé GitHub pour Mac ». C’est le slogan du nouvel outil de gestion de version pour Git, GitHub pour Mac. L’outil facilite les taches  courantes de versionning et de partage de code comme les commits, le branching, mais aussi les fonctionnalités de clone de dépôts, de synchronisation de branches ou encore de navigation dans l’historique.

Vous pouvez télécharger l’outil ici : http://mac.github.com/

TeamLab est une plateforme de collaboration open source qui vous permet de gérer vos projets en entreprise. Vous pouvez créer une communauté d’employées et de collaborateurs, ajouter des événements corporative, gérer des projets, définir des milestones, dialoguer en temps réel avec vos employées via la messagerie instantanée, ajouter des blogs.
TeamLab existe en 3 modes :

• en location de service (saas)
• en stand alone (la version open source)
• en image Amazon (sur le cloud)

TeamLab est listee sur  SourceForge et distribuee sous la license  GNU GPL v3 license terms.