Flash, html5, ...

Bonjour mes amis,

Je viens chercher un peu d'infos (ami Sitolip ?) ... je n'arrive pas trop à suivre ...

Voyons, on avait le flash depuis pas mal d'années : animation i tutti quanti
un peu lourd, un peu propriétaire, pas toujours hyper stable,
tricoté avec du javascript, on avait souvent un message du genre
"... propose d'arrêter le processus qui risque de ..."
dans les emails, dans le navigateur (oui, IE ... je sais ..)
On savait que le référencement des sites en flash posait problème.
Mais on constatait que cela permettait bien des acrobaties.

Et même Cari a fini par passer au flash, de force d'abord (V2)
et en option seulement ensuite (WA)

Bon, tout allait à peu près bien.
Sauf qu'Apple s'y refuse sur les Iphone/Ipod-touch et maintenant Ipad
... et parle depuis quelques jours de html5.
C'est quoi ce html 5 ?
Des balises pour machins animés ?

Et des petits malins (signalés par l'ami Sitolip) montrent
que l'on peut faire quasiment la même chose que du flash avec html5 et javascript
voire même l'interpréter ainsi (j'ai bien compris ?)

Et, cerise sur le gâteau, ce matin FireFox, excusez du peu,
annonce lui aussi :
"En effet, les développeurs de Firefox ont fait savoir qu'ils avaient retiré le support du Flash pour la version RC3 de leur Navigateur Maemo.

«Nous avons décidé de désactiver le plugin, car il a des effets très très négatifs sur les performances de notre navigateur. Pour l'instant il n'est pas au niveau de nos normes. Les utilisateurs qui veulent l'activer le pourront mais sur une base expérimentale. ils devront le faire manuellement en configurant correctement leur navigateur ""

Bon, pour l'instant tout cela n'est vraiment pas clair,
tant en technique qu'en startégies marketong.

Et au fait, verra-t-on un jour un Web Acappella html5, du coup ?

Etc, etc ...

Cordialement

Ouillouilliouille !!!!

Il me faut plus de temps que ça pour mettre ma petite tête à jour.

Pas eu le temps de comprendre ce qu'est le html cs3 qu'on parle déjà de html5.

Bon si ça continu, je vais me remettre à la version 1. et peut-être même me les tricoter toute seule.

Grrrrr....

... je me sens moins seul !

C'est vrai que plusieurs de mes sites codés à la main en html d'il y a dix ans le sont toujours ... pas très facile à maintenir, mais au moins on y voit clair dans le code !
Les seuls "trucs qui bougent" sont des gif animés et des balises "marquee"

Pour compenser le manque de "trucs modernes", je soigne le look depuis toujours. Et le contenu bien sûr.

Et pour les "trucs modernes" je prends des outils presse-bouton, et je ne comprends rien de ce qui se passe derrière !
Ou alors (dénonciation) je demande à mon ami Sitolip de me fabriquer les deux bouts de codes pour l'effet voulu et j'utilise tel quel !

Dans cette histoire de html5, je cherche juste à savoir qu'est-ce que l'on peut faire, qu'est-ce qu je vais pouvoir faire, et surtout, qu'est-ce que je vais pouvoir faire simplement (!) et avec quel(s) outil(s).

Il y a quelque part un document "html5 pour les nuls" ?
(10 pages maxi) comme le document sur twitter que je vous signalais hier.

une petite video de présentation

j'ai pas encore regardé le w3c a validé depuis peu le 5.0
mais c'est des balises en plus, toujours sous la même forme de balisage. mais j'avoue que je n'ai pas plus regardé que ca pour l'instant. De plus les navigateurs (ancien ne prenne pas en compte le Html 5, donc on a encore une petite année avant la démocratisation sur l'ensemble du net)

liste des balises (non exhaustive)
* La balise section : délimite la structure d’un document et peut s’utiliser avec les balises h1 à h6.
* La balise article : délimite un élément indépendant du document (article etc …)
* La balise aside : délimite un contenu contextuel au document.
* La balise header : délimite l’en-tête d’un document. (enfin !)
* La balise footer : délimite le pied d’un document. (enfin !)
* La balise nav : délimite les éléments de navigation du document.
* La balise dialog : délimite un dialogue avec les balises dt et dd.
* La balise figure : délimite un contenu média avec sa légende et son titre par exemple.
* Les balises audio et video : permettent d’ouvrir un format de média avec les programmes par défaut de l’utilisateur.(on va voir de la musique sur tout les sites..super)
* La balise embed : sert à insérer un contenu provenant d’un plugin.(enfin normalisée !)
* La balise m : délimite un texte marqué.(encore flou au yeux du W3C)
* La balise meter : indique une mesure (métrique, informatique, etc.).
* La balise time : indique une date ou une indication de temps.
* La balise canvas : affiche un graphique dynamique (existe déjà sous Firefox).
* La balise command : indique une commande que l’utilisateur peut appeller.
* La balise datagrid : représente une arborescence ou des données tabulaires(enfin!)
* La balise details : affiche une information ou des contrôles que l’utilisateur peut actionner à la demande (comme en javascript avec le plus et le moins).
* Les balises datatemplate, rule et nest : permettent une utilisation de gabarits(templates).
* La balise event-source : capte les évenements de l’utilisateur.
* La balise output : affiche une valeur de sortie (total, somme, résultat, etc …)
* La balise progress : affiche une barre de progression (dont les attributs sont encore un peu flou).

Je rentre à l'instant, et suis heureux de voir que le sujet remplit nos colonnes.
Pas le temps d'écouter maintenant Denis Glanzman, ce sera pour plus tard.
Yann a très bien décrit les nouvelles balises, il ne me reste plus qu'à essayer de dire simplement pourquoi le HTML 5.

Pourquoi le HTML 5 ? Because le Web sémantique, dixit les experts, mais dans notre langage à nous les Nuls, ça donne ceci.
On a découvert depuis pas mal de temps que le HTML tel qu'il était tricoté jusqu'à présent permettait de faire pas mal de choses, mais pas d'une manière naturelle. Je pense que vous n'allez pas être très nombreux à me contredire sur ce point.

HTML 5, c'est donc d'abord un changement d'esprit à l'égard de la façon de bâtir une page Web, et c'est -en conséquence- la refonte en profondeur du jeu de balises (même si on a gardé un certain nombre de celles que nous connaissons aujourd'hui).
On veut se donner la possibilité de définir en langage quasi-naturel des choses qui existent sur la plupart des pages Web, telles qu'un en-tête de page, un menu principal, un bas de page..., mais que chacun de nous définit à sa manière aujourd'hui.
Des choses qu'aujourd'hui on écrit (j'omets les < et les > pour ne pas interférer avec le HTML du forum) div id="en-tete", div id="contenu", div id="menu-principal", div id="footer", chacun de nous ayant sa façon propre de nommer les choses.
HTML 5 propose pour cela un jeu de balises standard, nommées d'une façon naturelle (surtout pour les Grands-Bretons, of course) :
header, section, nav, footer, etc. Notez bien que la chose importante, c'est que tout le monde écrira header au lieu de div id="nimportequoi"... Ainsi, une page web sera plus facilement lisible pour un humain, et pour les navigateurs et moteurs de recherche tout pareil.

Voilà, vous savez le principal, tout le reste n'est que complications, et elles ne vont pas manquer !!!
- On va devoir garder des balises pas vraiment très sémantiques, "pour que ça marche" ;
- on va vouloir intégrer plus facilement les animations ;
- on se demande comment faire évoluer CSS en parallèle, et il y a tout ce qui est animation, dont on va se demander comment le faire, Flash, Javascript, Java, Javapasdutout...
Les tenants des solutions open (devinez où je me place) vont vouloir faire évoluer les choses dans un sens.
Les ceusses qui veulent continuer à blinder leurs solutions "propriétaires", c'est à dire privées et protégées par copyright, droits d'auteur, DRM, et mur de Berlin si nécessaire... vont vouloir les faire évoluer dans le sens de leurs intérêts personnels.
Ne cherchez pas plus loin la raison de l'algarade Apple contre Adobe et Google... Apple nous a fait un vrai caca nerveux, à moins que ça ne soit placé au plan psychologique, sorte de défi lancé à l'adversaire davantage pour impressionner la foule que l'adversaire lui-même...

Dans l'immédiat, Yann l'a fort bien dit : pas de panique, restons zen.
Si Safari et Chrome interprètent correctement une partie du HTML 5, ce n'est le cas ni d'IE, ni de FF pour le moment.
Bien sûr, on voit quelques geeks fabriquer des pages HTML 5, qui ma foi fonctionnent fort bien avec mon Safari et mon SRWare Iron (Chrome libéré), mais c'est surtout pour l'exploit (regardez comme je suis fort !).
Pas de panique, le milliard et quelques de pages Web existantes ne vont quand même pas migrer au HTML 5 du jour au lendemain, les navigateurs vont devoir encore longtemps comprendre les vieilles balises !

Cariboost, comme tous les logiciels générant du code HTML, devra s'y mettre, et très probablement vous offrira diverses options.
Joomla (hein Emilio et Odweb) n'a même pas encore pondu sa version 1.6 qu'il est déjà bousculé et questionné sur le futur support de HTML 5.
Tout ça nous promet bien des discussions, bien des efforts, bien des dépits... et bien de la satisfaction au bout du compte, mais dans combien de temps ?

Et en conclusion, c'étaient de bonnes questions

Merci Yann et Sitolip.
C'était exactement ce que je souhaitais savoir.

@ Yann et Sitolip merci pour vos supers infos

@ James

james a écrit:

Forcément à chacune sa formule.

Bonjour les amis

Merci pour vos infos concernant html5. Comme James je me posai la question du devenir de nos sites anciens pour ma part Cari V1.

En compléments des infos de Yann et Sitolip j’ai consulté l’excellent site « Alsacréation » qui a publié un article assez complet sur le html5 que vous pouvez consulter ICI

Dans cet article il y a un passage qui m’a rassuré concernant nos anciens sites.

Comme son nom l'indique, HTML 5 est le successeur de HTML 4.01. Le travail sur HTML 5 a commencé fin 2003 grâce à un groupe de travail indépendant, mais ce n'est qu'en 2007 que le W3C officialise HTML5 en intégrant en son sein ce groupe de travail. À partir de là s'est fait un gros travail afin de permettre à HTML 5 d'être rétrocompatible avec ses ancêtres, ce qui a quelque peu ralenti son développement.

J’espère que cet article en aidera certains et en rassurera d’autres.

Cordialement.
Microbull.

Puisque côté Apple Iphone/Ipod-touch/Ipad il n'est pas question de flash on commence à voir quelques possibilités en html5, mais que pour les vidéos (c à d pas pour les sites web ...)

** il y a une version beta d'un lecteur vidéo HTML5 YouTube
https://www.youtube.com/html5

** avec dailymotion il parait que cela marche

** avec Vimeo, "il suffit juste de switcher en bas a droite du player, et on peut passer en HTML5 pour la majorité des vidéos ajoutées.
"

Bien sûr il faut un navigateur adequat :

** celui de l'Iphone (un safari compatible html5)
** un chrome
** un safari au moins 4
** ou un IE avec un ajout d'un module chrome

Signalé aujourd'hui par le JDG :
"HTML5Rocks.com est un nouveau site made in Google pour présenter le langage HTML5. Les balises, le JavaScript ou encore les propriétés CSS sont passés en revue et il y a même un éditeur en ligne permettant de tester l’ensemble de ces nouvelles fonctionnalités. Une bonne idée de la part du géant américain et surtout ce site fonctionne sur n’importe quel navigateur…"

http://www.html5rocks.com/

Merci James
Bon va falloir du temps pour voir ça de près, et en anglais en plus, bon heureusement y'a le traducteur même si c'est pas toujours parfait ça aide bien.
Les vacances arrivent (2 mois) je vais peut-être me pencher là-dessus.

Amicalement
Babyl