Il existe au moins (!) trois méthodes pour afficher les méthodes de débogage.
alert(out);document.write(out);console.log(out);
384400 384400
384400
/ -debug-javascript.md
Last active
January 19, 2016 15:07
[JavaScript] Afficher les messages de débogage
384400
/ benchmark-javascript.md
Created
September 14, 2015 15:24
[JavaScript] Mesurer les performances d'un code en JavaScript
Quand on a le choix entre deux (groupes d') instructions, il peut être opportun d'en comparer les performances avant de prolonger un développement. L'intérêt est assurément théorique : aucun utilisateur lambda ne lancera 20 000 itérations ! Cependant, une comparaison peut constituer une aide au choix.
En matière de Benchmarking, [jsPerf] (https://jsperf.com/) constitue le site de référence dans le monde du développement. Néanmoins, l'inscription est plutôt fastidieuse.
Voici pourquoi, nous présentons un code rudimentaire, sans doute perfectible, qui permet de mesurer facilement la performance d'un code en JavaScript. Ce code a été mentionné dans une conversation sur [stackoverflow] (http://stackoverflow.com/questions/111368/how-do-you-performance-test-javascript-code).
Les résultats du test s'affichent dans la console du navigateur. Ici, [Google Chrome] (https://www.google.com/chrome/browser/desktop/index.html) est commode d'emploi.
384400
/ diakritikós.md
Last active
January 19, 2016 14:09
[JavaScript] [Css] [Html] Diakritikós, méthode frugale d'internationalisation de sites Internet
Diakritikós est une méthode frugale pour afficher un site en plusieurs langues grâce à JavaScript.
Diakritikós fonctionne avec les principaux navigateurs, y compris Internet Explorer à partir de la version 9. Quand le navigateur ne supporte pas les méthodes mises en œuvre ou si JavaScript n'est pas disponible, la langue par défaut s'affiche.
Diakritikós utilise deux méthodes :
- en ligne ;
- par bloc.
384400
/ -equities.md
Last active
January 19, 2016 14:50
[JavaScript] Quelques équivalences JavaScript
384400
/ -custom-fonts.md
Last active
October 8, 2016 20:57
[JavaScript] [Css] [Html] 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
/ protect.md
Last active
January 9, 2016 16:51
[Php] 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
/ -readme.md
Last active
August 9, 2019 16:42
[JavaScript] 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
/ -support.md
Last active
February 5, 2018 18:15
[Html] [JavaScript] [Css] 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
/ -time-design.md
Last active
April 16, 2016 16:57
[Html] [JavaScript] [Css] [Php] 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.