Les liens

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


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

Réalisations web majeures en ligne

  • ESOMAR Directory : J’ai participé à la refonte de ce site, en gérant la majorité du développement front-end. Nouveau !
  • Van11y : Van11y (prononcez Vanity pour Vanilla Accessibility) est une réécriture en ES2015 des plugins accessibles en jQuery. Nouveau !
  • OHCHR : J’ai eu le plaisir de réaliser l’intégration des gabarits pour le nouveau site du Haut-Commissariat des Droits de l’Homme.
  • HUG academy photo : À l’occasion de la Cité des Métiers 2015, les HUG organisent un concours photo sur les métiers de la santé.
  • ICPIC Clip Award : Ce concours vidéo a été mis en place à l’occasion de la Conférence Internationale sur la Prévention et le Contrôle des Infections à Genève (du 16 au 19 Juin 2015).
  • Accessibility section - jQuery Plugins : Ce sous-domaine de mon site propose de nombreux plug-ins accessibles faits avec jQuery. Mis à jour !
  • Fêtes de Genève : Les fêtes de Genève sont l’événement incontournable de l’été à Genève, avec entre autres le fameux grand feu d’artifice.
  • Vision Contact : Vision Contact est un centre de contactologie situé à Genève.
  • Vision Laser : Vision Laser est le premier centre de chirurgie laser de Genève.
  • People with albinism : À l’initiative du Haut Commissariat aux Droits de l'Homme, ce site défend la cause des personnes atteintes d’albinisme. Nouveau !
  • Arcora Monaco : Le site d’Arcora Gestion Monaco, une société spécialisée dans la gestion d’actifs.
  • Röcssti, un micro-framework CSS : Röcssti est mon micro-framework 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. Nouveau site bilingue et builder !
  • Arcora Genève : Le site d’Arcora Gestion, une société spécialisée dans la gestion d’actifs à Genève.
  • Parenti Design : Le nouveau site de Parenti Design, une agence basée à Genève.
  • Vision Clinique : Vision Clinique est le premier centre de chirurgie ophtalmologique à Genève.
  • Genix Security Group : Le site de Genix Security Group, société de sécurité spécialisée en Cyber Guarding, à Genève.
  • Prezenz : Le site de l'agence Web où je travaille, récemment intégralement refondu !
  • Office of the High Commissioner for Human Rights 20th anniversary : Pour l'anniversaire des 20 ans du Haut Commissariat aux Droits de l'Homme, ce site présente le chemin accompli depuis sa création.
  • 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.
  • 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.
  • 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.
  • 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é.
  • 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.
  • 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.
  • 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.
  • 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

Haut de page

Autres réalisations web en ligne

  • CSP useful, a collection of scripts, thoughts about CSP : En relation avec ma conférence sur CSP à Paris Web 2015, je vous propose ce dépôt Github avec toutes sortes d’astuces sur CSP. Nouveau !
  • Est-ce qu'on met en prod aujourd'hui ? : Une page humoristique pour savoir si vous devez mettre en production un site aujourd'hui ! Important !
  • 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.
  • 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 !
  • 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.
  • 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.
  • 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.
  • 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.
  • 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 !

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.
Ce site est la propriété de Nicolas Hoffmann. Tous droits réservés.