Bonnes Pratiques Web & Cloud
58.8K views | +5 today
Follow
Bonnes Pratiques Web & Cloud
Administration cloud et développement web
Curated by Mickael Ruau
Your new post is loading...
Your new post is loading...

Popular Tags

Current selected tag: 'w3c'. Clear
Scooped by Mickael Ruau
Scoop.it!

Apple, Mozilla, Google et Microsoft s'associent pour standardiser les extensions web au sein du WebExtensions Community Group (WECG)

Apple, Mozilla, Google et Microsoft s'associent pour standardiser les extensions web au sein du WebExtensions Community Group (WECG) | Bonnes Pratiques Web & Cloud | Scoop.it


En s'ouvrant à WebExtensions, Safari était donc capable d'utiliser les extensions développées pour Chrome et Firefox ! Apple a fourni un outil de conversion, mais malheureusement cette nouveauté de Safari 14 pour Mac, inaugurée avec Big Sur, n'a pas eu le succès escompté. Cette fois-ci, l'entreprise a opté pour une autre approche en choisissant l'alliance avec d'autres entreprises technologiques.


Création du groupe communautaire WebExtensions

Le nouveau groupe communautaire WebExtensions tentera de forger une architecture commune pour les futures extensions Web et invite les développeurs à se joindre à cette initiative. Safari a adopté une nouvelle API d'extension Web avec macOS Big Sur qui permet aux extensions conçues pour d'autres navigateurs de fonctionner avec. Cela a ouvert la porte à de nouvelles extensions, mais une méthode standardisée de développement des extensions n'avait pas été définie.

Le nouveau groupe, abrégé WECG, se compose de membres de chacun des principaux développeurs de navigateurs. À la tête de ce nouveau groupe, nous retrouvons Timothy Hatcher d'Apple et Simeon Vincent de Google. Les participants actuels comprennent des employés d'Apple, Mozilla et Microsoft.

Le World Wide Web Consortium, l'organisme chargé de promouvoir la compatibilité des technologies du World Wide Web, a commenté cette action en ces termes :

« Nous sommes ravis d'annoncer le lancement du groupe communautaire WebExtensions (WECG). Avec plusieurs navigateurs adoptant un modèle largement compatible pour les extensions au cours des dernières années, le WECG est ravi d'explorer comment les fournisseurs de navigateurs et d'autres parties intéressées peuvent travailler ensemble pour faire progresser une plateforme d'extension de navigateur commune. Apple, Google, Microsoft et Mozilla lancent ce groupe communautaire, et nous invitons d'autres éditeurs de navigateurs, développeurs d'extensions et parties intéressées à se joindre à cette initiative*! »


Le groupe communautaire WebExtensions a deux objectifs*:

  • Faciliter la création d'extensions pour les développeurs en spécifiant un modèle cohérent et un noyau commun de fonctionnalités, d'API et d'autorisations.
  • Décrire une architecture qui améliore les performances et est encore plus sécurisée et résistante aux abus.



« Notre travail sera guidé par un ensemble commun de principes de conception HTML et W3C TAG*: centrée sur l'utilisateur, compatibilité, performances, sécurité, confidentialité, portabilité, maintenabilité et comportement bien défini.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Internet Technologies - Quick Reference Guide - Tutorialspoint

Internet Technologies - Quick Reference Guide - Tutorialspoint | Bonnes Pratiques Web & Cloud | Scoop.it
Internet Technologies - Quick Reference Guide - Internet is a world-wide global system of interconnected computer networks.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Univeral Resource Identifiers -- Axioms of Web architecture

Univeral Resource Identifiers -- Axioms of Web architecture | Bonnes Pratiques Web & Cloud | Scoop.it

Tim Berners-Lee

Date: January 1998

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Abstractions in Web architecture - Design Issues

Abstractions in Web architecture - Design Issues | Bonnes Pratiques Web & Cloud | Scoop.it

Tim Berners-Lee
Date: 2007-10-23, last change: $Date: 2010/06/15 13:54:51 $
Status: personal view only. Editing status: draft. Written in response to another round of circular discussions of web architecture.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Generate an Accessibility Statement | Web Accessibility Initiative (WAI) | W3C

The Website of the World Wide Web Consortium’s Web Accessibility Initiative.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

CSS :root, le retour aux racines

Dans cet article, je vais essayer de montrer que la cascade peut être votre amie et nous allons voir quelques façons de réduire le besoin d’écraser des styles et donc de réduire les problèmes de spécificité.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Le W3C publie des recommandations sur la normalisation des annotations Web, quelles répercussions sur le Web actuel ?

Le W3C publie des recommandations sur la normalisation des annotations Web, quelles répercussions sur le Web actuel ? | Bonnes Pratiques Web & Cloud | Scoop.it

Dans sa mission de permettre « un seul Web partout et pour tous », le W3C, l’organisme chargé de la normalisation des technologies du World Wide Web, a récemment annoncé la publication de trois nouvelles normes relatives aux annotations Web. Il s’agit de recommandations visant à permettre aux internautes du monde entier d’annoter n’importe quelle ressource sur le Web, c’est-à-dire la commenter ou la décrire, entre autres actions. 

Mickael Ruau's insight:

Les commentaires sur le web, bientôt interopérables ?

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Syntaxe d’un flux RSS en XML

Syntaxe d’un flux RSS en XML | Bonnes Pratiques Web & Cloud | Scoop.it

Dans ce tutoriel, nous allons vous décrire comment se construit un Flux RSS et comment l’agrémenter en datant les articles, en y insérant des images relatives aux articles, insérer de la pub AdSense pour multiplier vos revenus, valider vos flux aux normes W3C.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

W3C cheatsheet - Accessibility: WCAG2 at a Glance

Perceivable

Operable

Understandable

Robust

See WCAG Overview.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Check your avec le W3C

Check your  avec le W3C | Bonnes Pratiques Web & Cloud | Scoop.it
Suite à l’arrivée W3C mobileOK Checker sur mon écran radar (merci @flashxman), je me suis dit qu’il pourrait être utile de faire une liste des outils proposés par le W3C pour vérifier la conformité de nos sites web par rapport aux standards, aux bonnes pratiques ou aux performances web. D’une manière générale, ces outils œuvrent pour l’amélioration de la qualité web.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Documentation d'Unicorn, le service de validation unifié du W3C

Unicorn est le validateur unifié du W3C, qui aide les webmasters à améliorer la qualité de leurs pages Web en effectuant une série de contrôles . Unicorn rassemble les résultats des validateurs HTML et CSS, ainsi que d'autres services...
Mickael Ruau's insight:

Vous pouvez également télécharger et installer votre propre serveur Unicorn (par exemple, derrière un parefeu d'entreprise).

télécharger et installer Unicorncréer un ensemble personnalisé de services pour votre entreprise (une "tasklist")
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Global Authoring Practices for the Mobile Web

Global Authoring Practices for the Mobile Web | Bonnes Pratiques Web & Cloud | Scoop.it
better mobile development guidelines than W3C MWI Best Practices
Mickael Ruau's insight:

This document gives general guidelines for web developers and content authors who are searching for directions to help create sites for the mobile web.

While this document clearly appreciates that mobile web development poses extra challenges to authors (as compared to the traditional WWW) and encourages developers to explore techniques to deliver content in context-sensitive manners (adaptation), the objective of the document is to explain how to get the best user-experience out of a (potentially static) XHTML-MP 1.0 page.
This one-size-fits-all approach is sometimes referred to as Least Common Denominator (LCD). While content adaptation is more likely to provide a better user-experience than LCD, it is recognized that some developers/authors may not be using adaptation for a variety of reasons.
This document is a guide about how to get the most out of single non-dinamically generated XHTML MP pages and, at the same time, it educates developers about common pitfalls in the design of mobile services.

 
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

There is no Mobile Web | The Haystack.

There is no Mobile Web | The Haystack. | Bonnes Pratiques Web & Cloud | Scoop.it
Mickael Ruau's insight:

Because the Web is about universally accessible structured content. Which data you get and use and in what form will depend on your device and your circumstances. Your context, if you are so inclined. And that will constantly be changing.

So maybe it’s a semantic distinction and I’m simply exaggerating like the American I am. But as long as there are developers selling and building completely separate mobile websites or iPhone websites or iPad websites where well-designed universal websites would suffice, it’s not only a semantic distinction.

One web.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Fondé par Tim Berners-Lee, Inrupt veut redonner aux internautes un plein contrôle sur leurs données

Fondé par Tim Berners-Lee, Inrupt veut redonner aux internautes un plein contrôle sur leurs données | Bonnes Pratiques Web & Cloud | Scoop.it

La start-up Inrupt a été créée par le fondateur du web Tim Berners-Lee avec pour objectif de redonner aux internautes un plein contrôle sur leurs données. Elle vient d'annoncer le lancement de la version entreprise de son produit "Solid", une plateforme qui permet aux développeurs de créer des applications à partir des seules données pour lesquelles ils ont reçu une autorisation explicite de réutilisation.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

WWW Overview - Tutorialspoint

WWW Overview - Tutorialspoint | Bonnes Pratiques Web & Cloud | Scoop.it
WWW Overview - WWW stands for World Wide Web. A technical definition of the World Wide Web is : all the resources and users on the Internet that are using the Hypertext Transf
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

-- Axioms of Web architecture

Again and again we fall back on the folklore of the principles of good design. Sometimes I need a URI for them so this is started as collection of them. I have written about some in many places. Principles such as simplicity and modularity are the stuff of software engineering; decentralization and tolerance are the life and breath of Internet. Brian Carpenter has enumerated some principles of design of the Net [carpenter]. The third pair of ideas I have found commonly useful for the Web. I mentioned them in a keynote at WWW7 and the note on Evolvability.

This is largely "motherhood and apple pie" but it still needs a home.

Mickael Ruau's insight:

References

B. Carpenter, Editor: "Architectural Principles of the Internet" Internet Architecture Board, June 1996, RFC1958

Follow up

In her talk The Science of Insecurity, Meredith Patterson makes the point that the principle of least power is important for security of interfaces which may be exposed to attack.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Design Issues for the World Wide Web

Design Issues for the World Wide Web | Bonnes Pratiques Web & Cloud | Scoop.it

Architectural and philosophical points

These statements of architectural principle explain the thinking behind the specifications. These are personal notes by Tim Berners-Lee: they are not endorsed by W3C on anyone else. They are aimed at the technical community, to explain reasons, provide a framework to provide consistency for future developments, and avoid repetition of discussions once resolved.

 

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Valider son site aux standards du Web

Valider son site aux standards du Web | Bonnes Pratiques Web & Cloud | Scoop.it
Comment valider son site Web pour qu'il soit conforme avec les standards du Web du W3C.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Bootstrap est une régression pour un développement Front-end de qualité

Mon problème ne vient pas tant de sa finalité qui est louable, mais belle et bien de la mise en œuvre technique.
Mickael Ruau's insight:

Les deux approches possibles pour de l'intégration Front-end

L'approche Sémantique/Visuelle (ou celle du W3C)

Cette approche considère que dans un fichier HTML, les balises doivent avoir du sens et être complétées (que ce soit par leurs genres, leurs noms, leurs ids ou leurs classes) de manière sémantique de façon à donner du sens au document.

 

L'approche « Tout en un » (ou celle de Bootstrap & cie)

Cette approche considère que dans un fichier HTML, les balises doivent représenter un visuel et être complétées de manière à laisser transparaître rapidement le résultat visuel.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Le W3C s'apprête à publier le HTML 5.1 durant les prochaines semaines et a déjà commencé la rédaction des spécifications du HTML 5.2

Le W3C s'apprête à publier le HTML 5.1 durant les prochaines semaines et a déjà commencé la rédaction des spécifications du HTML 5.2 | Bonnes Pratiques Web & Cloud | Scoop.it
Le World Wide Web Consortium (W3C) s’apprête à lancer la première révision mineure du HTML. L’organisme de standardisation a promu le standard HTML 5.1 du rang de la “Release Candidate” au rang de “recommandation proposée” ; la dernière étape avant qu’il ne soit validé en tant que “recommandation du W3C” par les membres du conseil consultatif. À ce stade, la recommandation du HTML 5.0 devient obsolète. Le vote pour la promotion du HTML 5.1 d’une RC à un PR a été approuvé par unanimité, un sign
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

W3C cheatsheet - Internationalization Quicktips



Use Unicode wherever possible for content, databases, etc. Always declare the encoding of content.
Use characters rather than escapes (e.g. á á or á) whenever you can.
Declare the language of documents and indicate internal language changes.
Use style sheets for presentational information. Restrict markup to semantics.
Check for translatability and inappropriate cultural bias in images, animations & examples.
Use an appropriate encoding on both form and server. Support local formats of names/addresses, times/dates, etc.
Use simple, concise text. Use care when composing sentences from multiple strings.
On each page include clearly visible navigation to localized pages or sites, using the target language.
For XHTML, add dir="rtl" to the html tag for right-to-left text. Only re-use it to change the base direction.
Validate! Use techniques, tutorials, and articles at
http://www.w3.org/International/

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

W3C cheatsheet - Mobile Web Best Practices

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Use Cases and Requirements for Standardizing Responsive Images

Use Cases and Requirements for Standardizing Responsive Images | Bonnes Pratiques Web & Cloud | Scoop.it
Table of Contents

1. Introduction
1.1 Proposed Solutions
2. Limitations of current techniques
3. Use cases
3.1 Resolution-based selection
3.2 Viewport-based selection
3.3 Device-pixel-ratio-based selection
3.4 Art direction
3.5 Design breakpoints
3.6 Matching media features and media types
3.7 Relative units
3.8 Image formats
3.9 User control over sources
4. Requirements
A. Open issues
B. Acknowledgements
Mickael Ruau's insight:

To date, three such specifications are currently under development, described below, one more has been abandoned. The three proposed, active solutions are not mutually exclusive: together they address the set of Use Cases and Requirements for Responsive Images.

The `srcset` attribute

Allows authors to define various image resources and “hints” that assist a user agent to determine the most appropriate image source to display. Given a set of image resources, the user agent has the option of either following or overriding the author’s declarations to optimize the user experience based on criteria such as display density, connection type, user preferences, and so on.

The `picture` element

Building on srcset, this specification defines a declarative solution for grouping multiple versions of an image based on different characteristics (e.g., format, resolution, orientation, etc.). This allows the user agent to select the optimum image to present to an end-user based on the user agent's environmental conditions, while also providing the ability to "art direct" images.

HTTP Client Hints

Defines a set of HTTP headers that allow browsers to indicate a list of device and agent specific preferences. Servers can then use these "client hints" to assist in content negotiation, ideally resulting in content being served that best matches the environmental conditions of the client for the resource being requested.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Sites et applications mobiles : les recommandations du W3C

Sites et applications mobiles : les recommandations du W3C | Bonnes Pratiques Web & Cloud | Scoop.it
Temps de chargement des pages, données personnelles, remplissage des formulaires... Voici les principales recommandations du World Wide Web Consortium (W3C) pour améliorer l'expérience utilisateur des sites et applications mobiles.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Mobile-tuts! - Comment développer un site web mobile 100% valide W3C

Le Mobile Web Best Pratices propose un ensemble de règles, qui visent à donner aux développeurs d'applications pour mobiles, les bons réflèxes en matièr d'ergonomie, d'accessibilité, et plein d'autres encore, parce que l'on oublie souvent qu'une vraie application mobile est d'abord simple et accessible, et qu'une application mobile devra le plus souvent télécharger des pages sur internet, et les afficher avec plus ou moins de latence. Il faut donc l'optimiser au mieux.

 

Mickael Ruau's insight:

Lucas Passini, développeur italien et auteur de la bibliothèque WURFL, projet opensource de référencement des caractéristiques des téléphones portables, a écrit un excellent guide de développement, qui reprend en détails les consignes du W3C.

No comment yet.