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

Cloud--les freins ne sont plus technologiques mais psychologiques Selon un livre blanc "Accélérer la réussite du cloud hybride et ajuster les mentalités" publié par IDC pour VMware, ce sont les mentalités au sein des départements informatiques et non le manque de confiance dans la technologie qui pourraient freiner l'adoption du Cloud public. IDC prévoit pourtant que les deux prochaines années marqueront un tournant dans l'adoption du Cloud en Europe. Une entreprise sur trois voit aujourd'hui cette technologie comme une composante essentielle de sa stratégie informatique. Selon le cabinet, ce marché atteindra dans la région EMEA 18,8 milliards de dollars en 2014. Sécurité, performances et disponibilité ne sont plus des freins L'étude souligne toutefois que l'adoption du Cloud comme véritable modèle informatique alternatif ne sera possible que lorsque les barrières technologiques et internes à l'entreprise seront franchies. Un frein psychologique fort

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

Définition et usages de l'intranet 2.0 Voilà un petit moment que l’on parle d’intranet 2.0 ou de social intranet (j’en parlais déjà en 2007 : Les dernières tendances en matière d’intranet 2.0), mais a-t-on déjà pris le temps d’en définir les contours ? Bon en fait il existe déjà de nombreuses définitions et c’est plutôt moi qui suis à la traine sur ce sujet… Je vous propose donc de rattraper ce retard et de faire le point avec vous sur ce meta-concept. « Meta-concept » ? Oui tout à fait, car il n’existe pas réellement de définition précise, uniquement des interprétations de l’évolution de l’outil informatique en entreprise. Vaste sujet qui mérite quelques explications. Car il faut bien préciser que le fait de greffer un système de commentaires sur un intranet traditionnel est loin d’être suffisant. Définitions Comme précisé plus haut, il n’existe pas de définition officielle ni rigoureuse. Les intranets 2.0 fonctionnels qui reposent sur les outils du web 2.0 (RSS, blogs, mashups..) Les 5 composantes d’un intranet 2.0

Related: