Les liens

Mes liens sont organisés en plusieurs catégories :

• mes réalisations web majeures,
• mes articles, tutoriels, astuces publiés sur d'autres sites,
• mes autres réalisations web,
• des ressources pour le développement web,
• Terragen,
• Linux et le monde du libre,
• et les liens divers et variés.

Les liens de chaque catégorie vont des plus récemment ajoutés aux plus anciens.

Réalisations web majeures en ligne

• Optimum Sélection : Le site d'Optimum Sélection, une entreprise spécialisée dans la recherche, la sélection, le conseil et le placement en personnel, basée à Genève. Nouveau !
• CSM : CSM (Communication, Stratégie, Marketing) est une agence de conseil en communication et en télémarketing, basée à Genève. Nouveau !
• Société Électrique Intercommunale de la Côte (SEIC) : Le site de la Société Électrique Intercommunale de la Côte (SEIC) présente le service global de cette société : distribution d’électricité et de chaleur, installations électriques, téléphoniques, informatiques et de la fibre optique, etc. Nouveau !
• Azinnovation : Le cabinet de conseil AZI Innovation créé par Geneviève Bauhofer accompagne des entreprises privées et des organismes publics pour leurs défis opérationnels et stratégiques.
• Patrimonium : Patrimonium est une société suisse indépendante, active dans la gestion de produits alternatifs dans le segment des placements immobiliers et du financement des PME.
• Patrimonium PSREF : Patrimonium PSREF est un fonds immobilier de droit suisse investissant dans des immeubles résidentiels et mixtes.
• Fondation PAS Patrimonium : La Fondation PAS Patrimonium est un groupe de placement immobilier résidentiel suisse.
• RÖCSSTI, un « nano-framework » CSS : RÖCSSTI est ma base de départ en matière de CSS, afin de gagner du temps et d'inclure certains éléments de qualité Web dans mes projets. Mise à jour !
• HUG Vidéo Awards : Les HUG Video Awards sont un concours de vidéo sur le thème des métiers de la santé.
• MediaGun Multimedia Player : Mediagun est le logiciel vidéo de la société Exponent Software, qui est présenté sur ce site.
• Imédia SA : Imédia est une agence de communication spécialisée dans l'édition, la régie publicitaire et le sponsoring basée à Genève.
• Myolux : Myolux est la solution pour la rééducation de la cheville, du genou et de la posture, créée par CEVRES santé.
• Parenti Design : Le nouveau site de Parenti Design, une agence basée à Genève. Beaucoup de plaisir pour l'intégrateur que je suis !
• ESOMAR : ESOMAR est l'autorité de référence en sciences du marketing, des études de marché et d'opinion, à un niveau international. ESOMAR édite le code de bonne conduite et d'éthique professionnelles de ces domaines.
• OHCHR IYPAD : Les Nations Unies ont proclamé l'année 2011 comme étant l'année internationale des personnes d'ascendance africaine. Ce site montre l'interface du CD fait en HTML qui présente ce projet.
• ProPulsion : ProPulsion est une agence de conseil en communication basée à Genève.
• GPaley : Le site de l'Agence immobilière Gérard Paley & fils SA.
• Carepratice, The Central Venous Catheter : Un site de formations vidéos sur le Cathéter Veineux Central, créé avec le groupe REDCO-CVC et le service multimédia des HUG.
• IAM : Independant Asset Management : IAM SA est une société spécialisée dans la gestion d'actifs, basée à Genève.
• Twist-Advertising : Le site de Twist-Advertising, une agence de communication située à Genève.
• SCHENKfinance : Le site de SCHENKfinance, une société de gestion de patrimoine basée à Montreux, en Suisse.
• PNL Coach : Le site de l'institut international BrieF'R Formations ®, spécialisé dans les formations certifiantes en développement professionnel et personnel, basé à Genève.
• Neurofeedback-Romandie : Le site de présentation du Neurofeedback, et de toute l'activité autour de ce concept en Suisse Romande.
• Billards-Baby-Foot : La boutique en ligne du magasin spécialisé du même nom à Genève. Incontournable si vous cherchez du matériel dans ce sens.
• Katrépices : Envie de prendre des cours de cuisine à Genève ? Katrépices est fait pour vous, leur site vous permettra de contacter leur équipe, de voir les cours proposés et de vous y inscrire !
• Yem Informatique : La nouvelle version du site de Yem informatique, toujours à grands coups de XHTML/CSS !
• Yem informatique (ancienne version) : L'ancienne version du site de Yem informatique, refondu à grands coups de XHTML/CSS !
• Fabiennemuller.ch : Le site de Fabienne Muller, photographe sur Genève. Entièrement administrable sans connaissances particulières.
• The GT Project : Un générateur de tableaux XHTML, créé par votre serviteur.
• The S.O.C Project ! : Un générateur de formulaires web, créé par votre serviteur (cf Réalisations web pour plus d'informations. (projet en cours de conception, vous pouvez voir la Foire Aux Questions)Mis à jour !
• Crypteur d'adresses e-mail : Un mini-utilitaire pour "crypter" (le mot est fort) les adresses e-mails dans les liens "mailto" sur un site. Destiné aux intégrateurs.

Haut de page

Articles, publications, tutoriels

• La dette technique en exemple : Cet article sur OpenWeb est un retour d'expérience sur le problème de la dette techique : comment elle peut survenir, se manifester, et surtout se régler. Nouveau !
• Prestataires Web : quelques conseils pour une relation claire et durable : Cet article sur OpenWeb s'adresse aux clients et autres décideurs, il propose quelques astuces à vérifier afin d’avoir une relation plus harmonieuse avec votre prestataire Web. Nouveau !
• Connaitre l'efficacité d'un site via Google Analytics : Cet article sur le magazine du Train de 13H37 vous expliquera quelques pistes pour pouvoir mesurer l'efficacité de vos sites sous Google Analytics.
• Les id sont nos amis : À l'occasion du calendrier de l'Avent « 24 Jours de Web », j'ai écrit un petit article sur l'utilisation des id en HTML/CSS.
• CSS, l'âge de raison : Cet article sur OpenWeb vous expliquera les évolutions des dogmes en CSS, notamment pour des raisons pratiques.
• jQuery Mobile par l'exemple : la Kiwiparty : Ce tutoriel sur Alsacréations vous présentera pas à pas tout ce qu'il faut savoir pour réaliser l'exemple fait à l'occasion de ma conférence à la Kiwi Party 2012 : le site de la Kiwi Partÿ version jQuery Mobile.
• Le fichier htaccess et ses nombreuses possibilités : Cet article sur Openweb vous présentera les innombrables aspects du fichier htaccess, véritable trousse à outil du développement et de la qualité Web.
• Conseils pour mieux gérer des projets complexes : Cet article sur le magazine du Train de 13H37 vous donnera des conseils pour appréhender des projets complexes.
• Vendor prefixes : Vendor prefixes is the english translation of my 10th article on OpenWeb. It talks about the problems caused by their use in production.
• Les préfixes constructeurs : Cet article sur Openweb traite du sujet très épineux des préfixes constructeurs (CSS), qui posent bon nombre de problèmes à tout le microcosme Web.
• De l’intégrateur au développeur front-end : un maillon essentiel de la qualité Web : Ma 9^ème publication sur OpenWeb vous présente le métier d'intégrateur et l'importance primordiale de ce poste dans la qualité Web.
• Améliorer les contrastes de textes : Ma 8^ème publication sur OpenWeb vous parlera d'un grand principe d'accessibilité et de lisibilité, à savoir les contrastes des textes des sites internet.
• Les sprites CSS : Ma 7^ème publication sur Openweb continue d'explorer le domaine des performances web, en détaillant la technique dite des sprites CSS.
• Utiliser PHP pour gérer vos styles CSS  : Attention, astuce (sur Alsacréations) très particulière, à utiliser dans des cas très particuliers en toute connaissance de cause ! Il arrive dans certains cas très précis que l'utilisation de PHP vous facilité la gestion de vos styles CSS.
• Comment interdire le mode de compatibilité sur Internet Explorer : Encore une petite astuce publiée sur Alsacréations pour se débarrasser autant que possible du mode de compatibilité d'Internet Explorer.
• Activer l'impression des éléments HTML5 sous Internet Explorer : Cette toute petite astuce publiée sur Alsacréations vous évitera de grosses surprises dans vos versions imprimables sous Internet Explorer !
• Introduction à la balise video de HTML5 : Cet article sur Alsacréations vous expliquera tout ce qu'il faut savoir pour utiliser correctement la balise video de HTML5.
• Les sprites CSS (sur Alsacréations) : Ce tutoriel sur Alsacréations vous expliquera le principe et les avantages des sprites CSS.
• Les Performances web, pour aller plus loin : Ma 6^ème publication sur OpenWeb continue d'explorer le domaine des performances web (mise en cache avancée, etc.).
• Introduction à la performance web : Ma 5^ème publication sur OpenWeb explique l'intérêt des performances web, et pose les bases de ce domaine.
• Adapter un site pour les Smartphones : Ma 4^ème publication sur OpenWeb traite des différentes approches pour adapter un site sur les Smartphones... en utilisant les standards du web bien sûr.
• Maîtriser l’impression CSS : Ma 3^ème publication sur OpenWeb propose un inventaire des soucis les plus fréquents que l'on rencontre avec les CSS print, accompagné de quelques conseils pour mieux gérer ces difficultés.
• Changer de jeu de caractères pour UTF-8 : Ma 2^ème publication sur OpenWeb pose la problématique des jeux de caractères dans l'internationalisation des sites, introduit comment UTF-8 peut apporter une solution à ces problèmes et explique une migration vers ce jeu de caractères.
• Avoir plusieurs présentations alternatives : Ma 1^ère publication sur OpenWeb vous parlera des styles alternatifs, domaine dont vous pouvez déjà apprécier les possibilités sur ce site via les skins !

Haut de page

Autres réalisations web en ligne

• Est-ce qu'on met en prod aujourd'hui ? : Une page humoristique pour savoir si vous devez mettre en production un site aujourd'hui ! Nouveau !
• Erreur 404 spéciale IE : Informez autour de vous, n'hésitez pas à réutiliser cette page ! Important !
• Animations avec Terragen 2, premier tutoriel : Un nouveau tutoriel sur les animations avec Terragen 2, créé par votre serviteur.
  Document en XHTML 1.1/CSS téléchargeable pour une lecture hors-ligne. Mis à jour !
• Indenteur de code : Encore un délire de fainéantise, cet utilitaire permet de réindenter correctement un bloc de code pour qu'il s'intègre correctement dans un autre bloc de code (ajout/suppression d'espaces).
• 5ème tutoriel (Terranim, en anglais) : La version anglaise du 5^ème tutoriel, sur les animations avec Terranim, faite par votre serviteur.
• 5ème tutoriel (Terranim) : Un 5^ème tutoriel sur les animations avec Terranim, créé par votre serviteur.
  Document en XHTML 1.1/CSS téléchargeable pour une lecture hors-ligne.
• Ergologique : Mon rôle dans cette nouvelle version de ce site a été simple : proposer un squelette XHTML/CSS digne de ce nom, et le finaliser avec le créateur du site, Emeric Thoa.
  Le site est une mine d'informations, je vous invite à aller y faire un tour (pour plus de détails, allez voir sur la page de mes réalisations web).
• 4ème tutoriel (Terranim, en anglais) : La version anglaise du 4^ème tutoriel, sur les animations avec Terranim, faite par votre serviteur.
• 4ème tutoriel (Terranim) : Un 4^ème tutoriel sur les animations avec Terranim, créé par votre serviteur.
  Document en XHTML 1.1/CSS téléchargeable pour une lecture hors-ligne.
• Les codes unicode et héxas des caractères usuels : Comme j'en avais assez de toujours les chercher, j'ai fait une petite boucle en PHP qui donne l'unicode et le code héxadécimal des caractères usuels.Mis à jour !
• 3ème tutoriel (animations plus complexes, en anglais) : La version anglaise du 3^ème tutoriel sur les animations (animations plus complexes), faite par votre serviteur.
• 3ème tutoriel (animation plus complexes) : Un 3^ème tutoriel portant sur des animations plus complexes, créé par votre serviteur. Document en XHTML 1.1/CSS téléchargeable pour une lecture hors-ligne.
• 2ème tutoriel (Campath, en anglais) : La version anglaise de la 2ème partie du tutoriel sur les animations, faite par votre serviteur.
• 2ème tutoriel (Campath) : La 2^ème partie du tutoriel sur les animations (Campath), créée par votre serviteur.
  Document en XHTML 1.1/CSS téléchargeable pour une lecture hors-ligne.
• 1er tutoriel (Campath, en anglais) : La version anglaise du même tutoriel sur les animations (Campath), faite par votre serviteur.
• 1er tutoriel (Campath) : Un tutoriel (Campath) sur les animations faites avec Terragen, créé par votre serviteur.
  Document en XHTML 1.1/CSS téléchargeable pour une lecture hors-ligne.
• C4i Tests : Un micro-site fait en qq heures pendant mon stage de 1ère année chez C4i, réalisé en même temps que l'intranet de gestion du personnel.
• Dali : Un mini-site sur Dali, et ses rapports avec les médias.
• Taka-Maka : Un site sur un sujet fictif : Taka-Maka. Déconseillé aux âmes sensibles et aux déprimés...

Haut de page

Ressources et informations pour le web (développement web)

• Browser hacks : Une liste impressionnante de hacks CSS pour tous les navigateurs. Nouveau !
• Le Train de 13H37 : Un magazine francophone sur la conception Web. Le principe est simple : tous les Mardi à 13H37, un article de grande qualité sort ! Incontournable !
• Wtheora : Une interface simple (sur PC) pour créer des vidéos en format Ogg/Theora, format supporté nativement par les navigateurs Chrome, Firefox et Opéra.
• Validator.nu : Un validateur qui permet de vérifier vos pages HTML5.
• Detect Mobile Browser : Un script de détection assez facilement adaptable... toujours utile.
• Clean CSS : Un petit utilitaire pour optimiser vos CSS, toujours utile.
• Web accessibility evaluation tool : WAVE est un outil anglophone d'évaluation d'accessibilité. Plutôt simple à utiliser, et assez bien fait.
• Brain Cracking : Un excellent blog sur le développement web... à suivre !
• Jscolor : Jscolor est un composant Javascript qui permet de choisir aisément une couleur. Rapide, léger, très facile à intégrer, et fonctionne bien, c'est un plaisir à utiliser.
• Validateur Mobile W3C : Le validateur ultime pour vos sites... qui va vérifier la conformité de vos pages, mais pour les téléphones mobiles. Attention, vous allez avoir des surprises et des déconvenues.
• Siw Interweb : Mon hébergeur pour ce site. Professionnels, efficaces et très réactifs. Une référence à mon humble avis en matière d'hébergement web !
• Position is Everything : Un excellent site sur les problèmes de positionnements via CSS, avec une page spéciale IE recensant tous les problèmes bizarres que ce "navigateur" peut occasionner.Indispensable !
• Brilliant Button Maker : Un générateur de ces images en 80*15 très à la mode sur les sites internet ("RSS valid" est l'un des plus utilisé). Pratique et bien fait, je l'ai utilisé pour de nombreux skins sur mon propre site.Indispensable !
• Ergolab : Des conseils sur l'ergonomie web et logiciel.
• Nexen : Un site très actif sur le PHP, et très utile, de part sa très grande base de données sur ce langage.
• ASP-PHP.net : Un très bon site pour apprendre le PHP et/ou l'ASP.
• Accessiweb : De bons conseils sur l'accessibilité des sites (notamment grâce à une liste de critères bien pensée.
• Ocawa : Un validateur d'accessibilité plutôt bien fait.
• Opquast : Les "bonnes pratiques" du web, un ensemble de recommandations pour améliorer les sites web en général. Un projet très intéressant !
• Alsacreations : Des tutoriels sur le XHTML et les CSS. Très accessible et de bonne qualité.
• Yoyodesign : Si vous êtes allergique à la langue de Shakespeare, vous pourrez trouver sur ce site les traductions de certaines spécifications du W3C en français dans le texte.
• Le W3C : Le site de référence. Contient les spécifications de divers langages ((X)HTML, CSS, SVG, etc.), et les indispensables validateurs (code et feuilles de style)
• Pompage.net : Un site où l'on peut trouver des traductions francophones des derniers tutoriels et autres documents concernant la conception de sites. Contenu de très grande qualité.
• Validateur RSS : Indispensable si vous désirez créer un fil RSS !
• Le StandBlog : Le blog sur les standards du web de Tristan Nitot, très souvent mis à jour, et contenu de qualité. Bref : indispensable !
• Openweb : LE site pour apprendre ce qu'il faut savoir sur les standards du web. Un contenu de qualité, et de très bons articles, un must dans le genre. Incontournable !
• Pompeurs : La liste de diffusion des pompeurs, autrement dit une liste sur les standards du web.
  Les CSS, le XHTML n'ont aucun secret pour eux.
• Piregwan : En voici quelque chose de bien : un forum où il y a des grosses pointures dans tous les domaines du web.
  En plus, ils répondent vite et sont sympas, que demander de plus...

Haut de page

Terragen

• Animations avec Terragen 2, premier tutoriel : Un nouveau tutoriel sur les animations avec Terragen 2, créé par votre serviteur.
  Document en XHTML 1.1/CSS téléchargeable pour une lecture hors-ligne.
• 7th circle : Le site de Seth, de très bonnes réalisations avec Terragen 2 (entre autres), à voir de suite !
• Christian Couette Digital Art : Le site du maître. Un des meilleurs, tout simplement.
• Bleu relatif : Bleu relatif vous propose de nombreuses réalisations avec Terragen, ainsi que des fractales, et des planètes fort réussies.
• 5ème tutoriel (Terranim, en anglais) : La version anglaise du 5^ème tutoriel, sur les animations avec Terranim, faite par votre serviteur.
• 5ème tutoriel (Terranim) : Un 5^ème tutoriel sur les animations avec Terranim, créé par votre serviteur.
  Document en XHTML 1.1/CSS téléchargeable pour une lecture hors-ligne.
• Digitearth : Le site de Pascal, avec de bons tutoriels (notamment un particulièrement complet sur l'effet Bliss). Souvent mis à jour, donc intéressant !
• Space4case : Le site de Kees Veenenbos, une référence en matière de travaux sur Mars.
• Mars Render : De très belles réalisations sur la planète rouge, par Yves Maquinay, Arnaud et Florent Creux.
• 4ème tutoriel (Terranim, en anglais) : La version anglaise du 4^ème tutoriel, sur les animations avec Terranim, faite par votre serviteur.
• 4ème tutoriel (Terranim) : Un 4^ème tutoriel sur les animations avec Terranim, créé par votre serviteur.
  Document en XHTML 1.1/CSS téléchargeable pour une lecture hors-ligne.
• Sean O'Malley's page : La page du créateur de Campath, et du SOPack.
• Ashundar : Une communauté anglophone qui traite de nombreux aspects sur Terragen, notamment celui des animations (mon préféré).
• World Machine : Un très bon utilitaire pour générer des terrains réalistes.
• KK3D : Le site de Karsten Keppel, un maître des animations avec Terragen. Ses travaux sont tout bonnement exceptionnels.
• 3ème tutoriel (animations plus complexes, en anglais) : La version anglaise du 3^ème tutoriel sur les animations (animation plus complexes), faite par votre serviteur.
• 3ème tutoriel (animation plus complexes) : Un 3^ème tutoriel portant sur des animations plus complexes, créé par votre serviteur. Document en XHTML 1.1/CSS téléchargeable pour une lecture hors-ligne.
• 2ème tutoriel (Campath, en anglais) : La version anglaise de la 2ème partie du tutoriel sur les animations (Campath), faite par votre serviteur.
• 2ème tutoriel (Campath) : La 2^ème partie du tutoriel sur les animations (Campath), créée par votre serviteur.
  Document en XHTML 1.1/CSS téléchargeable pour une lecture hors-ligne.
• 1er tutoriel (Campath, en anglais) : La version anglaise du même tutoriel sur les animations (Campath), faite par votre serviteur.
• 1er tutoriel (Campath) : Un tutoriel sur les animations faites avec Terragen (Campath), créé par votre serviteur.
  Document en XHTML 1.1/CSS téléchargeable pour une lecture hors-ligne.
• Darthmagus : Le site perso de Philippe Bullot, des animations, beaucoup de galeries, et un site fort sympathique !
• Emmanuel Quetier : Le site d'Emmanuel Quetier. De nombreuses images dans de nombreux styles : à voir !
• Micter : Le site de Mickaël Terrier, un des derniers arrivés sur le webring francophone.
• Fly on the web : "Il master" des textures de neige ! Site très complet et souvent mis à jour.
• Zazie : Ses réalisations sont magnifiques (allez voir sa page sur le surréalisme).
• Xerraire : Le site de Barbara, récemment arrivée sur le webring français.
• Float that box : Un autre maître français, également très doué dans le développement web. Restez assis, ça fait très mal tellement c'est de haut niveau !
• Yves Maquinay : C'est le site de Yves Maquinay, il a fait de très bons travaux ! Site très complet.
• Terranegroni : Le site d'un des maîtres français. Asseyez-vous, certaines images font tomber sur le derrière !
• Terrafgen : Le site de Ralph, qui lui aussi a fait d'excellents travaux ! A voir !
• Planète Terragen : Le forum "Planète Terragen". Il y a toujours quelqu'un pour vous aider, et l'ambiance est toujours aussi sympa !

Haut de page

Linux et le monde du libre

• Wikipédia : Une encyclopédie libre, très riche et gratuite.Indispensable !
• Formats-Ouverts.org : Un blog sur l'utilité des formats de fichiers ouverts.
• Free Software Foundation Europe : La "fondation du logiciel libre", entre autres investigateurs du projet GNU.
• Framasoft : Un très bon site concernant le logiciel libre, et le libre tout court.
• Open Office : Une excellente suite bureautique libre (en français en plus !).
• Firefox : Firefox, l'incontournable navigateur, pas la peine d'en ajouter. Indispensable !
• Un test de geek : Le test qui va déterminer si vous êtes un geek ou pas ! Très drôle pour le puriste !
• Linuxfr : Un très bon site sur Linux, et le monde du libre en général.
  Très souvent mis à jour et contenu de qualité.

Haut de page

Divers et variés

• Omnilogie : Un site très amusant, surnommé le "Manuel des Castors Seniors", où l'on peut trouver des articles de culture générale sur à peu près tout.
• Lupas Rename : Un utilitaire vraiment très pratique pour renommer "en masse" des fichiers. Le site est en anglais, mais une traduction francophone existe pour le logiciel. En plus, c'est un logiciel libre !
• Clim' City : Un jeu superbe et particulièrement instructif. Une sorte de Sim City écologique. A ne pas manquer !
• Nanarland : Des chroniques tordantes sur des films tellement mauvais... qu'ils en font rire !
• Humeurs-nuits : Allez faire un petit tour sur ce site, Dimitri Schkoda a composé des musiques d'excellente facture, un plaisir pour les oreilles !
• Gros pixels : De nombreux dossiers sur les consoles, les ordinateurs, jeux vidéos. Particulièrement intéressant pour les amateurs de vieilles consoles !
• Kraland : Le site alternatif. Ce dernier contient un jeu de rôle fort sympathique, et diverses choses (petits jeux, etc.). A visiter de toute urgence !
• DosBox : Si comme moi, vous cherchez à faire fonctionner de vieux jeux DOS, allez faire un tour sur ce site !
• MegaMan Matrix : Le site absolu sur la série des Megaman, dont j'étais (je suis encore !) fan sur la NES.
• Les lois de Murphy : Les célébrissimes lois de Murphy, et en français !
• JeuxSoc : Si vous aimez comme moi les jeux de société, allez faire un tour sur ce site tenu par François Haffner, la quantité d'informations compilées ici est assez impressionnante. Souvent mis à jour.
• Zophar : Un site anglophone très complet sur l'émulation. Contient une base de musiques NES et SNES (entre autres) très impressionnante !
• L'Iliade et l'Odyssée : Un site absolument magnifique sur l'Iliade et l'Odyssée. Les images, le son, le travail de recherche/adaptation, tout est exceptionnel sur ce site.
• Allociné : Un bon site pour tout cinéphile.
• Judgehype : Un site portant sur Diablo 1, 2 et 3, Warcraft 3, World of Warcraft et Starcraft.
  Contenu de qualité et très souvent mis à jour.