Articles taggés Dév

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 »

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 »

Google Chrome Frame pour IE 6, 7 et 8

Quand le bon samaritain du web décide de doper IE..

Le plugin Google Chrome Frame pour IE 6, 7 et 8 est fourni gracieusement par Google.
Ce plugin permet tout bonnement de tirer IE vers le haut en le rendant compatible HTML5 (notamment la balise canvas) et en accélérant son rendu Javascript.
Microsoft pas content. Chez ZDNet, on évoque même que le fait qu’IE soit lent, soit volontaire pour éviter aux entreprises de migrer vers des applications web tels que les Google Apps

Comment rendre son site compatible avec IE customizé par Google Chrome Frame ?
Il faut mettre un tiote balise meta dans le HEAD. Lire la suite »

Quand Google s’écroule..

google_crash
“Quand Google s’écroule.. Tout s’écroule !?”
Meuh non, c’est juste la page d’accueil et c’est pour rigoler.. enfin plutôt pour voir ce qu’a Google Chrome dans le ventre !
En effet, l’équipe Chrome a publié un site ChromeExperiments.com qui présente quelques exploits de leur bébé, le moteur Javascript 8 incorporé dans leur cher navigateur.
Les possibilités de cette nouvelle mouture Javascript sont stupéfiantes ! On en a pleins les yeux, de la 3D, des jeux, des interactions ahurissantes entre fenêtres ou encore des trucs loufoques !

Le but est beau un coup de pub, à mon goût très réussi..

Lire la suite »

Eteindre la TV en Javascript

Et oui, je parle d’un effet !

Comment ça marche ?
Et bien je copie le contenu du body dans une variable, je vide le body comme un porc pour y insérer délicatement une div en absolute et y remettre le contenu. Donc le firstElement de body est désormais ma div qui a le même style que le body original. Ensuite, je diminue la hauteur de cette dernière en même temps que son top. A 1 pixel de haut, je décale le left et diminue le width.
Un effet ShutDown de nos bonnes vieilles grosses TV.

Un petit aperçu ?
C’est par ici !

Lire la suite »

Google Chrome, le navigateur open source


Google présente son navigateur open source Google Chrome au travers d’une BD à la fois drôle et jolie.
A souligner le côté open source de ce navigateur bien pensé et la volonté de la part de la firme de ne pas nuire à Firefox. En effet, bien que Google remercie la fondation Mozilla et Webkit pour ce qu’ils leur ont apporté. Le géant du web ne compte pas détrôner, ni même faire de l’ombre au panda roux. Cela reste à vérifier. Google présente son nouveau bébé en tant que contribution pour un web meilleur.
Pour nos chers développeurs Javascript, on nous explique un meilleur support du langage JS et notamment une espèce de moteur Javascript nommé V8 que Firefox, Internet Explorer, Opéra ou Safari pourrait intégrer facilement..
Sans rentrer dans les détails, la présentation BD de Chrome nous explique aussi le cheminement de leurs réflexions sur les problématiques de sécurité (sandbox) et de puissance de leur navigateur (chacun son process, une indépendance qui paye).

Après l’avoir testé, je peux vous assurer que c’est vraiment sympa et rapide.
L’installation est relativement rapide, l’import de l’historique, des marques-pages et mot de passe est automatique (on a le choix entre oui ou non).
Le design est épuré, on en oublie le logiciel. L’espace affichable est plus grand, sans barre d’état ni autre fioriture.
J’aime les screenshots en page d’accueil, qui vous rappelle les sites les plus visités agrémentés de vos favoris les plus récents et d’une petite barre de recherche.. J’aime sortir, pour le fun, un onglet de la fenêtre, ça recrée une nouvelle page et illustre bien l’indépendance des onglets. J’aime la rapidité et la fluidité du nouveau navigateur. J’aime qu’il soit open source. J’aime aussi qu’il soit compatible avec les sites web existants, pas comme un certain géant qui met à jour sa suite de logiciel et qui pose des casses têtes de compatibilité comme le docx non lu par les anciennes versions. Bref, je l’aime mais je l’adopte pas. Et non, les extensions Gmail Notifier et Web Developer me manquent cruellement (cf. article sur les extensions Firefox) malgré un débugger Javascript incorporé et un inspecteur d’éléments HTML.
Dans l’attente, je resterai fidèle au Panda Roux !

Lire la suite »