entre graphisme et développement

Ce matin, un petit billet « cadeau ». En effet, lors de développements en JavaScript, je perdais pas mal de temps à encoder à la main mes caractères accentués pour des « Alert(); » par exemple. J’ai donc décidé d’en perdre un peu plus hier, mais pour en gagner beaucoup demain…
J’ai développé un petit module d’encodage de caractères accentués en Octal (exploitable en javascript)…
Le module est basé sur des array() et un simple string_replace() en Php… Simple mais efficace.
Vous le trouverez à cette adresse, pour que, comme moi, vous arrêtiez de perdre du temps avec ce genre de détails,  pour vous consacrer aux choses plus importantes dans un développement !

Ce matin, petit tour du coté de chez Justin Van Genderen.
En effet, ce dernier à publié récemment  un complément à sa série d’affiches « Comic Travel Locations ».
Cette série met en scène des super-héros dans leur ville, avec un traitement minimaliste qui contraste avec celui imposé par Marvel et consorts que nous avons l’habitude de voir.
Allez donc faire un tour sur sa gallerie, ses affiches sont à vendre, et à un prix plutôt peu élevé.

Aujourd’hui, je vais vous parler d’un logiciel gratuit vous permettant d’accéder à votre musique, ou que vous soyez.
J’ai nommé SubSonic.

Le principe, pour ceux qui souhaiteraient s’y mettre, n’est pas très compliqué :

Il va vous falloir un serveur, ou une vielle machine faisant office de serveur. Quand je dis serveur, c’est plutôt dans le sens stockage, mais avec une DNS Dynamique pour vous y connecter de l’extérieur de votre réseau. Donc une vielle machine, sur une box par exemple, fera très bien l’affaire.

Ensuite, vous téléchargez la version correspondante à votre OS (Mac, Windows, Ubuntu, Red Hat, etc.) sur le site du projet.
Pour ma part, j’ai testé sur un serveur mac, et un Ubuntu, et tout roule pour l’installation.

Ensuite, vous renseignez  deux trois paramètres comme : le dossier de stockage de votre musique, les utilisateurs pouvant se connecter à votre dossier, etc.

Enfin, vous pouvez vous  connecter à une interface utilisateur via un navigateur et bénéficier de tout les petits goodies qu’offrent les Deezer & autres GrooveShark. Avec un gros plus : PAS DE PUB !

Il est à noter que des players .air, des gadgets windows sont disponibles pour accéder à votre musique sans passer par votre navigateur.
De plus, pour les plus gourmands, vous pourrez via la création de dossier symbolique rediriger votre dossier contenant votre musique vers un NAS bien costaud.

Maintenant, reste à vous parler de la déception du projet, les versions iPad / iPhone. En effet, c’est bien pratique de pouvoir écouter sa musique où que l’on soit (si tant est que vous ayez une connection 3G ou Wifi), mais sur votre iPhone ou Ipad, c’est encore mieux.
Et là, grosse déception, puisque l’application est payante ! Je ne sais pas ce qu’il en est de la version sous Android.

J’avoue que le projet est extrêmement intéressant (hormis les 5 euros que coûte l’application iPad) si comme moi, vous travaillez dans plusieurs endroits, vous pouvez toujours bosser en musique.

Pour terminer, je vous ferai juste un petit rappel sur les droits en matière de musique, puisque tout ceci n’est légal que si la musique que vous stockez vous appartient (achat ou encodage de disque).

Aujourd’hui, un petit projet en WebGL à découvrir d’urgence.
En effet, le dernier travail de Evan Wallace est simplement époustouflant !
Il vous faudra tout de même un navigateur utilisant WebKit pour le visualiser.
Si c’est le cas (Chrome, Firefox,Safari, etc. ) allez vite faire un tour à cette adresse : http://madebyevan.com/webgl-water.
Je vous conseille également les autres travaux réalisés par le même développeur, l’ensemble des projets est intéressant.

Pour aujourd’hui, je vais vous offrir un petit module en jQuery de ma confection.
En effet, j’ai développé, suite à une demande un module de FeedBack.
Rien de bien compliqué, le principe est une languette à droite de l’écran (pas trop intrusive), qui se dissimile lors du scroll (pour pas gêner l’internaute).
Au click sur cette languette, un formulaire se déploie avec un textarea permettant d’envoyer un commentaire, un message, au développeur du site, afin d’améliorer ce dernier.
J’ai simplifié au maximum le script, pour que vous n’ayez qu’à linker ce dernier (et la bibliothèque jQuery évidement).
Donc :
1- Vous décompressez le dossier feedback sur votre serveur
2- Vous ouvrez le fichier feedback.js et vous le modifiez comme indiqué (2 paramètres à indiquer)
3- Vous ajoutez les 2 lignes de codes dans le header (dans le header) :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="feedback/feedback.js"></script>

Le dossier de téléchargement se trouve ici.

Enfin, ce script est visible sur ce site (pour quelques temps encore).

Cette semaine, j’ai passé quelques jours à Londres. L’occasion de trainer dans les boutiques de Oxford Circus, ou Regent Street.
Bref, tout ça pour en venir à ce petit cadeaux que l’on m’a fait,  à savoir un Bamboo Stylus de chez Wacom.
Ce stylo est conçu pour fonctionner avec les iPhone & iPad. Il n’est pas sensible à la pression mais son bout est en caoutchouc.
Ainsi, plus on appui, plus la « mine » s’écrase. La question est : Y a-t-il des applications qui tiennent compte de ce paramètre ?
Pour l’instant je l’ai testé sur SketchBook. Le résultat est bien sympathique pour des croquis vite fait bien fait, mais ça ne remplacera pas une tablette graphique !
Il est à noter que Wacom a édité une application iPad qui va avec le stylo, à télécharger ici. Le traitement du tracé est beaucoup plus interessant sur cette application, pour le dessin, ça reste complexe, mais pour la prise de notes, ou les croquis c’est bluffant.
Sans surprise, le stylo Bamboo de Wacom va avec l’application Bamboo paper de Wacom…

Disons juste que vu l’investissement  que suppose l’achat d’un iPad ou un iPhone, un petit stylo de ce type peut être à envisager…

Et oui, petite nouvelle quelques peux surprenante ce matin, des petits malins ont monté un framework pour réaliser votre propre RPG (Role Playing Game). A vous donc les Zelda Like en HTML5 et Javascript, en ligne. Ce projet permet de réaliser des plateformes de jeu pour les navigateurs suivants : Chrome, IE9, FireFox, Safari et Opera.
Pour cela, téléchargez RPG JS, actuellement dans sa version Alpha2, et lancez vous !

Ce matin, un petit flashback sur l’histoire de la programmation.
Rien de tel pour découvrir ou se souvenir que tout commença en 1957 avec le Fortran, pour arriver en 2005 avec Ruby on Rails.
Enfin, on pourra noter la popularité des langages (en bas du visuel).

Goggle lance un nouveau service, page speed service afin d’informer les développeurs sur les temps de chargement d’un site web.
Pour cela, rien de plus simple, il vous suffit de renseigner l’URL du site sur la page d’accueil, et d’analyser le compte rendu généré.

Ce matin, un petit post pour vous annoncer la mort de flash…
Non, je rigole, mais depuis le temps que l’on nous l’annonce, ça va bien finir par arriver… Mais il faut croire que le protégé de Adobe est coriace…
Bref, pour ajouter du poids dans la balance, nos amis de GoogleLabs nous ont livré une piste permettant de convertir du Flash en HTML5.
La conversion se fait sur cette page :  http://swiffy.googlelabs.com/
A tester avec plusieurs types de fichier swf.
Pour ma part, j’ai testé avec des fichiers du type : timeline (sans AS3), mais également avec du full AS3… Et dans les 2 cas, le résultat est bluffant !

Si vous n’avez pas de swf sous la main, une gallerie est disponible.
Je vous conseille de tester d’urgence, d’autant que comme vous le savez, Google a annoncé la mort de Google Labs dans les semaines à venir (pour manque de rentabilité visiblement).