Forum du club des développeurs et IT Pro - Blogs - Fondamentaux du Web Durable par Muchos https://www.developpez.net/forums/blogs/471849-muchos/ Developpez.com, le Club des Développeurs et IT Pro fr Wed, 08 Apr 2026 20:44:39 GMT vBulletin 15 https://forum.developpez.be/images/misc/rss.jpg Forum du club des développeurs et IT Pro - Blogs - Fondamentaux du Web Durable par Muchos https://www.developpez.net/forums/blogs/471849-muchos/ RASH, un nouveau framework pour rédiger des articles universitaires https://www.developpez.net/forums/blogs/471849-muchos/b522/rash-nouveau-framework-rediger-articles-universitaires/ Mon, 25 May 2015 19:51:18 GMT Aujourd’hui, le langage... Aujourd’hui, le langage optimal pour la rédaction d’articles demeure LaTeX [1]. Mais une alternative — qui se veut plus simple et adaptée à la publication en ligne — se profile : il s’agit de RASH (Research Articles in Simplified HTML) [2].

Le développement de RASH a été supervisé par Silvio Peroni, un post-doctorant en science informatique à l’Université de Bologne (Italie), qui l’a présenté ce 22 mai sur la liste de diffusion du W3C [3]. Le chercheur le décrit comme « un langage de balisage pour la rédaction d’articles universitaires, qui restreint l’utilisation des éléments HTML à seulement 25 éléments. […] RASH est le composant de base d’un framework plus large qui comprend un ensemble de spécifications et d’outils d’écriture/conversion/extraction pour des articles académiques » [4].

Un document RASH débute par une déclaration XML et un doctype HTML5. Les balises, simplistes, sont définies par des classes. De nombreux éléments — comme les figures, les références ou encore les formules mathématiques (l’une des faiblesses de RASH pour l’instant) — sont générés par Javascript. Caractéristique prometteuse : la possibilité d’ajouter des données structurées via RDFa [5].

[1] "LaTeX", Wikipédia
[2] Page officielle de RASH
[3] "Scholarly paper in HTML+RDF through RASH", lists.w3.org
[4] «RASH is a markup language that restricts the use of HTML elements to only 25 elements for writing academic research articles. […] RASH is the core component of a larger framework that includes a set of specifications and writing/conversion/extraction tools for academic articles.»
[5] "RDFa", Wikipédia ]]> Muchos https://www.developpez.net/forums/blogs/471849-muchos/b522/rash-nouveau-framework-rediger-articles-universitaires/ Pour que Google trouve la version mobile de mon site. https://www.developpez.net/forums/blogs/471849-muchos/b324/google-trouve-version-mobile-site/ Mon, 09 Mar 2015 01:22:57 GMT *Pour proposer une page... Pour proposer une page "desktop" et son équivalent mobile sans que Google ne crie au duplicate content, vous avez deux techniques possibles : l'une à intégrer dans les pages HTML, l'autre dans le sitemap.

Dans les pages HTML.

Par exemple, sur http://example.com/page-1 (version desktop), écrivez dans le HEAD :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<link rel="alternate" media="only screen and (max-width: 640px)"
  href="http://m.example.com/page-1" />

et sur http://m.example.com/page-1 (équivalent mobile), écrivez dans le HEAD
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<link rel="canonical" href="http://example.com/page-1" />

Dans le sitemap.

Cet exemple est l'équivalent de la solution précédente :
Code xml : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
  xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://example.com/page-1/</loc>
<xhtml:link
  rel="alternate"
  media="only screen and (max-width: 640px)"
  href="http://m.example.com/page-1" />
</url>
</urlset>

Dans tous les cas, la meilleure solution est de concevoir un site responsive ;)

Source : « URL distinctes » sur Google Developers ]]> Muchos https://www.developpez.net/forums/blogs/471849-muchos/b324/google-trouve-version-mobile-site/ <![CDATA[[VRAI ou FAUX] Une CLASS ou un ID ne doivent pas commencer par un chiffre.]]> https://www.developpez.net/forums/blogs/471849-muchos/b112/vrai-faux-class-id-ne-doivent-commencer-chiffre/ Tue, 02 Dec 2014 01:44:47 GMT En théorie, il n'y a pas de restriction avec HTML 5 : les CLASS et les ID peuvent débuter par un chiffre.
Dans la pratique, les ID devrait débuter par une lettre.

Pour les ID.

La spécification pour ID explique :
[À part être unique, contenir au moins un caractère mais pas d'espace], il n'y a pas d'autres restrictions sur la forme qu'ID peut prendre ; en particulier, les IDs peuvent être un nombre, commencer par un chiffre, par un tiret bas, être fait uniquement de ponctuation, etc.
Néanmoins, le site Mozilla pour développeuses/rs nous rappelle :
L'utilisation d'autres caractères que les lettres et chiffres ASCII, "_", "-" et "." peut entraîner des problèmes de compatibilité, car ils n'ont pas été autorisés dans le HTML 4. Bien que cette restriction ait été levée dans HTML 5, un ID doit commencer par une lettre afin d'être compatible.
De plus, les identifiants débutant par un chiffre (ou simplement composés d'un chiffre) ne permettent généralement pas aux styles CSS de s'appliquer. Par contre, ils fonctionnent bien comme ancres.
Vous pouvez tester la compatibilité de votre navigateur aux CLASS et ID débutant par un chiffre.

Enfin, comme le souligne Bovino en commentaire, les ID numériques ne sont pas reconnus en JavaScript avec querySelector().

Pour les CLASS.

Ici, ce sont plutôt les pratiques d'intégration qui feraient ne pas mettre de chiffre en début de valeur. En effet, la classe sert à décrire dans le code la nature, la fonction voire l'apparence d'un élément. ]]> Muchos https://www.developpez.net/forums/blogs/471849-muchos/b112/vrai-faux-class-id-ne-doivent-commencer-chiffre/ <![CDATA[[ARCHIVE] Le Web bientôt doté d’un nouveau langage ? (Par Hinault Romaric)]]> https://www.developpez.net/forums/blogs/471849-muchos/b33/archive-web-bientot-dote-d-nouveau-langage-hinault-romaric/ Sat, 25 Oct 2014 16:04:53 GMT *CAS s’inspire du CSS pour... CAS s’inspire du CSS pour proposer une définition des attributs des balises HTML dans une feuille

Tab Atkins Jr, un représentant de Google au sein du W3C (World Wide Web Consortium) vient de proposer à l’organisme un nouveau langage de script pour normalisation.

Le langage CAS pour Cascading Attribute Sheets s’inspire grandement du CSS (Cascading Style Sheets), à la différence qu’il est basé sur un concept d’attributs HTML.

L’idée de base autour de ce nouveau langage est que tout comme avec le CSS, les développeurs pourront définir dans un fichier des attributs pour les balises HTML, qui seront directement appliqués à l’ensemble d’une page lors de l’appel de ces balises.

Concrètement, le développeur pourra par exemple écrire le code CAS suivant :

Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
video {
  preload: metadata;
}

Lors de l’utilisation de la balise video dans son application Web, l’attribut « preload » sera automatiquement ajouté et sa valeur sera définie à « metadata ».

Un lien vers le fichier CAS doit au préalable être inclus dans la page HTML en utilisant la balise script <script type="text/cas">.

Selon la description d’Atkins, la grammaire de CAS est pratiquement identique à celle du CSS. La feuille d’attribut peut contenir des règles, des sélecteurs, des accolades et des déclarations.

Au niveau où le CSS a normalement un nom de propriété, CAS utilise un nom d’attribut. Tout jeton unique comme une chaine, un numéro ou un identifiant peut être utilisé pour définir la valeur d’un attribut.

Compte tenu de sa similitude avec le CSS, CAS peut être facilement pris en charge par les navigateurs qui pourront utiliser l’analyseur CSS existant en y apportant très peu de modifications.

La proposition de Tab Atkins Jr est en train d’être analysée par le W3C qui n’a pas encore pris une décision sur son adoption ou pas.

Source : W3C ]]> Muchos https://www.developpez.net/forums/blogs/471849-muchos/b33/archive-web-bientot-dote-d-nouveau-langage-hinault-romaric/ CSS célèbre sa vingtième année (par Stéphane le calme) https://www.developpez.net/forums/blogs/471849-muchos/b6/css-celebre-vingtieme-annee-stephane-calme/ Tue, 21 Oct 2014 15:54:33 GMT *Le père des feuilles de... Le père des feuilles de style en cascade s'entretient avec Dev.Opera pour faire un tour d'horizon.

Il y a deux décennies, Håkon Wium Lie qui occupait le poste de Directeur de la Technologie au sein d’Oracle a publié un document qui allait marquer la révolution dans la présentation des documents HTML et XML : il a été appelé feuilles de style en cascade HTML – une proposition . Par la suite, les standards définissant CSS sont publiés par le Word Wide Web Consortium (W3C).

Pour célébrer l’anniversaire du CSS, Dev.Opera a eu un entretien avec l’initiateur du concept de la feuille de style. Durant cet échange, il a expliqué par exemple pourquoi il a proposé le CSS « afin de sauver HTML » : « HTML aurait été différent sans l’apparition du CSS » a-t-il avancé. « Les auteurs, moi compris, issus d’un environnement de publication sur desktop ont été déconcertés par la pauvreté des balises <couleur> et <font>. Lors de ma première publication réelle sur le web, j’ai dû avoir recours à des images dans lesquelles il y avait du texte. Si ce développement avait perduré, le web serait devenu une machine géante de fax où les images avec du texte seraient transmises. Cela aurait été terrible aussi bien pour les utilisateurs aveugles que pour les moteurs de recherche. CSS a été proposé pour prévenir cette évolution en donnant aux créateurs un moyen d'exprimer leurs conceptions sans avoir à ajouter de nouvelles balises HTML ».

Il faut savoir qu’au moment où la proposition relative au CSS a été déposée, elle n’était pas la seule puisqu’elle a fait face à une concurrence. Comme le rappelle Lie, « il y avait environ une douzaine de propositions concernant les langages de feuilles de style à utiliser. Cependant, toutes n’étaient pas convenables en raison des caractéristiques sur le web. Par exemple, les navigateurs utilisent le rendu progressif pour afficher les documents et ils doivent gérer des situations où les feuilles de style ne sont pas accessibles. » Avec une panoplie importante de services disponibles sur le web, il était impossible d’écrire une feuille style pour chacun d’eux. Aussi, les langages de feuille de style se doivent d’exprimer des conceptions à la fois évolutives et réactives. Alors pourquoi ce langage a-t-il été choisi au lieu d’un autre ? Le père du CSS reconnaît que son avis ne sera pas objectif mais estime néanmoins que le CSS a de nombreuses caractéristiques notables qui le rendent particulièrement adapté pour une utilisation web comme les pseudo-classes, les pseudo-éléments, le support de différent type de média, la grande emphase sur les sélecteurs, l’héritage ou encore l’unité « em ».

Concernant le positionnement avec le CSS, il lui a été demandé comment le positionnement absolu est né mais également si c’était une mauvaise chose de ne pas l’apprécier. « Votre question me ramène à certains débats houleux qui ont eu lieu en 1996. Pour la petite histoire, Microsoft a proposé le positionnement absolu dans un projet appelé Régions CSS : Positionnement absolu et Z-alignement. Plusieurs membres du groupe de travail CSS nouvellement formé ont émis des réserves et Bert et moi avons écrit une contre-proposition simplifiée. Notre proposition se débarrasse de la propriété position (display a été utilisée à la place) et a seulement décrit un positionnement relatif (ce qui nous donnera le temps de réfléchir au positionnement absolu). Cependant, Microsoft avait déjà mis en œuvre sa proposition et il était réticent à l’idée de retirer la fonctionnalité. En fin de compte, les seuls changements importants qui ont été ajoutés étaient les propriétés right et bottom (pour équilibrer left et top), et l’ajout de position: fixed qui a fait partie intégrante de CSS2. » Et il a affirmé que « comme vous, je n'ai jamais été à l'aise avec le positionnement absolu. Cela étant dit, le positionnement absolu a trouvé sa place sur le web et je l'utilise de temps en temps pour réaliser des choses qui seraient autrement difficiles, sinon impossibles, à programmer »

Toujours à propos des positionnements mais cette fois-ci avec la propriété float qui retire une boîte du flux normal pour la placer le plus à droite ou le plus gauche possible dans son conteneur, il lui a été demandé si le fait que les flotteurs soient utilisés pour les présentations même s’ils n’y sont pas « destinés » (ils ont été pensés pour mettre du texte à côté des images) est une erreur même si la technique fonctionne. « Avoir du texte tout autour des images est l’une des techniques de base de mise en page. Il est évident que les flotteurs doivent être utilisés pour la mise en page. L’un des domaines dans lesquels je voudrais que le CSS progresse est la présentation sur un écran paginé. Lorsque vous paginez du contenu, les flotteurs deviennent encore plus utiles car vous pouvez faire flotter les éléments vers le haut et le bas de l'écran. »

Concernant des propriétés qu’il aurait enlevé ou ajouté au CSS, il a dit qu’il se serait volontiers passé des codes spécifiques aux versions comme <!--[if lt IE 7 ]> ; « même si techniquement ils ne sont pas exprimés en CSS, ces sortes de "commentaires" n’ont pas lieu d’être nécessaires et ils abaissent les normes du Web ». Il a par la suite dit ce qu’il aurait bien voulu ajouté au CSS comme les web fonts en 2006 qui sont venus avec CSS3 pour permettre d’utiliser une police de caractère qui sera chargée au moment de l'appel de la feuille de style dans laquelle est déclarée le sélecteur @font-face. Il faut préciser que ce sélecteur existe depuis CSS 2.0 mais seul Internet Explorer l'implémentait depuis sa version 4 et avec un format de police propriétaire peu pratique. Il a également rappelé que le CSS n’est pas uniquement pour les navigateurs. Par exemple une application développée par Michael Day et ses collègues à Melbourne pour créer un PDF à partir du HTML et du CSS.

Source : intégralité de l'entretien ]]> Muchos https://www.developpez.net/forums/blogs/471849-muchos/b6/css-celebre-vingtieme-annee-stephane-calme/ <![CDATA[C'est quoi les Blogs Forum ? (par Anomaly)]]> https://www.developpez.net/forums/blogs/471849-muchos/b3/c-quoi-blogs-forum-anomaly/ Tue, 21 Oct 2014 14:36:27 GMT Les Blogs Forum sont des... Les Blogs Forum sont des nouveaux blogs qui sont totalement intégré au forum.

Chaque membre du Club dispose automatiquement d'un blog ; plus besoin de faire des demandes et attendre leur traitement, tout est automatique ! Vous avez un lien vers le blog depuis le profil forum.

Les avantages par rapport à la solution existante Wordpress :

  • Tout le monde dispose déjà d'un blog ; plus besoin de faire une demande de blog et d'attendre leur traitement, tout est automatique.
  • Le formatage se fait avec le même éditeur et le même BBCode que le forum, y compris la coloration syntaxique et la balise CODEINLINE.
  • Aucun danger de voir son code comprenant du HTML ou du XML "mangé" par les blogs comme cela arrive avec Wordpress si on n'est pas assez prudents !
  • Un récapitulatif très efficace : http://www.developpez.net/forums/blogs/
  • Une très bonne intégration forum : vous pouvez par exemple blogguer directement depuis un message forum (lien Créer une entrée) et votre tableau de bord contient tout le nécessaire pour configurer votre blog et suivre vos billets et commentaires.


Pour l'instant les nouveaux blogs forums sont accessibles en test pour tous les bénéficiaires d'un domaine sur Developpez.com et ceux qui ont déjà un blog Wordpress. A terme et si tout va bien, il est prévu d'étendre cette possibilité à tous les membres du Club. ]]> Muchos https://www.developpez.net/forums/blogs/471849-muchos/b3/c-quoi-blogs-forum-anomaly/