background preloader

Osez HTML5 et CSS3 !

Osez HTML5 et CSS3 !
Un site perso en fil rouge Pour étayer cet article, nous allons nous servir d'un fil rouge : mon site personnel Goetter.fr dont l'intégration a été réalisée en plusieurs étapes, et destiné à servir de passerelle entre mes différentes activités. Puisqu'il s'agit d'un site sans grande portée médiatique ni contraintes, j'ai pu en profiter pour tester HTML5 et moult règles CSS2 et CSS3 (border-radius, rgba, inline-block, transitions, rotations, @font-face, text-shadow, opacity, :before/:after et autres joyeusetés...). Voyons en détails le cheminement et les écueils de cette intégration... Les Grands Anciens Rappel historique Avant de nous lancer dans le vif du sujet, rappelons certains points essentiels. Fort heureusement, cela n'empêche pas les navigateurs récents de se lancer dans l'aventure en proposant des implémentations de propriétés considérées comme "sûres". A l'heure actuelle, quasiment tous les navigateurs modernes reconnaissent les propriétés CSS3 ou HTML5 employées dans cet article.

http://www.alsacreations.com/article/lire/947-osez-creer-site-html5-css3.html

Le Kit du parfait Webdesigner #1 - webdesign Votre navigateur ne prend pas en charge Javascript, vous ne pourrez profiter de toutes les fonctionnalités de ce site web. Magazine Webdesign, Inspiration et tutoriels 9222Membres2043Articles9519Commentaires0Devenez fan8431Suivez-nous ! A la uneCatégoriesDossiers+ HTML 5 Une vue d'ensemble de ce qu'apporte HTML 5. C'est autant qu'un successeur à HTML 4, une plateforme pour les applications en ligne ou même locales (notamment avec Metro). Le nouveau format crée un standard pour de nombreuses fonctionnalités auparavant disponibles sous forme de plugins, et permet ainsi de créer des sites plus évolués accessibles à tous les internautes. Video et audio HTML 5 dispose de son propre lecteur video ou audio, personnalisable par CSS. Il dispense de plugins pour les intégrer dans une page, permet aussi d'afficher une image de remplacement, de charger le fichier en tâche de fond et d'aller directement en un point de la vidéo (comme le fait déjà Youtube) ou la bande son.

La menace ACTA : pourquoi les bibliothèques doivent s’en préoccu La révélation de documents liés à la négociation des accords ACTA (Anti Counterfeintig Trade Agreement – Accords de Commerce Anti Contrefaçon) a fait l’effet d’une bombe le mois dernier, tant ce projet de traité international pourrait s’avérer menaçant pour la sauvegarde des libertés numériques. Négocié dans le plus grand secret depuis le printemps 2008 par l’Union européenne, les Etats-Unis, le Japon, le Canada, la Corée du Sud, l’Australie et un certain nombre d’autres pays, cet accord entendait à l’origine promouvoir de nouveaux moyens de lutte contre la contrefaçon, tant sous forme physique que numérique. Au fil des discussions, le chapitre d’ACTA consacré à internet s’est étoffé d’une batterie de dispositions, qui bouleverseraient en profondeur l’équilibre de la propriété intellectuelle dans le sens d’une aggravation du dispositif répressif destiné à protéger les droits d’auteur. Je ne vais pas entreprendre une nouvelle analyse ou critique des dispositions de cet accord. Like this:

Extensions et Bookmarklets #1: Présentation - ressources Premier article d'une série sur les extensions et bookmarklets. Aujourd'hui, présentation et quelques exemples. Tout le monde connaît les extensions que l'on peut installer sur son navigateur. Popularisées grâce aux premières versions de firefox, elles permettent d'ajouter des fonctionnalités à son navigateur, ou bien (au départ grâce à greasemonkey pour firefox, nativement pour chrome et firefox maintenant) permettre de modifier directement la vision que l'on a de certains sites. Mais avez-vous déjà croisé un bookmarklet? Ce sont de petits codes que l'on place dans la barre de favoris du navigateur (généralement par copier coller), et qui, au lieu d'ouvrir une autre fenêtre, modifie la page actuel.

HTML5 Un article de Wikipédia, l'encyclopédie libre. HTML5 (HyperText Markup Language 5) est la dernière révision majeure d'HTML (format de données conçu pour représenter les pages web). Cette version est en développement en 2013. HTML5 spécifie deux syntaxes d'un modèle abstrait défini en termes de DOM : HTML5 et XHTML5.

Megaupload est mort, la World War Web commence 01net. le 20/01/12 à 17h30 Tué en pleine gloire, Megaupload, auquel certains chiffres attribuaient 4 % du trafic mondial, a été fermé par la justice américaine en même temps qu’une grosse douzaine d’autres sites du même genre. Alors que les projets de loi Sopa et Pipa semblent être en train de perdre le soutien de bon nombre de législateurs américains, la fermeture de ces services est autant un acte de justice qu’un symbole lourd. Les Etats-Unis prouvent ainsi qu’ils ont, sans Sopa ni Pipa, les armes pour altérer Internet de manière significative. Ils prouvent également leur volonté de faire respecter les droits du copyright.

HTML5 : structure globale du document Pour débuter sereinement avec une nouvelle intégration HTML5 et comprendre ses implications, nous allons commencer par le début : la structure globale d'un document. La conception d'une page web en suivant la philosophie du standard HTML5 spécifié par le W3C (ou du standard vivant tel que désigné par le WhatWG) répond à quelques réflexes de base. La structure d'un document (l'imbrication des balises à la racine) est simplfiiée pour répondre aux attentes pragmatiques des intégrateurs et webdesigners. Un document HTML5 minimal Sans surprise, les bases d'un code HTML5 ressemblent beaucoup à celles rédigées à l'aide des précédentes versions HTML 4 et XHTML 1.x. Rétro-compatibilité oblige.

Introduction à l’HTML5 Cet article est destiné aux débutants en HTML5, et à tous ceux qui souhaitent en savoir un peu plus sur cette nouvelle technologie qui agite le web et le monde mobile. Si vous vous intéressez aux technologies du web, vous avez probablement déjà entendu parler de l’HTML5 aux cours des dernières années. Cette introduction va vous donner un premier aperçu de ce qui se cache derrière le terme HTML5, vous présentera le contexte dans lequel évolue cette technologie, et nous verrons un bon nombre de nouvelles fonctionnalités qu’il apporte. Sommaire : L’HTML5 c’est quoi ?

Related: