Meetup passé

Meetup CSS #5 @Ekino

Ce Meetup est passé

94 y sont allés

Image du lieu de l'événement

Détails

Hello.

Après une pause quelques mois, on revient pour le 5e meetup CSS ! Mais on vous a prévu du lourd.

On remercie très fortement Ekino (@3k1n0 (https://twitter.com/3k1n0) @ekinoExperts (https://twitter.com/ekinoExperts)) pour l'organisation et l'accueil de ce meetup. Des pizzas et des boissons seront offerts à la fin du meetup.

Au menu :

• Entrée: la technique des Fab Four par Rémi Parmentier (@HTeuMeuLeu (https://twitter.com/HTeuMeuLeu))

Intégrer des e-mails responsive, c'est difficile. Et ça impose de travailler avec un support de CSS minimal, souvent sans media queries. Voici la présentation d'une technique un peu tordue permettant d'optimiser du contenu sur mobile, sans media queries. Et un premier pas vers des Element Queries…

• Plat: 10 astuces SVG qui vont vous sauver la vie (@iamvdo (https://twitter.com/iamvdo))

SVG est partout. Mais SVG est capricieux. Tout ne marche pas toujours comme on le voudrait. Tour d'horizon de ses caractéristiques, des pièges à éviter et des petites choses à savoir pour démarrer sans encombres.

• Dessert au choix (@HarrisFreddy (https://twitter.com/HarrisFreddy)):

Web Animation Performance (comme à Best of Web)

Le web est challengé par les applications natives. Nous développons des Single Page App pour les concurrencer, mais pour offrir une meilleure expérience utilisateur il est indispensable de proposer des interfaces animées et fluides. Comment faire aujourd'hui pour être fluide sur mobile ? Comment analyser à la loupe la performance des animations dans les Chrome DevTools ? Quelle métrique utiliser ? C’est ce nous allons voir ensemble.

ou

Comment faire des Layout Animations sans faire de Layout Animation ?

First - Last - Invert - Play
Dans mon talk "Web Animation Performance" j'explique le render du browser (Layout - Paint - Composite) pour mieux comprendre l'impact de nos animations. Une des conclusions est d'éviter au maximum de provoquer des animations qui provoque un Layout browser. Mais cette optimisation pose des contraintes de design. FLIP est une technique permettant de simuler une Layout Animation mains en ne faisant qu'une animation basée sur les Composite pour être fluide (60fps) après avoir modifié le DOM.

Bonne dégustation !

Notre hôte ekino :

Développée à partir d'un embryon 100% digital, ekino, groupe HAVAS, accompagne ses clients (des grands comptes aux startups) dans la création ou la transformation de leur business à l'ère numérique. Les domaines d'expertises des 200 collaborateurs d'ekino (répartis entre Paris, Bordeaux et Ho Chi Minh) portent autant sur la gestion de projet que sur les technos front, back, système, la conception UX, UI, etc. Et parce que ces mêmes collaborateurs aiment progresser et partager, ekino se réjouit d'accueillir vos meetups. http://www.ekino.com/