384400 384400

Constitution du 4 octobre 1958

Pour des développements ultérieurs, nous avons mis au format Html le texte de la Constitution du 4 octobre 1958 disponible sur [La-Constitution] (https://github.com/legifrance/La-Constitution/blob/master/Constitution%20du%204%20octobre%201958.txt) et créé par [Légifrance] (http://github.com/legifrance).

Ce dépôt de la constitution française a été légèrement amélioré, par exemple :

Etat a été remplacé par État.
Le préposition A (en capitale) a été remplacé par À.
n° a été remplacé par no pour se conformer à l'usage typographique.
oeuvre a été remplacé par œuvre.
Président de la République a été remplacé par président de la République, conformément à l'usage typographique.

Comment générer une table des matières et des liens hypertextes internes avec JavaScript ?

Comment changer de Webdesign selon le moment de la journée ?

Voilà quelques mois, l'idée de requêtes media (media queries) basées sur le temps nous a paru intéressante. Chris Nager présente le concept : [Time-based media queries] (http://chrisnager.com/time-based-media-queries/).

[Suncalc] (https://github.com/mourner/suncalc) est une petite bibliothèque en JavaScript, qui pèse moins de 9 kilo-octets avant compression : elle indique la position du soleil et de la lune pour une heure et un endroit donnés.

Selon nos tests conduits au fil de l'eau, les indications horaires calculées par [Suncalc] (https://github.com/mourner/suncalc) sont satisfaisantes.

Aussi avons-nous essayé à titre expérimental de changer la couleur de fond de page selon le moment de la journée, en prenant en compte la localisation du visiteur. Si la demande de localisation n'aboutit pas, aucune couleur ne s'affiche.

Comment utiliser la propriété @supports ?

La règle @supports permet une requête de fonctionnalité, comme l'expose Mozilla Developper Network : @supports.

Raphaël Goetter explique que la reconnaissance des propriétés avec @supports peut recourir à Css ou à JavaScript : Détecter le support des fonctionnalités avec @supports.

Cependant, CSS Feature Queries n'est pas supporté par tous les navigateurs, ainsi que le montre Can I Use : CSS Feature Queries.

Comment afficher la valeur de retour d'un élément de formulaire aux fins de débogage

Comment afficher et cacher des élements en JavaScript pur ?

jQuery permet facilement de cacher ou d'afficher des éléments avec les fonctions .hide() et .show() : ainsi pouvons-nous cacher les éléments possédant une classe identique et afficher un élément possédant un identifiant particulier. En JavaScript pur, la fonction hide nécessite le recours à une boucle.

Par exemple, nous voulons afficher les jours de la semaine en espagnol, en français ou en anglais au clic de l'utilisateur. Si ce dernier demande l'affichage en langue française, les textes dans la langue de Cervantes ou de Shakespeare seront occultés. Si ce dernier demande ensuite l'affichage en langue espagnole, les textes dans la langue de Molière ou de Shakespeare seront occultés.

Avec jQuery, nous utiliserions une syntaxe comme...

<script>

Comment protéger une page avec un mot de passe ?

Voici une portion de code, perfectible (nous abusons des parenthèses !), en Php, pour protéger frugalement le contenu d'une page avec un mot de passe.

Au premier affichage, le visiteur est invité à saisir le mot de passe. À la cinquième tentative erronée, le curieux indélicat est redirigé. Si le mot de passe est correct, le contenu textuel de la page s'affiche.

Comment utiliser une police de caractères personnalisée ?

Avec [Google Fonts] (https://fonts.google.com/), la police personnalisée doit être indiquée dans body et pas dans html !

Cependant, à l'heure où nous rédigeons ces lignes, quelques bogues empêchent la prise en charge de certains caractères spéciaux, comme les ellipses. Par exemple, si nous appelons la fonte Source Sans Pro en utilisant [Google Fonts] (https://fonts.google.com/)...

<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
<style>
    body {
 font-family: 'Source Sans Pro', 'Times New Roman';

Voici quelques équivalences et variantes en JavaScript...

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Liste des professions</title>
	</head>
	<body>
	<form>
	<label>Profession
	<select>