Bonnes Pratiques Web & Cloud
58.8K views | +0 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: 'html'. Clear
Scooped by Mickael Ruau
Scoop.it!

How does enterkeyhint work in HTML?

How does enterkeyhint work in HTML? | Bonnes Pratiques Web & Cloud | Scoop.it
The enterkeyhint attribute adds more context to your HTML forms. Let's look at how the enterkeyhint property works in HTML.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

W3C DOM (Document Object Model) in one page

W3C DOM Manual: W3C DOM (Document Object Model) in one page
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Webmaker

Webmaker | Bonnes Pratiques Web & Cloud | Scoop.it

Webmaker was Mozilla Foundation’s Android app for creating original content on the mobile web. It allowed users to build pages with unique URLs — and learn the basics of content creation along the way. (Note: “Webmaker” also once referred to a set of open-source tools by Mozilla, not just the single Android app.)

Mickael Ruau's insight:

https://github.com/mozilla/webmaker-core

 

https://github.com/mozilla/webmaker-browser

 

https://github.com/mozilla/webmaker-android

 

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

Core HTML - DZone - Refcardz

Core HTML - DZone - Refcardz | Bonnes Pratiques Web & Cloud | Scoop.it
Introduces the basics of HTML and XHTML, Page Structure Elements, Key Structural Elements, Specialty Markup and Validation. Great for beginners and veterans alike.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Table of Contents | Web Almanac 2019

Table of Contents | Web Almanac 2019 | Bonnes Pratiques Web & Cloud | Scoop.it
Table of Contents for the 2019 Web Almanac, listing each section: Page Contents, User Experience, Content Publishing, Content Distribution.
Mickael Ruau's insight:

 

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

Google fait évoluer la balise meta "robots" - Actualités SEO et moteurs

Google fait évoluer la balise meta "robots" - Actualités SEO et moteurs | Bonnes Pratiques Web & Cloud | Scoop.it

25 septembre 2019 - Google vient d'informer les webmasters d'une évolution qu'il propose pour la balise meta "robots" avec de nouveaux paramètres

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

Can I email… Support tables for HTML and CSS in emails

Can I email… Support tables for HTML and CSS in emails | Bonnes Pratiques Web & Cloud | Scoop.it
Support tables for HTML and CSS in emails.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

How accessibility trees inform assistive tech - Mozilla Hacks - the Web developer blog

How accessibility trees inform assistive tech - Mozilla Hacks - the Web developer blog | Bonnes Pratiques Web & Cloud | Scoop.it

In this post we’ll look at how “good” client-side code (HTML, CSS and JavaScript) improves the experience of users of assistive technologies, and how we can use accessibility trees to help verify our work on the user experience.The web was designed with built-in features to make accessibility possible; these have been part of the platform pretty much from the beginning. In recent times, inspectable accessibility trees hav

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

WebAIM: The WebAIM Million: What we learned analyzing 1,000,000 web site home pages

WebAIM: The WebAIM Million: What we learned analyzing 1,000,000 web site home pages | Bonnes Pratiques Web & Cloud | Scoop.it

Here are just a few notable items:

  • Home pages averaged 59.6 detectable errors each.
  • 7.6% of all home page elements (1 in 13) have a detectable accessibility error.
  • The WCAG failure rate for home pages was at least 97.8%.
  • Low contrast text was the most common detectable issue with an average of 36 instances of low contrasts text on each home pages.
  • One-third of all images (12.3 images per page on average) were missing alternative text.
  • 59% of form inputs were not properly labeled.
  • Home pages with ARIA present averaged 11.2 more detectable errors than pages without ARIA.
  • The report outlines numerous common web technologies with details on how these technologies correspond to increased or decreased accessibility errors.

There is much, much more in the full report.

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

Free PDF eBook: Thinking in HTML | PACKT Books

What You Will Learn

Explore the structure of HTML and find out how tags and elements structure a web page
Format your web pages and learn how to include links and incorporate images
Collect user input by creating forms for your web page
Discover and explore the future of HTML today with HTML5
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Concevoir un formulaire HTML qui tient la route · Les intégristes

Concevoir un formulaire HTML qui tient la route · Les intégristes | Bonnes Pratiques Web & Cloud | Scoop.it
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Handling common HTML and CSS problems - Learn web development | MDN

Handling common HTML and CSS problems - Learn web development | MDN | Bonnes Pratiques Web & Cloud | Scoop.it
Now you should be familiar with the main types of cross browser HTML and CSS problems that you'll meet in web development, and how to go about fixing them.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Guidelines - Alsacreations

Nos bonnes pratiques et recommandations internes à l'agence web Alsacréations

Voir aussi les Snippets

Cette présente charte a pour objectif :

  • d'uniformiser et d’harmoniser les processus
  • de faciliter la production et la maintenance des projets web
  • de favoriser l’intervention de profils de compétences variés au sein d'une équipe
  • et de disposer d’outils réutilisables

Liste des documents

NOTE : Aucun de ces documents n'est figé, ils sont en constante amélioration et évolution.

Licence

Auteur : Alsacréations

Les contenus de ce dépôt sont disponibles sous une licence Creative Commons « Attribution - Pas d'Utilisation Commerciale - Partage à l'Identique 2.0 France (CC BY-NC-SA 2.0) ».

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

Meta Tag Reference and Bullet Proof HTML Template

Meta Tag Reference and Bullet Proof HTML Template | Bonnes Pratiques Web & Cloud | Scoop.it
A list of all the useful meta tags, and a quick start HTML template...
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Les Fondamentaux du Web et le Kit de Démarrage Web de Google

Les Fondamentaux du Web et le Kit de Démarrage Web de Google | Bonnes Pratiques Web & Cloud | Scoop.it
Google a publié un certain nombre de lignes directrices et de fragments de code réutilisable pour la conception de sites responsive multi-plateformes.
Mickael Ruau's insight:

Google a publié un certain nombre de lignes directrices et de fragments de code réutilisable pour la conception de sites responsive multi-plateformes.

Conscient des défis rencontrés par les développeurs à cause de la grande diversité des appareils, en particulier les mobiles, Google a publié Les Fondamentaux du Web, un ensemble de lignes directrices et de meilleures pratiques pour le développement moderne web. Les Fondamentaux du Web incluent des conseils avec des fragments de HTML, de CSS et de JavaScript dans les domaines suivants :

  • Outils. Sélection d'un éditeur, mise en place des outils pour développeurs, mise en place d'un processus de build, débogage avec les DevTools de Chrome, test sur appareil, sur émulateur et dans le cloud, etc.
  • Mise en page. Google recommande la Conception Responsive de Site Web en utilisant des Requêtes Média CSS3 avec de multiples points d'arrêt pour les différentes tailles d'écran, des modèles web responsive - Mise en Page Fluide, Suppression de Colonne, Décalage de Mise en Page, Hors Canvas, plus un certain nombre de modèles de navigation et d'actions - App, Barre d'Onglets et du Bas, Navigation Tiroir.
  • Formulaires & Entrée Utilisateur. Sélection de formulaires qui fonctionnent sur les appareils mobiles, traitement de validation en temps réel, traitement du contact et implémentation des mouvements propriétaires.
  • Images, Audio, Vidéo. Conseils sur l'utilisation d'<img>, de background CSS, de SVG pour les icônes, problématiques de performance d'image, traitement des vidéos, anciennes plateformes, problématiques d'accessibilité, etc.
  • Performance. Optimisation du Chemin de Rendu Critique, utilisation de PageSpeed, réglage de la performance du contenu par l'élimination des téléchargements inutiles, optimisation de l'encodage et des images, utilisation du caching HTTP, etc.
  • Capteurs d'Appareil et Capacités. Conseil pour l'accès à l'emplacement de l'utilisateur, orientation et mouvement de l'appareil, passage d'appels.

En sus des lignes directrices, Google fournit le Kit de Démarrage Web (Web Starter Kit ou WSK), un paquetage comprenant du code réutilisable et des outils pour la création de sites web multi-appareils. Inspiré par Mobile Boilerplate, le Kit de Démarrage Web comprend du code pour les pages HTML mobile, la mise en page responsive, un guide pour la conception visuelle de composants, et l'outil de build optionnel gulp.js.

 

Le code relatif aux Fondamentaux du Web et le code du Kit de Démarrage Web sont tous deux open source et disponibles sur GitHub.

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

cours XML - presentation - pourquoi XML ?

Le web est confronté à deux problèmes :

  • HTML n'est pas extensible, il ne peut pas répondre aux besoins spécifiques de tous les domaines (mathématiques, chimie, musique, astronomie...) et ne définit plus le contenu du document ;
  • SGML qui permettrait de définir de nouveaux langages de balisage spécifiques est complexe.

XML apporte une réponse à ces problèmes.

Mickael Ruau's insight:

Les documents HTML sont rarement conformes aux règles établies par la DTD, les attributs sont rarement entre guillemets, les éléments ne sont pas toujours correctement imbriqués..., ceci est en partie la faute des navigateurs qui essayent d'afficher tous les documents HTML, même s'ils ne sont pas valides.

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

HTML Character Entities Cheat Sheet by ReverseEMF - Download free from Cheatography - Cheatography.com: Cheat Sheets For Every Occasion

HTML Character Entities Cheat Sheet by ReverseEMF - Download free from Cheatography - Cheatography.com: Cheat Sheets For Every Occasion | Bonnes Pratiques Web & Cloud | Scoop.it
HTML Character Entities Cheat Sheet from ReverseEMF. An improved HTML Character Entities cheat sheet that includes the character names where available.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

matuzo/HTMHell: A collection of bad practices in HTML found on real websites.

matuzo/HTMHell: A collection of bad practices in HTML found on real websites. | Bonnes Pratiques Web & Cloud | Scoop.it
A collection of bad practices in HTML found on real websites. - matuzo/HTMHell
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Think Like an Email Geek

Think Like an Email Geek | Bonnes Pratiques Web & Cloud | Scoop.it
Coding HTML emails is a beast of its own, often perceived as relying solely on outdated practices. And for a good reason, email client quirks can make even the most clever front-end developer crazy. Emails are still part of your user’s journey, from commercial newsletters to transactional emails.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Understanding Document Object Model (DOM) in Details

Understanding Document Object Model (DOM) in Details | Bonnes Pratiques Web & Cloud | Scoop.it
We have all heard of the DOM, or Document Object Model, that gets mentioned from time to time, related to JavaScript. DOM is a pretty important concept in
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Can I Use in HTML Emails

Compatibility tables for CSS support in HTML emails.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

HTML Elements Index · Jens Oliver Meiert

A continuously updated list of all HTML and XHTML elements:

At the moment, only the latest version of the W3C specification of HTML (5) is featured. This is done in order to limit confusion: For the latest in HTML please refer to the WHATWG specification.

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

How to Score a Perfect 100% on Google PageSpeed Insights

How to Score a Perfect 100% on Google PageSpeed Insights | Bonnes Pratiques Web & Cloud | Scoop.it
  You just built a new website for your company. You spent days laboring over the design and weeks in production with countless hours of edits. But there’s a problem: You find that your new, beautiful website isn’t as fast as you need it to be. And when it comes to building a conversion rate …
Mickael Ruau's insight:

Minimizing the space that your HTML coding takes up is another big factor in getting a perfect score from Google.

Minification is the process of removing or fixing unnecessary or duplicated data without impacting how a browser will process the HTML.

It involves fixing code, formatting, removing unused code, and shortening code when possible.

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

Browserhacks

An extensive list of browser specific CSS and JavaScript hacks from all over the interwebs.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Web Developer Checklist

Web Developer Checklist | Bonnes Pratiques Web & Cloud | Scoop.it
The ultimate checklist for all serious web developers building modern websites.
Mickael Ruau's insight:

Best practices

Mobile

Analytics

Performance

Usability

mod

Semantics

SEO

Code quality

Accessibility

Security

Social Media

...and finally

No comment yet.