Dév

Tester vos expressions régulières en ligne : Regexp

Test Regexp Online

Plutôt que d’écrire, sauvegarder, tester, modifier, sauvegarder, retester, etc.. j’ai décidé de me simplifier la vie.
Grâce à ce petit outil que j’ai nommé sauvagement Test Regexp, dès que vous modifiez la regexp, il la teste et vous indique :

  • si ça match et combien de matches
  • ça match pas du tout
  • ou si votre regexp est syntaxiquement mal écrite.

Lire la suite »

Get The Box, initiation aux mouvements en Javascript

Ca fait longtemps que je n’avais rien écrit ici..
Peut être que je n’avais pas grand chose à partager..

Au boulot, j’ai un apprenti développeur en alternance, un jeune padawan à coacher..
Difficile de trouver des choses “faciles” et utiles mais aussi formatrices..

Je lui ai donc demandé un carrousel JS (oui j’ai dit facile) avec des div qui prennent tout l’écran, je lui ai expliqué le fonctionnement de l’algo et je lui ai filé ce petit exemple de déplacement d’éléments histoire qu’il se fasse la main.
Je me suis donc dis que ça pourrait vous être utile. N’hésitez pas à mettre debug à true et à activer Firebug pour tracer tout ce qui se passe :)
Demo

Lire la suite »

FBML et détection de la langue

FMBL

Salut les développeux,

J’ai besoin de vos lumières, de votre retour sur expérience, de votre aide en somme..

D’après la doc FBML, on peut afficher un contenu en fonction de la localisation du visiteur et par extrapolation sa langue, le type de contenu et/ou l’âge via la commande restricted-to, exemple :

<fb:restricted-to location="us" type="alcohol">Enjoy a fine malt beverage.
    <fb:else>Enjoy a nice soft drink.</fb:else>
</fb:restricted-to>

Source: http://developers.facebook.com/docs/…/restricted-to Lire la suite »

Sencha – The First HTML5 Mobile App Framework

Sencha - The first HTML5 mobile app framework

Les équipes de Ext JS une librairie JS assez puissante ont combiné leur forces aux projets jQTouch et Raphaël pour faire Sencha.

Utilisant les standards du web
Sencha Touch est le premier framework pour application mobile qui a été conçu en HTML5, CSS3 et Javascript.
L’équipe de Sencha utilise tous les atouts de ce trio pour être puissant, flexible et optimisé. La diffusion d’audio ou de vidéo par exemple en est largement facilitée.
La librairie ne pèse que 80Ko.
Lire la suite »

Un éditeur WYSIWYG pour Android (la suite)

Logo App Inventor, a WYSIWYG Android software

Email reçu de la part de Karen Parker le 12 juillet m’indiquant ceci :

We are excited to announce that we have launched App Inventor for Android to the general public and invited people to request access to the system. Because you expressed interest in App Inventor this past year and have been waiting patiently for access we decided to give you first dibs!

En gros, pour les nouilles en anglais : on est super content d’ouvrir App Inventor au grand public via une demande d’accès (donc accès sur invitation?) et comme vous avez manifesté un intérêt l’année passée, on vous en donne un. Hippi!
Lire la suite »

Torus, un Tétris HTML5 en 3D

Cet article fait suite à mon précédent billet dénommé sobrement HTML5 + Javascript et CSS3 : Technique et Design.
L’intemporel Tétris est remis au goût du jour, lifté et repensé sous le nom de code Torus.

Torus

Lire la suite »

IE – Select à largeur fixe et options tronquées

Lorsque vous donnez une largeur fixe à au select de votre formulaire c’est par soucis de design. Un joli formulaire avec tous les champs de même longueur et de même style, pour quelque chose d’homogène.
Seulement voilà ce qui se passe avec Internet Explorer :

Select avec largeur fixe sous IE

Des sites comme css-tricks vous proposent des alternatives. Moi je propose la mienne..
Lire la suite »

HTML 5 + JS et CSS 3 : Technique et Design

On parle beaucoup de HTML 5 et de CSS 3 ces temps-ci sur la toile..

Alors sur Twitter, j’aime voir passer des choses magnifiques comme l’ambilight / le sublime video.. En fait j’aime pas, j’adore ces petits “proof of concept” graphique et technique.

Si ça vous intéresse, voici d’autres démonstrations avec récapitulatif du support chez les 5 plus grands navigateurs.

CSS Monster - VirtuousWeb
Lire la suite »

Un éditeur WYSIWYG pour Android


Suite à ce très bon article de SOS Android intitulé « Que manque t-il à l’Android Market pour exploser », j’ai trouvé que ce qu’il manquait était peut être une vulgarisation des développements sous Android.

Faisons le point sur les éditeurs type DreamWeaver pour développer vos applications Android facilement où vous avez une vue sur le code mais surtout une vue sur le rendu avec drag and drop des éléments etc.. On appelle ça WYSIWYG pour What You See Is What You Get.

Lire la suite »

Demo Antisocial Javascript

Javascript demo by gasman

Matt Westcott [http://matt.west.co.tt/ - Oxford, London] nous a concocté une belle animation 3D en Javascript traitant des réseaux sociaux dirons nous.. Le zip fait 6,80 Mo !!
Lire la suite »