Skip to content

Puce et Média

  • L’association
    • Droits et copyright
    • Pem’s Projects
    • Soutenir l’association
    • Où sommes nous ?
    • Contact
  • 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
  • Médiathèque
    • Livres et Magazines
    • Conférences
    • Relectures
  • À propos du site
    • Objectifs
    • Organisation du site
    • Liste des articles
    • Répartition des contenus
    • En cours de réflexion
  • É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

En cours de restructuration... - Recherche et développement

  • L’association
    • Droits et copyright
    • Pem’s Projects
    • Soutenir l’association
    • Où sommes nous ?
    • Contact
  • 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
  • Médiathèque
    • Livres et Magazines
    • Conférences
    • Relectures
  • À propos du site
    • Objectifs
    • Organisation du site
    • Liste des articles
    • Répartition des contenus
    • En cours de réflexion

Étiqueté : Texte

CSS / PWA, SPA, RWD

25 mai 2015

 par birnou · Published 25 mai 2015

Rapport taille texte / images

Adapter les images… Dès lors qu’un contenu se redistribue proportionnellement en se basant sur une grille liquide, il arrive que les images, ou les autres éléments multimédia de la page, deviennent rapidement disproportionnés par...

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

Typographie web : performance, accessibilité et culture au-delà du style

La typographie est omniprésente dans les interfaces numériques. Elle structure le contenu, guide le regard, crée une atmosphère, influence la perception et, parfois, rend ou non le message accessible. Dans un monde où les...

Médiathèque

  • Livres et Magazines
  • Conférences
  • Relectures

Mots clés

Accessibilité Adobe AJAX APIs Automatisation Bases de données Client Serveur Content Strategy CSS Datas DOM Dreamweaver Développement Flash Gestion de projet GIT HTML JavaScript Logiciel MariaDB MySQL Médias Méthodologie Node.js Open Web Platform PDF PHP 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 Écriture Éditeur de code
  • L’association
    • Droits et copyright
    • Pem’s Projects
    • Soutenir l’association
    • Où sommes nous ?
    • Contact
  • 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
  • Médiathèque
    • Livres et Magazines
    • Conférences
    • Relectures
  • À propos du site
    • Objectifs
    • Organisation du site
    • Liste des articles
    • Répartition des contenus
    • En cours de réflexion

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.