www.mutationevent.com

Archive pour la catégorie ‘html/xhtml’

Adobe Dreamweaver CS5 HTML5 Pack

Jeudi 20 mai 2010

Adobe vient d'annoncer une nouvelle extension qui fournit un support de HTML5 et CSS3 dans Adobe Dreamweaver CS5.
Bien que HTML5 et CSS3 n'est pas encore finalisé, l'extension fournit un support pour un ensemble de fonctionnalité actuellement mises en oeuvres.

http://labs.adobe.com/technologies/html5pack/

Technorati Tags: adobe, css3, dreamweaver, html5

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

Kevin Lynch was speaking about the future of the Internet, Flash & HTML5 at Web 2.0 Expo

Vendredi 14 mai 2010

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

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

Outlook 2010 et les e-mails

Mercredi 24 juin 2009

Micosoft vient de confirmer qu'ils vont utiliser Word Rendering Engine (le moteur de rendu word) pour afficher les emails au format HTML dans Outlook 2010.

Cela signifie que, pour les 5 prochaines années, le designs des emails aurez besoin de tables pour la mise en page, les CSS comme "float", "position" et les images de fond (background image). Sans oublier la longue liste de bugs et de bizarreries qui brisent les mises en pages les plus simples.

Technorati Tags: bugs, css, email, html, microsoft, outlook

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

swfobject 2.2

Samedi 13 juin 2009

swfobject-2-2

La nouvelle version apporte quelques nouveautés et aussi fixe les bugs connues.

Voici un aperçu des nouveautés apporté a cette version :

  1. Amélioration de l'émulation du DomContentLoader pour Internet Explorer
  2. Support des bibliothèques dynamiques
  3. L'ajout de la méthode callback pour le contenu flash
  4. Plus de balise embed.
  5. Amélioration de la détection du flash player.
  6. Amélioration de Adobe Express Install
  7. Amélioration de la méthode createCSS

Il est temps de se mettre à jour alors.

Pour plus d'informations reportez-vous au site swfobject

Technorati Tags: bibliothèque, flash, swfobject

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

générateur de texte pour designer

Lundi 26 janvier 2009

Voici un site très intéressant, un générateur de texte avec plein d'options :
nombres de mots ou de caractères tout en précisant la largeur en pixels, le nombre de points, etc.

dummytextgenerator

Technorati Tags: generateur, text

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

changer la page modèle de votre projet flex

Vendredi 12 décembre 2008

générer votre propre page modèle pour vos projet web Flex pour intégrer vos propre données ou fichiers js.

La page web générer (index.template.html) par Flex utilise le fichier AC_OETags.js pour intégrer le contenu flash (Fichier .swf) dans la page html et history.css, historyFrame.html et history.js pour la gestion de l'historique.

Supposons maintenant que vous voulez utilise SWFObject pour insérer votre fichier .swf, pour moi je préfer SWFObject parce que c'est plus clair et plus facile a modifier surtout lorsqu'on veut faire passé des variables au fichier .swf grâce a l'objet flashvars ou modifier/ajouter certains attributs du fichier .swf. Bref, nous avons besoin du fichier SWFObject que vous pouvez trouvé ici http://code.google.com/p/swfobject/
Notez aussi que Flex utilise quelques variables dynamique dans le fichier template :

  • ${title} pour le titre du document (à placer dans la balise title).
  • ${swf} qui contient le non du fichier .swf générer (la variable ${swf} ne contient pas l'extension fichier, il faut le mettre manuellement).
  • ${version_major}, ${version_minor} et ${version_revision} qui contiennent la version du player requis pour visualiser le fichier .swf (vous pouvez tous les utilisé avec SWFObject, mais ${version_major} suffit).
  • ${width} et ${height} pour la largeur et la hauteur du fichier .swf.
  • ${application} le nom de l'application (nom du projet Flex).
  • ${bgcolor} couleur de l'arrière plan du projet Flex.

code:

  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!-- saved from url=(0014)about:internet -->
  4. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  5. <!--
  6. Smart developers always View Source.
  7.  
  8. This application was built using Adobe Flex, an open source framework
  9. for building rich Internet applications that get delivered via the
  10. Flash Player or to desktops via Adobe AIR.
  11.  
  12. Learn more about Flex at http://flex.org
  13. // -->
  14. <head>
  15. <title>${title}</title>
  16. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  17. <script type="text/javascript" src="swfobject.js"></script>
  18. <script type="text/javascript">
  19. var flashvars = {};
  20. var params = {};
  21. params.bgcolor = "${bgcolor}";
  22. var attributes = {};
  23. attributes.id = "${application}";
  24. swfobject.embedSWF("${swf}.swf", "myAlternativeContent", "${width}", "${height}", "${version_major}.${version_minor}.${version_revision}", "expressInstall.swf", flashvars, params, attributes);
  25. </script>
  26. </head>
  27. <body>
  28. <div id="myAlternativeContent">
  29. <a href="http://www.adobe.com/go/getflashplayer">
  30. <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
  31. </a>
  32. </div>
  33.  
  34. </body>
  35. </html>
  36.  

Download flex template (12)

Technorati Tags: flex, swfobject, template

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

Opera Web Standards Curriculum

Vendredi 12 septembre 2008

Apprenez à construire un meilleur Web avec Opera

apprendre les standard web devient facile avec Opera Web Standards Curriculum.
Apprenez a utilisé l'HTML, CSS, le principe du design et le Javascript de base.
pour l'instant seul 23 cours sont disponibles mais 30 autres seront publiés au plus tard fin Septembre.

opera-web-standard

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

Combien de balise HTML pouvez vous citer en 5minutes ?

Jeudi 3 janvier 2008

Voici un truc pour le fun et aussi pour tester vos connaissance en HTML

Combien de balise HTML pouvez vous citer en 5minutes ?

Mon scrore et de 51 balises trop faible a mon gout, j'en ai oublier pas mal et pour je les utlise trés souvant. (shame on you)

51

j'en ai cité cela :

A, ABBR, APPLET, B, BASE, BODY, BUTTON, DD, DIV, DL, EM, FORM, H1, H2, H3, H4, H5, H6, HEAD, HTML, I, IFRAME, IMG, INPUT, LI, LINK, META, NOSCRIPT, OL, OPTGROUP, OPTION, P, PARAM, PRE, S, SCRIPT, SELECT, SPAN, STRONG, STYLE, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, TITLE, TR, TT, U, UL,

et j'ai oublier ça :
ACRONYM, ADDRESS, AREA, BASEFONT, BDO, BIG, BLOCKQUOTE, BR, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, DEL, DFN, DIR, DT, FIELDSET, FONT, FRAME, FRAMESET, HR, INS, ISINDEX, KBD, LABEL, LEGEND, MAP, MENU, NOFRAMES, OBJECT, Q, SAMP, SMALL, STRIKE, SUB, SUP, THEAD, VAR,

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

JSEclipse sur Adobe Labs

Samedi 16 décembre 2006

JSEclipse fait son apparition dans Adobe labs.

JSEclipse vs aptana

JSEclipse est un plugin pour l'environement eclipse afin d'aider les developpeur à coder en javascript plus rapidement.

les bibliothèques javascript comme Dojo,Prototype,YUI,... sont présentes.

n'oublions pas qu'il existe un IDE (Aptana)du même genre et existe sous forme de plugin pour eclipse aussi .

JSEclipse n'est autre que l'ancien plugin de interAKTonline.

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

  • Archives

  • Catégories