Application web

Top notification bar en Javascript

Plutôt que de faire une alert() qui casse l’expérience utilisateur, je vous propose une barre de notification contenant votre message.
Surtout quand on sait que la plupart du temps, les visiteurs cliquent sur Ok sans lire.. mais surtout il faut l’avour, c’est très moche une alert();

Smooth toolbar notification css javascript

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 »

Biolab Disaster en pure HTML5 et Javascript

Dominic Szablewski, un développeur touche à tout, a finalisé Biolab Disaster pour notre plus grand bonheur !

Biolab Disaster en HTML5

Auteur aussi de Asaph, un système de micro-blogging utilisé par Alt-Tab.org par exemple. Lire la suite »

Google en un Instant

Google Instant

Mah qu’est ce c’est que ça ? 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 »