Bonjour à tous !

Si vous créez des sites web ou des applications de temps à autre, vous avez surement mis ou cherché à mettre en place au moins une fois un éditeur WYSIWYG …
Mais qu’est ce que ce nom bien étrange ? Derrière cet intitulé ce cache tout simplement un éditeur de texte capable de s’intégrer sur vos texte-area !

Si le plus connu d’entre eux reste sans doute le célèbre TinyMCE (qui reste malheureusement sous licence, donc payant pour une utilisation commerciale), sachez qu’il en existe un grand nombre et totalement open-source !

Aujourd’hui je souhaite vous faire découvrir l’un d’entre eux, appelé elRTE !

Basé sur la célèbre librairie Javascript jQuery, cet éditeur particulièrement soigné se démarque non seulement par sa qualité, mais aussi par son panel d’options d’édition particulièrement complet !
A l’image d’un TinyMCE, celui-ci se voit complété avec des options très pratiques comme la gestion intuitive des liens ou encore l’affichage du code source généré !

Particulièrement simple à utiliser comme à mettre en place, il s’adaptera sans mal à la majorité de vos applications !

En plus d’être simple dans sa mise en place, sachez que cet éditeur est entièrement customisable, ce qui me parait être un bon point si vous cherchez à le mettre en place uniquement pour certains besoins ou encore dans le cas d’une gestion de droits d’édition poussée !

N’hésitez pas à le mettre en place sur vos projets, ainsi qu’à soutenir les auteurs de cet outil si vous en avez la possibilité ! Après tout ce genre d’initiative mérite bien un coup de pousse !

Have Fun !

Site : http://elrte.org/
Demo : http://elrte.org/demo

Bonjour à tous !

Il y a quelques temps je vous avais parlé d’un service gratuit de Microsoft appelé windows live sync qui vous proposais de mettre en place une synchronisation automatique et transparente de vos fichiers.
Ce service est désormais de plus en plus laissé à l’abandon par Microsoft tout comme l’outil windows live mesh qui proposait des fonctionnalités similaires.

Mais si vous êtes un utilisateur d’un de ces services rassurez-vous ! En effet avec la version 2011 de son pack d’outils gratuits appelé windows live essentials, Microsoft introduit un nouveau né appelé Windows live devices !

Si ce nom semble certes peu évocateur, il cache pourtant un outil plutôt bien conçu !

Issu de la fusion de windows live sync et de windows live mesh, ce petit nouveau vous propose tout simplement de synchroniser, avec un facilité déconcertante, tous vos fichiers entre plusieurs machines, quelles soient sur votre réseau ou non.

Quelles différences avec les anciens services me direz-vous ? Il y en a pourtant de nombreuses et non négligeables !

En effet, ce service introduit une nouvelle interface de gestion bien plus simple et bien plus abouti que ses prédécesseurs !
Directement administrable depuis l’application, il ne vous sera plus nécessaire de vous connecter sur le portail web afin d’ajouter et modifier des machines ou des fichiers !
De plus, ce nouveau service apporte une nouvelle fonctionnalité de synchronisation !
Il vous sera maintenant possible de choisir de synchroniser vos fichiers entre des machines ou avec votre Skydrive (Espace de stockage en ligne de 2Go disponible avec n’importe quel compte live) voir même les deux ! Sympathique non ?

Il est important de préciser que Windows Live Devices est désormais compatible PC mais aussi MAC ! Ainsi il vous sera possible de synchroniser avec simplicité des machines tournant sous windows comme sous Mac OS X !

Enfin, d’autres services pas encore disponibles en France devraient faire leur apparition, comme la possibilité d’ajouter des mobiles (en effet Microsoft laisse apparaitre un lien « gestion du service SMS » sur son interface lorsqu’on ajoute un téléphone…)

J’ai néanmoins pu relevé une petite choses qui manque encore à ce système.
Si celui-ci conviendra parfaitement à tous types d’utilisateurs, il manque tout de même la possibilité d’obtenir plus de détails sur les transferts de fichiers et les actions en cours … ce qui pourrait perturber les utilisateurs les plus aguerris.

Une dernière chose à noter, c’est aussi que ce programme est encore en beta 2 ! On peut donc s’attendre à ce que Microsoft l’enrichisse un peu plus d’ici sa sortie en release !

Dans tous les cas je vous invite vraiment à l’essayer car il pourrait s’avérer utile pour des particuliers comme pour des professionnels !

Have Fun !

Site : https://devices.live.com/

Bonjour à tous !

Vous avez sans doute pour la majorité d’entre vous utilisé au moins une fois du CSS3, mais connaissez-vous toutes les possibilité que celui-ci vous offre ?
Si ce n’est pas le cas pourquoi ne pas les essayer maintenant ?

Aujourd’hui je vous propose une solution plus que simple qui vous permettra de tester et créer vos propres codes CSS3 en quelques clics !

Cette solution de nome CSS3 Playground !

Cet outil très simple à utiliser est en réalité un générateur de code CSS3. Vous pourrez ainsi modifier en quelques clics les différentes propriétés d’un objet, et donc voir les différents effets des différentes propriétés CSS3 !
Une fois terminé, il vous suffira tout simplement de récupérer le code qui a été généré et de l’applique à vos CSS !

Plutôt pratique non ?

Je vous laisse vous amuser un peu avec cet outil en espérant qu’il vous sera utile !

Have Fun !

Site : http://css3.mikeplate.com/

Bonjour à tous !

Avec l’arrivé du HTML5, nombreux sont ceux qui souhaite convertir leur lecteur flash en HTML5 afin d’être compatible avec tous les supports (comme les iPhones ou encore iPad).

Aujourd’hui je vous propose donc un petit tutoriel afin de vous permettre de créer votre propre lecteur vidéo HTML5 grâce à jQuery et du CSS3 !

Relativement bien expliqué et proposant un résultat plus qu’à la hauteur de vos attentes, ce tutoriel aborde un grand nombre de notions qu’ils vous sera indispensable de connaître dans les années à venir si vous souhaitez rester à la page dans le monde du développement web !

Que vous soyez intéressé par le HTML5 ou par la mise en place d’un lecteur vidéo, je vous conseille fortement de lire ou d’essayer de mettre en place ce tutoriel, car il pourrait vous apporter quelques connaissances supplémentaires non négligeables.

Have Fun !

Site : http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/

Bonjour à tous !

L’utilisation de lecteurs de vidéo se fait de plus en plus présente sur internet, mais mettre en place un beau lecteur peut parfois vite devenir compliqué surtout si on souhaite mettre en place des statistiques de lecture…

C’est pourquoi aujourd’hui je vous soumet un petit tutoriel très simple qui vous propose tout simplement de créer votre propre lecteur vidéo en utilisant l’API de Youtube !

Ce tutoriel vous permettra ainsi d’exploiter toutes les propriétés du lecteur youtube tout en personnalisant son apparence afin de l’intégrer au mieux dans votre application ou site web !

Ceci aura le mérite d’ajouter une touche d’intéractivité sur vos développements tout en évitant les galères d’un développement fastidieux et bien souvent très coûteux en terme de temps de travail…

Je vous laisse essayer de mettre cela en application !

Have Fun !

Site : http://tutorialzine.com/2010/07/youtube-api-custom-player-jquery-css/
Demo : http://demo.tutorialzine.com/2010/07/youtube-api-custom-player-jquery-css/youtube-player.html

Bonjour à tous !

Si vous travaillez dans une entreprise d’informatique ou que vous avez beaucoup de sites ou API en ligne, mon article d’aujourd’hui devrait vous intéresser !

En effet je vous propose de découvrir un petit outil nommé Stashboard qui vous propose tout simplement de créer un tableau d’états pour vos différents services et API.

Similaire à la page de statut d’Amazon AWS ou de la page d’état Google Apps, il est conçu pour fournir un tableau de bord de statuts générique pour tout service hébergé ou API. Le code peut être téléchargé, sur mesure, et fonctionner sur n’importe quel compte Google App Engine.

Vous serez donc capable de suivre plusieurs statuts d’API ou de services SaaS, de définir des messages personnalisés.
Stashboard est écrit en Python et hébergé sur Google App Engine.

Je vous laisse l’essayer !

Have Fun !

Site : http://www.stashboard.org/

Bonjour à tous !

Il est possible aujourd’hui de mesurer les performances de vos sites web côté serveur avec divers outils gratuits ou payants, mais bien rare sont ceux qui vous permette d’évaluer les performances côté client.

C’est pourquoi aujourd’hui je souhaite vous faire découvrir un petit outil nommé Boomerang mis au point par les excellent développeur de chez Yahoo!, qui vous permettra de récupérer diverses informations sur les performances d’utilisation et d’affichage de vos site côté client !

Boomerang est un fragment de code JavaScript que vous ajoutez à vos pages Web, ayant la capacité d’envoyer les données à votre serveur pour une analyse plus approfondie.

Avec le boomerang, vous trouvez exactement à quelle vitesse vos utilisateurs affiche et charge vos sites.
Boomerang est opensource et publié sous la licence BSD, avec tout un tas de documentation à ce sujet.

Maintenant à vous de découvrir et de tester cet outil !

Have Fun !

Site : http://yahoo.github.com/boomerang/doc/

Bonjour à tous !

Je ne vous étonnerai pas du tout en vous disant que facebook est sans doute l’un des sites les plus visité au monde après google, et c’est aussi un design très connu !

Aujourd’hui je vous propose tout simplement de récupérer ce design sous forme de PSD exploitable !
Mis à disposition par Samashing Magasine, ce template reprend l’ensemble des composant de Facebook !
Vous pourrez ainsi retrouver un composant qui vous à plus pour l’intégrer à votre tour dans vos applications ou sites web !

Sympathiques et soignés, tous les composant de ce design sont récupérable en quelques découpes et s’intégreront parfaitement sur vos création. Bien évidement évitez de tout reprendre, car on pourrait vite vous reprocher votre manque d’originalité !

Have Fun !

Download : http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/07/facebook-gui-psd-kit.zip

Vous avez sans doute déjà été sur des sites ou certains mots clés sont surligné et mis en valeur avec une tooltips qui recherche sa définition sur internet.

Aujourd’hui je vous propose de découvrir un tutoriel qui va vous permettre de définir des mots ou des expressions de vos textes, comme référence, et ainsi permettre une recherche automatiques des derniers tweets utilisant ce mot ou cette expression.
Si mon explication peut paraitre un peu confuse, je vous invite tout simplement à tester la démo proposée, vous comprendrez très vite de quoi il s’agit !

Relativement simple, et abordable par tous, ce tutoriel pourra éventuellement vous permettre de rajouter une fonctionnalité un peu innovante sur vos sites web.

En espérant que ça vous sera utile !

Have Fun !

Site : http://tympanus.net/codrops/2010/07/20/latest-tweets-tooltip/
Demo : http://tympanus.net/Development/LatestTweetsTooltip/

Bonjour à tous !

Vous avez sûrement déjà entendu parlé de Cloud Computing, si ce n’est pas le cas je vous invite à aller vous renseigner sur Wikipédia.
Aujourd’hui je vous propose de découvrir comment créer votre propre cloud grâce à OpenStack !

L’objectif de OpenStack est de permettre à toute organisation de créer et d’offrir des capacités de cloud computing en utilisant un logiciel open source fonctionnant sur du matériel standard.

OpenStack Compute est un logiciel pour créer automatiquement et de gérer de grands groupes de serveurs privés virtuels. OpenStack stockage est un logiciel pour créer du stockage d’objets évolutif utilisant des clusters de serveurs basiques pour stocker des téraoctets, voir même plusieurs pétaoctets de données.

Tout le code pour OpenStack est librement disponible sous la licence Apache 2.0. N’importe qui peut l’exécuter, de le développer, ou de soumettre les changements à ce projet. Ils sont convaincus que le modèle de développement ouvert est la seule façon de promouvoir des normes de nuages mal nécessaire, retirez la peur de la propriété lock-in pour les clients de nuages, et de créer un vaste écosystème qui couvre des nuages fournisseurs.

Si vous avez les moyens de tester, je vous y invite de tout cœur, car de telles solutions représentent certainement l’avenir de l’informatique mondiale.

Have Fun !

Site : http://www.openstack.org/index.php