www.mutationevent.com

Archive pour août 2009

Nouvelle spécificité de l’HTML5

Samedi 29 août 2009

Bruce Lawson de chez Opera lors d'une conférence à O’Reilly’s OSCON 2009 parle a propos de html5, ces nouveautés et quelques spécificité technique

  • Nouvelle balise (header, nav, footer, section, ...)
  • Support native des vidéos
  • Support de nouveaux éléments formulaire (date, slider, number, ...)
  • Support de la validation des données du formulaire (obligatoire, email, ...)

Toute ces nouveautés sont disponibles ou presque sur toute les dernières version de Safari, Opera, Firefox, Chrome, et Camino, pour IE il faut attendre encore un moments

Bruce Lawson from Opera: The HTML 5 Experiments from Sigurd Magnusson, SilverStripe on Vimeo.

Technorati Tags: html5

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

Do more: iphone wallpaper

Dimanche 23 août 2009

iphone_wall_do_more

download iphone_wall_do_more (37)

Technorati Tags: iphone, wallpaper

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

as3 TypeWriter Effect

Lundi 10 août 2009

code source :

  1. import com.mutationevent.TypeWriter;
  2. var tw:TypeWriter = new TypeWriter(theText, 1, 10);
  3. tw.addEventListener(TypeWriter.COMPLETE, onComplete);
  4. function onComplete(event:Event)
  5. {
  6. trace("complete", event);
  7. }

class :

  1. /*
  2. * Copyright 2009 Achraf bouyakhsass [http://www.mutationevent.com]
  3. *
  4. * Licensed under the Apache License, Version 2.0 (the "License");
  5. * you may not use this file except in compliance with the License.
  6. * You may obtain a copy of the License at
  7. *
  8. * http://www.apache.org/licenses/LICENSE-2.0
  9. *
  10. * Unless required by applicable law or agreed to in writing, software
  11. * distributed under the License is distributed on an "AS IS" BASIS,
  12. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13. * See the License for the specific language governing permissions and
  14. * limitations under the License.
  15. */
  16. package com.mutationevent
  17. {
  18. import flash.events.*;
  19. import flash.utils.Timer;
  20. import flash.text.TextField;
  21.  
  22. public class TypeWriter extends EventDispatcher
  23. {
  24. private var timer:Timer;
  25. private var count:Number = 0;
  26. private var str:String;
  27. private var target:TextField;
  28. private var charJump:Number = 1;
  29. private var speed:Number = 50;
  30. public static var COMPLETE:String = "complete";
  31.  
  32. public function TypeWriter(tf:TextField, cj:Number, sp:Number)
  33. {
  34. charJump = cj;
  35. speed = sp;
  36. target = tf;
  37. str = target.text;
  38. target.text = "";
  39.  
  40. timer = new Timer(speed);
  41. timer.addEventListener(TimerEvent.TIMER, write);
  42. timer.start();
  43. }
  44. private function write(event:TimerEvent):void
  45. {
  46. target.text = str.substring(0, count);
  47. count += charJump;
  48. if(count > str.length)
  49. {
  50. timer.removeEventListener(TimerEvent.TIMER, write);
  51. dispatchEvent(new Event(TypeWriter.COMPLETE));
  52. }
  53. }
  54. }
  55. }

Télécharger le fichier ici : as3 TypeWriter (62)

Technorati Tags: as3, typewriter

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

as3 CountDown

Samedi 8 août 2009

Réaliser un compte a rebours facilement avec as3.

Nous aurons besoin un champ de texte pour afficher la date, un timer et la classe CountDown de Kazuma Ieiri.

code as 3

import flash.utils.Timer;
import flash.events.TimerEvent;
import jp.hbkr.baka.CountDown;
 
var timer:Timer = new Timer(1000);
var a:Array;
 
timer.addEventListener(TimerEvent.TIMER, tick);
timer.start();
 
function tick(event:TimerEvent):void
{
a = CountDown.getCountDown(2010, 1, 1, 12, 0, 0);
timerContentTXT.text = a[0]+" Jours "+a[1]+" H " + a[2] + " mn et " + a[3]+"s";
}

Télécharger la source ici CountDown (76)

Technorati Tags: as3, compte a rebours, CountDown, flash, timer

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

Internet Explorer pour OS X

Jeudi 6 août 2009

ie4osx est un très bon outils pour les web designer. il leurs permet d'avoir une version IE sur le mac et ainsi pourvoir faire toute les modifications nécessaire pour résoudre les dizaine de problèmes qu'on rencontre avec IE a cause du non respect des norme de feuille de style (CSS).
Notez que vous devez disposer de X11 pour le faire tourné

ies4osx

Technorati Tags: emulateur, internet explorer, mac

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

Astuce Flex : -keep-generated-actionscript

Jeudi 6 août 2009

Lorsque vous compiler votre application mxml, tout le code mxml écrit et converti en premier en actionscript puis ce code actionscript est compiler a interieur du SWF. vous pouvez voir ce code actionscript généré pour comprendre un peu mieux le fonctionnement du framework Flex

flex-complier-window

Pour mettre en place cet argument, cliquer sur le bouton droit dans votre projet puis sélectionner propriétés en suit aller Flex Compiler et dans le champ Additional compiler arguments taper -keep-generated-actionscript ou -keep (-keep=true est juste aussi)... Maintenant recompiler votre projet et vous allez voir apparaitre un dossier nommé "generated" regroupant tout le code actionscript de votre projet.

Technorati Tags: actionscript, compiler, flex

  • Twitter
  • Facebook
  • Digg
  • Delicious
  • Google Reader
  • LinkedIn
  • Technorati Favorites
  • Netvibes Share
  • NewsVine
  • Share/Bookmark

  • Archives

  • Catégories