background preloader

HTML 5 + CSS 3 = une révolution pour les interfaces web

HTML 5 + CSS 3 = une révolution pour les interfaces web
Voilà 20 ans que le web existe et presque 10 ans que le HTML n’a pas évolué et propose toujours la même structure et les mêmes balises. 10 ans c’est beaucoup, c’est la moitié de la “vie” du web. 10 ans c’est beaucoup, surtout lorsque l’on constate les révolutions qui ont eu lieu dans les usages du web ces 5 dernières années (partage de vidéos, réseaux sociaux, infos en temps réel…). Pas étonnant que des technologies propriétaires (Flash) se soient imposées (notamment sur la vidéo et les RIA) et que d’autres s’installent tranquillement pour combler un manque (notamment Google Gears pour l’accès hors ligne). Bref, il était temps que le marché se réveille et c’est (presque) chose faite avec l’arrivée à maturation de HTML 5 et CSS 3. Pour faire simple, disons que nous avons franchi le point de bascule et que la route qui mène à une adoption de ces nouveaux standards n’est plus si longue. Pourquoi est-ce important de se soucier de ça ? HTML vs. Qu’est-ce qui va changer avec HTML 5 ? Related:  HTML 5

15 Useful Resources to Get Clued Up on HTML5 HTML5 this, HTML5 that! There’s been plenty of HTML5 talk around the blogging world recently. It’s no longer a tiny spec on the horizon, it’s due to arrive soon! Some have already embraced it and are using it on their latest sites. HTML5 and The Future of the Web A good place to start for a dose of HTML5 goodness is this in-depth article from Smashing Magazine. Get Ready for HTML 5 For those wanting to read up on some more complicated HTML 5 features, A List Apart has an article covering everything you’d want to know about regular expressions, SVG graphics and the Canvas element. CSS code structure for HTML 5: some useful guidelines Woork provides some useful guidelines and examples in this post, showing how both HTML and CSS can be written to work together. HTML 5 Tutorial – A Simple Web Page Layout If tutorials are more your thing, get your hands dirty with this walkthrough on SpicyWebDesign, which covers the process of building a simple web page layout with a HTML5 structure. HTML5 Doctor

La convergence des sciences (2/3) : La religion de la technologi La convergence des nanotechnologies, biotechnologies, technologies de l’information et sciences cognitives (plus connues sous l’acronyme NBIC), nouvel horizon scientifique, et technologique, de ce XXIe siècle, fait divergence et divise les observateurs. Pour les uns, elle ouvre la porte à « une ère d’abondance au cours de laquelle la pauvreté sera abolie », pour les autres, elle risque d’« altérer considérablement l’homme, la société, et même l’environnement terrestre ». Dans tous les cas, elle poserait un véritable problème de civilisation (voir La convergence des sciences (1/3) : Un choix de société). « L’alliance de plus en plus étroite des sciences et des techniques, dès lors appelées technologies, vise à donner une image globale des activités de l’homme, du monde, de l’existence. Le récit des nouvelles technologies tend à leur redonner du sens. (…)Il serait par ailleurs intéressant d’étudier plus précisément les différences culturelles vis-à-vis des NBIC. Sur ce sujet, voir aussi :

Why Apple is betting on HTML 5: a web history By Daniel Eran Dilger Despite making the vast majority of its money from hardware sales, Apple is investing heavily in shaping the future of software. One example of this pertains to HTML 5 and related web standards. While the standard isn't yet finished, Apple is already using HTML 5 as an important component in the company's strategies, ranging from the iPod touch and iPhone's mobile browser to Safari on the Mac and PC, from Dashboard widgets to new iTunes LP content, and from MobileMe apps to the latest iTunes Store. Critics have complained that HTML 5 won't be finalized until 2012, and that its completion might be irrelevant anyway because Microsoft is unlikely to ever support the new standard within Internet Explorer. Others wonder if the world really needs any changes to the language underlying the web. in reality however, many features of HTML 5 are already in widespread use. The Origins of HTML Launched by private-public cooperation On page 2 of 3: HTML 2, 3 & 4.

Introduction au HTML 5 Si vous le souhaitez, allez lire le tutoriel complet sur le HTML 5 et le CSS 3 que j’ai écrit. Le HTML 5 est la prochaine version importante du HTML. Bien qu’étant en compétition avec le XHTML 2, le HTML 5 fait davantage parler de lui parce qu’étant plus facilement implémentable et plus pragmatique dans l’utilisation des nouvelles balises qu’il introduit. Quoi de neuf chez les balises ? J’avais déjà parlé du HTML 5 l’an dernier, en parlant notamment des balises visant à structurer le contenu. <canvas> Une balise dans laquelle on peut dessiner avec du JS. Tous les exemples proviennent de la Google Keynote. Qui s’y intéresse ? Google Google, le plus grand acteur chez les applications web, mise gros sur le HTML 5. We knew then that the web had won. La sortie de Google Chrome est un signe important. Il y a aussi la sortie récente des Google Web Elements qui introduit l’idée de widgets exportables où l’on veut. La version Chrome d’Android supportera aussi le HTML 5. Mozilla Palm Apple Conclusion

HTML5 se dévoile - Alsacréations Le brouillon officiel (working draft) de HTML5 a été publié officiellement le 23 avril 2009 et depuis de nombreuses avancées ont été accomplies, les navigateurs supportant toujours plus de fonctionnalités et de nouveautés. La nouvelle génération du langage de balisage HTML remplacera à long terme HTML 4, XHTML 1.x et XHTML 2 qui a été abandonné. Profitons de cette occasion pour faire un tour d'horizon de cette nouvelle version de HTML. Consultez également toutes nos autres ressources HTML5 Qu'est-ce que c'est HTML5 ? Comme son nom l'indique, HTML 5 est le successeur de HTML 4. Le W3C c'est quoi déjà ? Le World Wide Web Consortium, abrégé W3C, est un organisme de standardisation à but non-lucratif, fondé en octobre 1994 comme un consortium chargé de promouvoir la compatibilité des technologies du World Wide Web telles que HTML, XHTML, XML, RDF, CSS, PNG, SVG et SOAP. Quelles sont les nouveautés ? <aside> Welcome! Les balises principales Doctype Le doctype est simplifié : Section Article Aside Nav

We need a Wikipedia for data - Bret Taylor&#039;s blog I just started blogging. I am not sure what I want to write about, but I think one theme will be "things I want but want someone else to build." This article describes one of those things. At Google, I worked on a number of projects that required data from third party data sources. We licensed mapping data for 100s of countries for Google Maps, movie showtimes data for Google Movies, and stock data for Google Finance, among many others. After leaving Google and the company of the Google BizDev team, I have come to realize how hard it is for a everyday programmer to get access to even the most basic factual data. Even when data is available under a reasonable license, it often suffers from extremely serious quality or discoverability problems. I think all of these barriers to data are holding back innovation at a scale that few people realize. Imagine what amazing applications would be created if every programmer in the world had free access to all of these data sets:

Adobe Flash : c&#039;est terminé ! Lors de la présentation de l'iPad faite par Steve Jobs le 27 janvier dernier, une image a sauté aux yeux du monde entier. Quand il a pris l'iPad dans ses mains et s'est assis dans le fauteuil en cuir pour faire la démo, la première chose qu'il a faite a été d'aller sur le site du New York Times avec Safari. Et là, tout le monde a vu, au milieu de la page du NYT, le rectangle blanc avec un petit LEGO bleu au milieu. Ce petit LEGO signifiait clairement une chose : l'iPad n'accepte pas les animations Flash ! Et tout le monde de réagir (moi le premier) : "Pas de module "flash" dans safari pour iPad ? Alors, pourquoi Steve Jobs a-t-il décidé de bloquer Flash sur l'iPad ? Flash, au départ, s'appelait "FutureSplash". La technologie Flash, vieille de plus de 14 ans, est devenu omniprésente sur le web, pour tout ce qui est animation interactives, et vidéo avec les fichiers .flv ("Flash video files"). Le quatrième écran était même un écran porno ! Pour en savoir plus :1. Crédit photo : Apple

Who Needs Flash? In just months, from seemingly nowhere, Apple’s solo campaign to dethrone Flash as the de facto standard for web video has gathered enough momentum to get over the top. The question is no longer whether HTML5 will or should do the job, but when. Last week signaled the tipping point, when Microsoft confirmed HTML5 video support would be included in the next version of Internet Explorer, which is due later this year. The shift is already happening on the mobile web, and eventually — in perhaps as soon as two years — HTML5 can be expected to serve most new video online. “There’s a ton of momentum behind HTML5, and it’s well-justified momentum,” Mozilla VP of engineering Mike Shaver tells Webmonkey. Flash has been taking a beating lately. They’re in for a tough fight: Adobe’s Flash Player browser plug-in is the reason so much rich media, audio, video and animation are playable on the web. But users complain about Flash’s poor performance on PCs and its power-sucking behavior on portables.

Cisco trials 'internet in space' High performance access to file storage Cisco's dream of selling radiation-proof space routers is now a step closer after a successful in-orbit test on a commercial satellite. Piggybacking aboard Intelsat's IS-14 satellite launched in November, the US Department of Defense's Internet Routing in Space (IRIS) project aims to route IP voice, video, and data traffic between satellites the same way packets are pushed on the ground. The IRIS program is a DoD Joint Capability Technology Demonstration managed by Cisco and Intelsat. Cisco intends to trial the space router's potential applications for commercial use after a three-month JCTD testing period ending in April 2010. Today, most satellite communications networks direct the flow of data from equipment located on terra firma. Cisco claims that the scheme will reduce delays in video and voice transmissions caused by the need for data to make additional hops between heaven and Earth. Cisco's IRIS router

Related: