Skip to content

Puce et Média

  • Concevoir un projet
    • 00-Concevoir un projet
    • 01-Cadre & stratégie
    • 02-Structure & contenu
    • 03-Interaction & flux
    • 04-Affichage & visuel
    • 05-Serveurs & déploiement
    • 06-Écosystèmes & culture web
    • 07-Catégories & Mots clés
  • À propos du site
    • 00-À propos du site
    • 01-Objectifs
    • 02-Liste des articles
    • 03 – PAW – Sommaire
    • 04-PeM Labs
  • Médiathèque
    • Livres et Magazines
    • Conférences
    • Relectures
  • L’association
    • Pem’s Projects
    • Où sommes nous ?
    • Soutenir l’association
    • Mentions légales
    • Droits et copyrights
    • Politique de confidentialité
    • Cookies et traceurs
    • Contact
  • Éditeurs en ligne
    • codepen
    • Coding Ground
    • CSS Next
    • Dan’s Tool
    • JavaScripture
    • jsfiddle
    • OnLine PHP Function(s)
    • Photopea
    • RegExr
    • RegEx Tester
    • Regular Expressions 101
    • repl>it
    • SassMeister
  • Outils en ligne
    • Angry Tools
    • Compressor All Formats
    • Convert to base64
    • Couleurs (Moteur)
    • Dan’s tools
    • Dynamic Dummy Image Generator
    • ExtendsClass
      Free Online Toolbox
    • Favicon Generator
    • Javascript Compression Tool
    • JSON and More…
    • Lorem Ipsum
    • Lorem Picsum
    • MinifyCode
    • Online Email Obfuscator
    • Palettesde couleurs
    • Password Generator
    • Place IMG
    • RapidTables
    • Slim Converter
    • Swiss converter tool
    • Tiny JPG / PNG
    • Uglify JavaScript
    • Web Tools
  • Blogs
    • 24 Ways
    • A List Apart
    • Design Shack
    • Les intégristes
    • Perishable Press
    • UX Design & Code
    • UX Magazine
    • Smashing Magazine
    • Spring Board
    • Stuff and non Sense
    • Zell’s blog
  • Newsletter
    • Accesstech
    • Étapes
    • Free Sublime Text tips and tricks
    • NCZOnLine
    • StackOverFlow
    • Web Components Weekly
    • Web Design Weekly
    • WebDesignLedger
  • Documentations
    • CSS
    • Compass
    • Emmet
    • Gulp
    • HTML – WhatWG
    • HTML – WhatWG – Semantics
    • JavaScript
    • PIWIK
    • RegEx the easy way
    • Sass Reference
    • Sass Functions
    • Susy
    • Tanaguru
  • Tables & Index
    • Alt Codes
    • Cheat Sheets
    • Code caractères
    • ColorHexa
    • Flexbox – Cheat sheet
    • ECMAScript compatibility table
    • FontAwesome
    • Grids – Cheat sheet
    • Grids – Cheat sheet Online
    • .htaccess Cheat Sheet
    • HTML5 Overview
    • HTML: The Markup Language
    • HTML – Tags – w3c
    • HTML TOC Semantics
    • HTML 5 JavaScript API Index
    • HTML5 APIs Landscape Overview
    • L’univers des couleurs
    • Listes de caractères spéciaux
    • Markdown Cheat Sheet
    • Références CSS
    • RegEx Sheet Cheat
    • Selecteurs Level 3
    • Sélecteurs Level 4
    • Screen reader compatibility
    • The Web platform
  • Libs & Plugs
    • Gems
    • Grunt
    • Gulp
    • JavaScript
    • npm
    • Package Control
    • PostCSS
  • Références et validations
    • Can I Email
    • Can I use
    • CheckList Accéssibilité
    • html5 Accessibility
    • MDN Web Docs
    • MX Tollbox
    • Nu HTML Checker
    • Optimisation Mobiles
    • SSL Labs
  • WordPress
    • Codex – WordPress.org
    • Create your Underscores theme
    • Créez votre thème WordPress
    • Developer Resources
    • Les plugins WordPress
    • Tutoriels & Ressources
    • WordPress core load

Puce et Média

Partager une pratique du web

  • Concevoir un projet
    • 00-Concevoir un projet
    • 01-Cadre & stratégie
    • 02-Structure & contenu
    • 03-Interaction & flux
    • 04-Affichage & visuel
    • 05-Serveurs & déploiement
    • 06-Écosystèmes & culture web
    • 07-Catégories & Mots clés
  • À propos du site
    • 00-À propos du site
    • 01-Objectifs
    • 02-Liste des articles
    • 03 – PAW – Sommaire
    • 04-PeM Labs
  • Médiathèque
    • Livres et Magazines
    • Conférences
    • Relectures
  • L’association
    • Pem’s Projects
    • Où sommes nous ?
    • Soutenir l’association
    • Mentions légales
    • Droits et copyrights
    • Politique de confidentialité
    • Cookies et traceurs
    • Contact

Étiqueté : parcours

Culture web / Méthodologie

19 avril 2026

 par birnou · Published 19 avril 2026

Parcours d’apprentissage web – Points de repère

Cette introduction arrive après la publication des huit premières parties du parcours. Ce choix peut surprendre, mais il répond à une contrainte simple : proposer un guide de lecture réellement utile, fondé sur des...

Méthodologie

15 mars 2026

 par birnou · Published 15 mars 2026

Pourquoi une page web vide est déjà un projet

Lorsque l’on ouvre une page HTML vide, on a l’impression de partir de rien. Mais est elle vraiment vide… Que représente cette page… À quoi va t elle servir… Que va t on y...

Suivre :

  • 01-Cadre & stratégie
    • Stratégie de contenu
    • Rôles & responsabilités
    • Méthodologie
    • Accéssibilité
    • Référencement
    • Gestion & suivi de projet
  • 02-Structure & contenu
    • Ergonomie & Architecture
    • DOM
    • HTML
    • Formats numériques
    • Médias
    • Métadonnées
  • 03-Interaction & flux
    • Formulaires
    • Événements & écouteurs
    • Javascript
    • Requêtes & API
    • Expressions régulières
  • 04-Affichage et visuel
    • Design UX/UI et systèmes
    • PWA, SPA, RWD
    • Outils graphiques
    • Grilles & Maquettes
    • Typographie web
    • CSS
    • Pré/Post-processeurs
  • 05-Serveurs & déploiement
    • Serveurs et protocoles
    • Sécurité
    • PHP
    • Base de données
    • Requêtes & API
    • CLI & outils serveur
    • Outils de suivi & analyse
  • 06-Écosystèmes & culture web
    • Culture web
    • Standards du web
    • Veille technologique
    • WordPress
    • Outils, bibliothèques & éditeurs
    • Acrobat & le format PDF

Qui sommes nous

Puce et Média est une association 1901 qui contribue à la recherche, à la réflexion, et au développement de la création dans les domaines du multimédia et des arts s'y rapportant.

Réseaux…

PeM sur  TwitterPeM sur  SkypePeM sur  DeliciousPeM sur  E-mailPeM sur  LinkedInPeM sur  GithubPeM sur  WiKiPeM sur  Adobe TVPeM sur  DailymotionPeM sur  Academia

Clavier numérique aléatoire : sécurité réelle ou impression de protection ?

Il nous est tous arrivé de croiser ce type d’interface : au moment de saisir un code confidentiel, le site n’affiche pas un simple champ de saisie, mais un pavé numérique à l’écran. Les...

Médiathèque

  • Livres et Magazines
  • Conférences
  • Relectures

Mots clés

Accessibilité Adobe AJAX APIs Bases de données Child-Thème Client Serveur Content Strategy CSS Datas Dreamweaver Développement Flash Gestion de projet GIT HTML JavaScript Logiciel MariaDB MySQL Médias Méthodologie Node.js Open Web Platform PHP PHPMyAdmin Préprocesseur Requêtes Responsive RESTful Référencement Sass SEO SQL Sécurité Thème UI UX Design Vidéo vue.js Web App WordPress XML Écriture Éditeur de code
  • Concevoir un projet
    • 00-Concevoir un projet
    • 01-Cadre & stratégie
    • 02-Structure & contenu
    • 03-Interaction & flux
    • 04-Affichage & visuel
    • 05-Serveurs & déploiement
    • 06-Écosystèmes & culture web
    • 07-Catégories & Mots clés
  • À propos du site
    • 00-À propos du site
    • 01-Objectifs
    • 02-Liste des articles
    • 03 – PAW – Sommaire
    • 04-PeM Labs
  • Médiathèque
    • Livres et Magazines
    • Conférences
    • Relectures
  • L’association
    • Pem’s Projects
    • Où sommes nous ?
    • Soutenir l’association
    • Mentions légales
    • Droits et copyrights
    • Politique de confidentialité
    • Cookies et traceurs
    • Contact

Fièrement propulsé par  - Conçu par Thème Hueman

Nous révisons actuellement l’arborescence, l’architecture générale et les liens entre articles, tout en mettant à jour certains contenus devenus anciens ou inachevés. Nous nous en excusons sincèrement et faisons au plus vite pour que la navigation retrouve toute sa fluidité.

Si vous ne trouvez pas ce que vous cherchez, vous pouvez passer par la page de contact, nous vous répondrons avec plaisir.