La GEPApiR
Le site personnel de Pierre Goiffon
v7.9.5 Official Service Release
(Build 2751 : Service Pack 8)


Introduction

Ce site est la continuité de ma toute 1ère page personnelle, apparue au début de l'année 1996 sur un coin du serveur de Mediartis (toute une époque). Au départ liste de liens pour partager les bonnes adresses (Winfiles, le Web Museum - tient, vous avez ressortit le vitriol ?) et une seule et unique page, mon site personnel s'est peu à peu étoffé.

Après quelques ajouts, ce site est devenu mon lieu d'expérimentation : JavaScript, CSS, etc.
Plusieurs fois il a été plongé dans de longues phases de sommeil... Il contient maintenant un (joyeux ?) bazard, regroupant quelques uns de mes principaux centres d'intérêts, et en particulier la musique et le développement web.

Vous constaterez que l'esthétique n'est pas du tout à la mode : c'est un choix délibéré, en souvenir de ce web ancien dont ce site est issu !
Cependant ces pages respectent les bonnes pratiques du web moderne (sprites, minification/compression, ...) et sont valides HTML 5 et CSS 3. Vous trouverez des détails sur les techniques utilisées sur ce site en consultant cette sous rubrique : La GepapiR côté technique.


GEPApiR ?

Le titre provient de la contraction de "page" en verlan, et de mon pseudo sur réseau depuis quelques éternités : piR.
Ce pseudo est à prononcer comme mon prénom, "Pierre" ! En fait je l'ai étrenné au départ (vers fin 1994... oui ça date...) en émulation VT100, et tout déconfi de ne trouver comment entrer la lettre 𝛑 (U+03CO pour la lettre et U+1D6D1 pour le symbole mathématique) je m'étais alors résolu à simplement saisir "pi" en toutes lettres, le R majuscule marquant la prononciation !


Changelog

Ci dessous les dernières mises à jour sur le site.
Ces mises à jour sont disponibles en RSS grace au service de Feed43 : RSS

12/10/2014, v7.9.5
- modification du texte de la page d'accueil,
- correction de la couleur des liens de la barre de navigation,
- informatique / CSS mises en forme diverses : complément sur la compatibilité navigateurs,
- informatique / Menu de navigation : complément sur la bordure,
- informatique / Développement Notes / Domino et doctype HTML : maj suite à constatation que le DarkBlog n'est plus accessible
02/09/2014, v7.8.1
informatique / responsive design :
- introduction plus complète,
- ajout d'exemples sur les marges en %,
- précision sur le border-radius du menu
30/08/2014, v7.8.0
- marges horizontales en %,
- passage de l'arrondi du menu en % pour la composante horizontale,
- informatique / responsive design : mise à jour des captures du menu et de la fonction writeCSSRespImg(), ajout d'un paragraphe sur les unités CSS relatives,
- ajout de box-shadow, border-radius et border outset sur les blockquote
29/08/2014, v7.7.5
- ajout du gzip sur les pages du site,
- minification et ajout du gzip sur la css et le javascript du site,
- informatique / performances : renommage de la page (anciennement CSS Sprites) et ajout d'info sur les autres techniques utilisées (concaténation, minification, gzip, ...),
- ajout d'arrondis sur la bordure du menu,
- ajout d'une marge sous les images des H1,
- informatique / mises en forme diverses : compléments supplémentaires sur CSS Shapes,
- informatique / outils pour le concepteur de site personnel : ajout d'outils de test responsive design,
- mini corrections diverses dans des articles
23/08/2014, v7.6.1
- musiques : création d'une page sur Finale,
- informatique / mises en forme diverses : ajout de compléments sur CSS Shapes
22/08/2014, v7.5.0
- ajout d'un flux RSS sur le changelog,
- informatique : fait disparaitre les articles pas encore prets,
- informatique / internationalisation pour le concepteur web : mise à jour,
- informatique / responsive design : compléments sur les attributs HTML 5 data-*
15/08/2014, v7.4.3
- informatique : ajout au besoin d'un système de TOC automatique (merci WhitSoftDev),
- informatique : ajout d'une sous rubrique "La GepapiR côté technique",
- informatique : ajout d'une page outils des concepteurs de site personnel,
- informatique / css groupement : changement titre, ajout préproc et variables CSS,
- informatique : mise en place des nouvelles footnotes,
- bascule sur la web font Satisfy chez Google fonts, afin de profiter de leur CDN et polices optimisées !
- moi : ajout d'un lien IMDB
13/08/2014, v7.3.5
- responsive design : gestion des images d'entête (petit oubli oops) via un JS qui se débrouille au chargement,
- ajout d'un clear: left manquant sur les séparateurs,
- musiques : ajout liens pour écouter les démo JeudiSoir et IYB
09/08/2014, v7.3.2
- pour une meilleure expérience sur mobiles et tablettes, responsive design sur les séparateurs et le menu de navigation (via Media Queries conjuguée à la balise meta viewport),
- menu de navigation : basculé sur le nouvel élément nav,
- menu de navigation : ajout de :before avec U+27A6 pour les séparations,
- remise à jour de la rubrique Liens (reste encore pas mal de rédaction),
- mise à jour contenu de la page Musiques,
- corrections sur la lettre pi dans la description ci-dessus
05/08/2014, v7.1.9
- modif de l'image dans musiques (border, box-shadow et transform rotate),
- ajout d'un box-shadow sur les images de titre et les séparateurs,
- ajout d'une image de titre pour la rubrique "moi",
- ajout explications titre du site
01/08/2014, v7.1.5
Continuation de la mise à niveau du site :
- mise en sprites de certaines images (icones du menu de navigation, séparateurs),
- menu de navigation : changement de certaines icones,
- menu de navigation : modif du :hover, suppression d'un léger bug de décalage,
- séparateurs : maintenant tirés au sort (un petit F5 pour voir ?),
- séparateurs : ajout d'un séparateur X11,
- séparateurs : ré-ordonnés différemment
30/07/2014, v7.0.5
Ouf enfin ! Reprise de ce site... Bon, rien de trop visible mais c'est un début de remise à niveau, avant d'attaquer le contenu...
- doctype HTML5,
- ajout de liens vers la home sur les titres de rubriques,
- suppression des hacks IE (nous sommes - et ça fait du bien ! - dans une autre époque),
- fusion des CSS (objectif moins de resources à télécharger),
- remplacement des images des titres de 2eme niveau par du texte (vive les web fonts !),
- ré-écriture contenu page d'accueil,
- ajout d'un favicon (oui, ça change tout ! ;) ) (et merci http://realfavicongenerator.net/),
- musiques : mini modif sur l'image,
- musiques : ré-écriture et actualisation des groupes,
- divers : ajout de liens,
- liens : suppression du bookmark
19/04/2009, v6.1.0
Correction et compléments dans l'article "HTML ou XHTML ?" à propos de l'attribut id.