Meetup CSS #7 @Dailymotion

Hello,

En route pour le 7e meetup ! On remercie Dailymotion (https://dailymotion.fr) qui nous accueille et nous offre repas et boissons.

https://www.underconsideration.com/brandnew/archives/dailymotion_logo_detail.png

L'accueil commencera à partir de 18h45, les talks à partir de 19h15.

Une place pour BestOfWeb sera offerte pendant le meetup.

https://secure.meetupstatic.com/photos/event/8/1/8/b/600_461013163.jpeg

Les talks:

• Design d'Interface Utilisateur & bonnes pratiques: règles de base et cas pratiques (15-20')

par Laurent Sébire (@_TiTAN (https://twitter.com/_TiTAN))

• Scampi - Retour d'expérience sur la construction d’un framework CSS (15-20')

par Hugues Moreno (@funkymaki (https://twitter.com/funkymaki)) et Anne Cavalier (@annecav_pidila (https://twitter.com/annecav_pidila))

L’équipe web de la Direction de l’information légale et administrative a choisi de créer son propre framework CSS - SCAMPI - plutôt qu’en utiliser un existant : nous avons ainsi pu intégrer directement le respect des critères pour lesquels les sites publics doivent être conformes : accessibilité, charte s’appliquant aux sites gouvernementaux, bonnes pratiques web, écoconception.

Ce « kit de démarrage » est volontairement dépouillé de charte graphique pour pouvoir être utilisé sur tous nos projets puis personnalisé site par site. Il nous permet également de créer des gabarits HTML simplement, voire de petits sites événementiels ou de nos « side projects ».

Lors de cette conférence, nous vous présenterons notre framework, les principes qui gouvernent son architecture et les premiers pas pour démarrer un nouveau projet.

• Ceci n’est pas une blague : comment faire un moteur de recherche en pur CSS ? (30')

par Tim Carry (@pixelastic (https://twitter.com/pixelastic))

1er Avril 2017. Algolia sort son premier client d’API de recherche en CSS. Résultats pertinents et rapides, affichage en temps réel, gestion des fautes de frappe et surlignage. Toutes les fonctionnalités d’une bonne expérience de recherche étaient là, condensée dans un seul fichier .css.

Même si notre annonce était un poisson d’Avril, ce n’était pas “juste” une blague: nous avons vraiment construit une démo et poussé les limites de ce qu’il est possible de faire en CSS.

Pour pouvoir comprendre comment un langage comme CSS peut être utilisé pour construire un moteur de recherche, il nous faut nous plonger dans la manière donc un moteur de recherche fonctionne. En découpant le problème en une somme de plus petits challenges, nous pouvons les résoudre un par un. En utilisant plusieurs astuces CSS tels que les pseudo-éléments, les polices custom ou encore flexbox, il est possible de mettre au point une expérience complète de recherche, uniquement en CSS. Aucune API n’a été blessée dans la préparation de ce talk.

• Réussir vos 'non-rectangular headers' (Minitalk 5-10')

par Lucas Bonomi (@LukyVJ (https://twitter.com/LukyVJ))

Une overview de quelques moyens de réussir vos headers non-rectangulaires