Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View 384400's full-sized avatar

384400 384400

  • Bordeaux (Woeid, 580778), France, Europe, Earth, Solar System, Mikly Way
View GitHub Profile
@384400
384400 / -professions.html
Created July 20, 2016 17:15
Liste des professions d'après le Ministère de l'Intérieur
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Liste des professions</title>
</head>
<body>
<form>
<label>Profession
<select>
@384400
384400 / -constitution.md
Last active July 4, 2016 21:46
[Html] Constitution du 4 octobre 1958

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.
@384400
384400 / -toc-and-internals-links.md
Last active January 8, 2017 23:04
@384400
384400 / -time-design.md
Last active April 16, 2016 16:57
[Html] [JavaScript] [Css] [Php] Changer de Webdesign selon le moment de la journée

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.

@384400
384400 / -support.md
Last active February 5, 2018 18:15
[Html] [JavaScript] [Css] Utiliser la propriété @supports

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.

@384400
384400 / -debug.md
Last active January 19, 2016 14:50
[JavaScript] Afficher la valeur de retour d'un élément de formulaire aux fins de débogage

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

@384400
384400 / -readme.md
Last active August 9, 2019 16:42
[JavaScript] Afficher et cacher des élements en JavaScript pur

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>
@384400
384400 / protect.md
Last active January 9, 2016 16:51
[Php] Comment protéger une page avec un mot de passe ?

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.

@384400
384400 / -custom-fonts.md
Last active October 8, 2016 20:57
[JavaScript] [Css] [Html] Comment utiliser une police de caractères personnalisée ?

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';
@384400
384400 / -equities.md
Last active January 19, 2016 14:50
[JavaScript] Quelques équivalences JavaScript

Voici quelques équivalences et variantes en JavaScript...