✮ Présentation pour le WordCamp Paris 2014 ✮
L’accessibilité web : tout le monde en a plus au moins entendu parlé. Mais qui l’utilise vraiment au quotidien ?
Tous les acteurs impliquées dans la conception, le développement et la vie d’un site web (rédacteur, blogueur, SEO, SMO ...) devraient être sensibilisées aux différents types de déficiences. Cela permet de mieux comprendre les potentielles situation de handicap sur le web.
Cette conférence tend à expliquer les déficiences qui peuvent affecter l'usage d'un site web et détail une série de bonnes pratiques pour coder correctement un thème et un WordPress avec du code adapté pour le HTML, le CSS et le Javascript. Enfin, il est expliqué comment utiliser correctement l'espace administrateur de WordPress (le Back-Office de WordPress) pour qu'un maximum d'internautes et visiteurs puissent consulter le contenu.
Pourquoi et comment améliorer l'accessibilité des sites WordPress - WordCamp ...Claire Bizingre
Atelier présenté au WordCamp Paris 2015, présentation des besoins, des problèmes rencontrés par les utilisateurs, solutions proposées par WordPress, plugin et thèmes accessibility-ready.
Trouvez le Thème WordPress Idéal - WordCamp 2014Alex Bortolotti
http://wpmarmite.com
J'ai donné cette présentation au WordCamp Paris 2014 le vendredi 17 janvier 2014.
Vous y trouverez une méthode pour vous aider à trouver un thème WordPress pour votre projet.
Bonne continuation dans vos recherches ;)
Alex
La tendance est de plus en plus marquée pour 2015, les utilisateurs veulent du simple, du rapide et du facile, tout en obtenant de très bons résultats sur le rendu visuel de leur WordPress.
Les constructeurs de page sont en plein essor, avec les meilleurs on peut très rapidement créer des pages aux mises en formes complexes (colonnes, onglets tabulaires, filtres, etc), et ce, sans aucune connaissance particulière!
Oui mais… que valent-ils ? Quels sont les meilleurs constructeurs du moment ? Quels sont les avantages pour vous et votre client ? Quid de la qualité du code généré ? Et enfin, est-ce un frein à votre référencement ?
Autant de questions auxquelles nous allons essayer de répondre lors de cette conférence.
Comment travailler sur des projets WordPress pour de gros clientsEmilie LEBRUN
Je vous propose un retour d’expérience sur l’organisation et les process de travail de nos agences pour la gestion des projets complexes WordPress : devis, gestion des clients, type de réunions, livrables, outils, workflow, méthodes de conception et de développement, etc
Quelles sont les erreurs à éviter, les best practices à appliquer afin que les projets soient rentables et les clients satisfaits ? Comment fait-on pour suivre les planning ? Doit-on reprendre les projets d’autres prestataires ? Comment gérer en plus de la production la maintenance et les mises à jours ?
Avec WordPress sont aujourd’hui produits des sites responsives, adaptatifs, ou en thèmes mobiles spécifiques. Ces mêmes sites sont aussi transférables en appli mobile ou en webmobile, sur des tablettes permettant la vente en direct en boutique.
À partir d’un back office unique, on pilote ainsi une multitude de sites sur des supports très différents.
Comment réalise t on ces sites WordPress multi-supports ? Quels sont les pièges à éviter et les best practices ? Quels sont les références de sites, les plugins existants et les possibilités actuelles ?
Découvrons les possibilités multi support de WordPress !
Tester le niveau d'accessibilité d'un thème WordPressClaire Bizingre
Les personnes en situation de handicap peuvent rencontrer des difficultés dans l’utilisation des sites Web. WordPress a de nombreux atouts pour la création de sites avec un bon niveau d’accessibilité. Mais le thème choisi ou développé joue un rôle important pour permettre à tous les utilisateurs d’accéder à un site WordPress. C’est pourquoi, à l’aide d’un ensemble d’outils, nous allons voir comment tester un thème WordPress dans le but d’évaluer son niveau d’accessibilité pour ensuite en déduire la liste des améliorations à effectuer.
Pourquoi et comment améliorer l'accessibilité des sites WordPress - WordCamp ...Claire Bizingre
Atelier présenté au WordCamp Paris 2015, présentation des besoins, des problèmes rencontrés par les utilisateurs, solutions proposées par WordPress, plugin et thèmes accessibility-ready.
Trouvez le Thème WordPress Idéal - WordCamp 2014Alex Bortolotti
http://wpmarmite.com
J'ai donné cette présentation au WordCamp Paris 2014 le vendredi 17 janvier 2014.
Vous y trouverez une méthode pour vous aider à trouver un thème WordPress pour votre projet.
Bonne continuation dans vos recherches ;)
Alex
La tendance est de plus en plus marquée pour 2015, les utilisateurs veulent du simple, du rapide et du facile, tout en obtenant de très bons résultats sur le rendu visuel de leur WordPress.
Les constructeurs de page sont en plein essor, avec les meilleurs on peut très rapidement créer des pages aux mises en formes complexes (colonnes, onglets tabulaires, filtres, etc), et ce, sans aucune connaissance particulière!
Oui mais… que valent-ils ? Quels sont les meilleurs constructeurs du moment ? Quels sont les avantages pour vous et votre client ? Quid de la qualité du code généré ? Et enfin, est-ce un frein à votre référencement ?
Autant de questions auxquelles nous allons essayer de répondre lors de cette conférence.
Comment travailler sur des projets WordPress pour de gros clientsEmilie LEBRUN
Je vous propose un retour d’expérience sur l’organisation et les process de travail de nos agences pour la gestion des projets complexes WordPress : devis, gestion des clients, type de réunions, livrables, outils, workflow, méthodes de conception et de développement, etc
Quelles sont les erreurs à éviter, les best practices à appliquer afin que les projets soient rentables et les clients satisfaits ? Comment fait-on pour suivre les planning ? Doit-on reprendre les projets d’autres prestataires ? Comment gérer en plus de la production la maintenance et les mises à jours ?
Avec WordPress sont aujourd’hui produits des sites responsives, adaptatifs, ou en thèmes mobiles spécifiques. Ces mêmes sites sont aussi transférables en appli mobile ou en webmobile, sur des tablettes permettant la vente en direct en boutique.
À partir d’un back office unique, on pilote ainsi une multitude de sites sur des supports très différents.
Comment réalise t on ces sites WordPress multi-supports ? Quels sont les pièges à éviter et les best practices ? Quels sont les références de sites, les plugins existants et les possibilités actuelles ?
Découvrons les possibilités multi support de WordPress !
Tester le niveau d'accessibilité d'un thème WordPressClaire Bizingre
Les personnes en situation de handicap peuvent rencontrer des difficultés dans l’utilisation des sites Web. WordPress a de nombreux atouts pour la création de sites avec un bon niveau d’accessibilité. Mais le thème choisi ou développé joue un rôle important pour permettre à tous les utilisateurs d’accéder à un site WordPress. C’est pourquoi, à l’aide d’un ensemble d’outils, nous allons voir comment tester un thème WordPress dans le but d’évaluer son niveau d’accessibilité pour ensuite en déduire la liste des améliorations à effectuer.
Conférence défi donnée lors de la 1ère édition de Webisland à Nantes (2018).
Au pied levé, les équipes de SeoMix ont relevé le défi : résoudre une problématique d'acquisition de trafic et de conversion pour un site, en quelques heures seulement.
Découvrez notre méthode et les résultats de cette stratégie webmarketing !
Par SeoMix : Louis Bazile, Raphaël Maïa Ferreira et Daniel Roch.
Conception de thèmes WordPress : construire et optimiser son espace de travailFrédérique Game
-- Conférence WordPress Camp 2016 --
À partir d’un framework comme Genesis et d’un starter theme comme Underscores : apprendre à identifier les éléments importants et organiser ses outils, librairies afin de créer son propre flux de travail. Gagner en productivité pour se concentrer sur l'essentiel et offrir un design efficace et orienté utilisateurs.
Côté front-end : (re) découverte de SASS (et outils dédiés)
Côté développement : utilisation des snippets, mise-en-place de versionning comme Git.
Utiliser un maximum de ressources disponibles depuis WordPress : exemples, les body class, les librairies Jquery présentes etc...
Présentation qui navigue entre l’atelier et le partage d’expérience et d’astuces plutôt à destination des (web)graphistes ou personnes désireuses d’approfondir des notions front-end, cette proposition balaiera les grandes lignes pour nous aider à créer un environnement de travail plus efficace et plus confortable.
Audience ciblée : Designers, Chefs de Projets, Clients
L’envers du décord’un site WooCommerce | WP Tech NantesFabrice Ducarme
L’envers du décord’un site WooCommerce
Pourquoi choisir WooCommerce ?
WooCommerce et le SEO
La vitesse de votre ecommerce
Ce qui lui manque…
Alternatives et autres options
Conférence sur la Dette Technique et sur le CMS WordPress lors du WordCamp Paris 2018
- Qu'est ce que la dette technique ?
- Comment la dette technique impacte t-elle WordPress ?
- Quels sont les bons choix à faire pour maîtriser sa dette technique sur WordPress ?
Découvrez tout cela et bien plus dans cette conférence sur WordPress !
La conférence est ici : https://www.seomix.fr/dette-technique-et-wordpress/
Combien coûte un site WordPress ? - Wordcamp Paris 2014Thierry Pigot
Combien coûte un site WordPress ?
Wordcamp Paris 2014
On vous pose régulièrement cette question ? Moi, c’est tous les jours ! Mais alors, quel est exactement le prix d’un site WordPress ? Comment le définir ? Comment le justifier ? Quelles bonnes pratiques mettre en place pour faire perdurer cet écosystème communautaire ?
Pas besoin de le répéter, WordPress fait le buzz ! CMS Open Source gratuit il permettrait de monter un site professionnel en moins de 5 minutes, sans connaissance de l’informatique (lol !).
Le fait que ce soit une solution gratuite, ou bien encore face à cette avalanche de prix « low cost » qui nous promet des sites pour moins de 500€, il est souvent difficile de justifier le coût parfois élevé que peut représenter la mise en place d’un site sous WordPress. Nous allons voir à travers quelques cas pratiques, comment estimer le véritable coût d’un projet. Nous verrons en suite comment le justifier auprès de nos clients. Nous aborderons enfin les aspects communautaires et les interactions avec l’écosystème WordPress.
Donc, rangez vos calculettes et ouvrez vos oreilles !
SEO WordPress : Optimiser le référencement naturelThierry Pigot
Optimiser son site WordPress pour un bon référencement naturel.
Plugins, paramétrages, astuces, SEO
WordPress Day – Tlemcen – Algérie – 1er décembre 2011
[WordCamp Bordeaux] Fusionner sa politique print et web avec WordPressSébastien Grillot
Conférence de Sébastien Grillot donnée lors des WordCamp Bordeaux 2017.
Présentation d'un projet réalisé par l'agence Canopée, dans le cadre de la mise en place d'automatisations; aussi bien au niveau du WorkFlow éditorialiste, que de la création de fichiers XML pour intégrer le contenu à la maquette graphique en moins de 4 secondes. Des jours de travail gagnés grâce à WordPress, ainsi que de nouvelles possibilités offertes à l'impression du journal papier, impossible jusque là.
@SebGrillot
Alphorm.com Support de la Formation Adobe-Illustrator CC , Découverte du vect...Alphorm
Formation complète ici :
http://www.alphorm.com/tutoriel/formation-en-ligne-adobe-illustrator-cc-decouverte-du-vectoriel
Illustrator est le logiciel vectoriel de référence sur le marché le plus utilisé en milieu professionnel, en particulier par les infographistes et les illustrateurs à destination des créations.
Le dessin vectoriel a l’avantage conséquent d’enregistrer des visuels sous forme d’ensemble de vecteurs et non sous forme de ce qui permet en cas d’augmentation de la taille des images aucune altération de l’image.
Cette formation Adobe Illustrator CC, est la première formation dans un cursus Adobe Illustrator CC étalé sur 3 formations : Découverte du vectoriel, Avancé et Approfondissement.
Pendant cette formation Adobe Illustrator CC, Découverte du vectoriel, Sylvia vous apprendra via des cas pratiques, comment créer des objets en utilisant les outils de dessin vectoriel, dessiner les fonds et les contours, maîtriser les outils de transformation, de sélection, les calques pour structurer vos compositions graphiques.
Durant cette formation Adobe Illustrator CC, Découverte du vectoriel vous allez découvrir tous les aspects graphiques. Comment dessiner à la plume, utiliser les effets visuels intégrés, placer des images, insérer des textes vectoriels.
Cette formation Adobe Illustrator CC, Découverte du vectoriel, avec les cas pratiques vous permettra de mettre en pratique les fonctions principales du Adobe Illustrator CC et de vous progresser pour une utilisation professionnelle.
Alphorm.com Formation Dreamweaver CC pour les débutantsAlphorm
Formation complète ici:
http://www.alphorm.com/tutoriel/formation-en-ligne-dreamweaver-cc-pour-les-debutants
Cette formation Adobe Dreamweaver CC vous présente l'utilisation de cet outil puissant de création de sites web statiques et dynamiques rapide et efficace.
Très simple et souple d’utilisation, Adobe Dreamweaver CC permet de créer un site internet sans réelle connaissance en développement grâce à son interface intuitive et son mode de "création".
Vous allez découvrir son interface puis traiter les notions de bases comme les listes, les formulaires, les ancres, les tableaux, les médias, les fonts, les CSS…
Ensuite, vous allez maîtriser la gestion et paramétrage des sites web sous Adobe Dreamweaver CC, en plus d'une introduction au responsive design et analyse de la compatibilité cross browsers.
Pour bien assimiler Adobe Dreamweaver CC, vous allez avoir une série d'exercices et d'exemples afin de construire un site final fonctionnel et complet.
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010Raphaël Goetter
Vous n’avez pas encore sauté le pas HTML 5 / CSS 3 ? Par manque de temps ? Par méconnaissance ? Par frilosité ? Juste pour nous contrarier ?
Pascale Lambert-Charreteur et Raphaël Goetter vous proposent d'en découvrir les grandes lignes (de code), démêleront le vrai du faux (et les nombreuses idées reçues) et partageront avec vous leurs expériences.
WordPress est une plateforme relativement simple à aborder pour les développeurs mais aussi pour les non-développeurs. Il est simple de concevoir un plugin et de le publier sur le dépot wordpress.org.
Cette conférence abordera les étapes que j’ai vécu, depuis le développement de mon premier plugin gratuit « Email Users » jusqu’à ma dernière réalisation freemium, en passant par quelques échecs commerciaux.
Présentation à l'occasion des conférences WPMX Day 2015 à Biarritz
Alphorm.com Formation SketchUp 2016 et Artlantis 6 - Atelier architecturalAlphorm
Formation complète ici:
http://www.alphorm.com/tutoriel/formation-en-ligne-sketchup-2016-et-artlantis-6-atelier-architectural
Votre expert en conception Alexandre BLONDEAU vous a préparé ce nouvel atelier architectural sur SKETCHUP 2016 ET ARTLANTIS 6.
Cet atelier SKETCHUP 2016 ET ARTLANTIS 6, vous apprendra toutes les connaissances techniques sur SKETCHUP 2016 ET ARTLANTIS 6.
Avec cet atelier architectural SKETCHUP 2016 ET ARTLANTIS 6, vous allez maîtriser la conception 3D d’une villa, l’application des matériaux sur SketchUp, le rendu réaliste sur SketchUp, l’export du modèle 3D de SketchUp à Artlantis et le rendu réaliste sur Artlantis 6.
Avec cet atelier SKETCHUP 2016 ET ARTLANTIS 6, vous apprendrez à utiliser le logiciel de manière optimale afin de devenir un expert sur SKETCHUP 2016 ET ARTLANTIS 6.
Communautés Drupal et WordPress : le choc des titans ?Thierry Pigot
Les communautés Drupal et WordPress sont parmi les plus dynamiques au sein des communautés Open Source de gestion de contenu. Pourtant, à y regarder de plus près, de nombreuses différences les distinguent : les acteurs économiques ne sont pas les mêmes, les modes d’organisation et de gouvernance diffèrent, les logiques de contribution et d’accès à la communauté reposent sur des règles opposées, …
Nous vous proposons de scruter le fonctionnement de ces communautés au travers du regard de deux experts et membres actifs de ces communautés : Léon Cros (Président Drupal France) et Thierry Pigot (Président WordPress Paris), dans un objectif de partage et de retour d’expérience.
It’s been more then ten years since the first release of WordPress. It was forked from b2 and they already need to deal with checking the code. Thousands of lines of code have been written causing a lot of great features WordPress has now.
In this presentation I talked about the fork of b2 in 2003 and about all the major features what got added in the last ten years. Showing how those features helped out making WordPress what it is today. Running on 21.2% of the web and still building new features.
This all to makes WordPress the best publishing tool that currently exists.
Conférence défi donnée lors de la 1ère édition de Webisland à Nantes (2018).
Au pied levé, les équipes de SeoMix ont relevé le défi : résoudre une problématique d'acquisition de trafic et de conversion pour un site, en quelques heures seulement.
Découvrez notre méthode et les résultats de cette stratégie webmarketing !
Par SeoMix : Louis Bazile, Raphaël Maïa Ferreira et Daniel Roch.
Conception de thèmes WordPress : construire et optimiser son espace de travailFrédérique Game
-- Conférence WordPress Camp 2016 --
À partir d’un framework comme Genesis et d’un starter theme comme Underscores : apprendre à identifier les éléments importants et organiser ses outils, librairies afin de créer son propre flux de travail. Gagner en productivité pour se concentrer sur l'essentiel et offrir un design efficace et orienté utilisateurs.
Côté front-end : (re) découverte de SASS (et outils dédiés)
Côté développement : utilisation des snippets, mise-en-place de versionning comme Git.
Utiliser un maximum de ressources disponibles depuis WordPress : exemples, les body class, les librairies Jquery présentes etc...
Présentation qui navigue entre l’atelier et le partage d’expérience et d’astuces plutôt à destination des (web)graphistes ou personnes désireuses d’approfondir des notions front-end, cette proposition balaiera les grandes lignes pour nous aider à créer un environnement de travail plus efficace et plus confortable.
Audience ciblée : Designers, Chefs de Projets, Clients
L’envers du décord’un site WooCommerce | WP Tech NantesFabrice Ducarme
L’envers du décord’un site WooCommerce
Pourquoi choisir WooCommerce ?
WooCommerce et le SEO
La vitesse de votre ecommerce
Ce qui lui manque…
Alternatives et autres options
Conférence sur la Dette Technique et sur le CMS WordPress lors du WordCamp Paris 2018
- Qu'est ce que la dette technique ?
- Comment la dette technique impacte t-elle WordPress ?
- Quels sont les bons choix à faire pour maîtriser sa dette technique sur WordPress ?
Découvrez tout cela et bien plus dans cette conférence sur WordPress !
La conférence est ici : https://www.seomix.fr/dette-technique-et-wordpress/
Combien coûte un site WordPress ? - Wordcamp Paris 2014Thierry Pigot
Combien coûte un site WordPress ?
Wordcamp Paris 2014
On vous pose régulièrement cette question ? Moi, c’est tous les jours ! Mais alors, quel est exactement le prix d’un site WordPress ? Comment le définir ? Comment le justifier ? Quelles bonnes pratiques mettre en place pour faire perdurer cet écosystème communautaire ?
Pas besoin de le répéter, WordPress fait le buzz ! CMS Open Source gratuit il permettrait de monter un site professionnel en moins de 5 minutes, sans connaissance de l’informatique (lol !).
Le fait que ce soit une solution gratuite, ou bien encore face à cette avalanche de prix « low cost » qui nous promet des sites pour moins de 500€, il est souvent difficile de justifier le coût parfois élevé que peut représenter la mise en place d’un site sous WordPress. Nous allons voir à travers quelques cas pratiques, comment estimer le véritable coût d’un projet. Nous verrons en suite comment le justifier auprès de nos clients. Nous aborderons enfin les aspects communautaires et les interactions avec l’écosystème WordPress.
Donc, rangez vos calculettes et ouvrez vos oreilles !
SEO WordPress : Optimiser le référencement naturelThierry Pigot
Optimiser son site WordPress pour un bon référencement naturel.
Plugins, paramétrages, astuces, SEO
WordPress Day – Tlemcen – Algérie – 1er décembre 2011
[WordCamp Bordeaux] Fusionner sa politique print et web avec WordPressSébastien Grillot
Conférence de Sébastien Grillot donnée lors des WordCamp Bordeaux 2017.
Présentation d'un projet réalisé par l'agence Canopée, dans le cadre de la mise en place d'automatisations; aussi bien au niveau du WorkFlow éditorialiste, que de la création de fichiers XML pour intégrer le contenu à la maquette graphique en moins de 4 secondes. Des jours de travail gagnés grâce à WordPress, ainsi que de nouvelles possibilités offertes à l'impression du journal papier, impossible jusque là.
@SebGrillot
Alphorm.com Support de la Formation Adobe-Illustrator CC , Découverte du vect...Alphorm
Formation complète ici :
http://www.alphorm.com/tutoriel/formation-en-ligne-adobe-illustrator-cc-decouverte-du-vectoriel
Illustrator est le logiciel vectoriel de référence sur le marché le plus utilisé en milieu professionnel, en particulier par les infographistes et les illustrateurs à destination des créations.
Le dessin vectoriel a l’avantage conséquent d’enregistrer des visuels sous forme d’ensemble de vecteurs et non sous forme de ce qui permet en cas d’augmentation de la taille des images aucune altération de l’image.
Cette formation Adobe Illustrator CC, est la première formation dans un cursus Adobe Illustrator CC étalé sur 3 formations : Découverte du vectoriel, Avancé et Approfondissement.
Pendant cette formation Adobe Illustrator CC, Découverte du vectoriel, Sylvia vous apprendra via des cas pratiques, comment créer des objets en utilisant les outils de dessin vectoriel, dessiner les fonds et les contours, maîtriser les outils de transformation, de sélection, les calques pour structurer vos compositions graphiques.
Durant cette formation Adobe Illustrator CC, Découverte du vectoriel vous allez découvrir tous les aspects graphiques. Comment dessiner à la plume, utiliser les effets visuels intégrés, placer des images, insérer des textes vectoriels.
Cette formation Adobe Illustrator CC, Découverte du vectoriel, avec les cas pratiques vous permettra de mettre en pratique les fonctions principales du Adobe Illustrator CC et de vous progresser pour une utilisation professionnelle.
Alphorm.com Formation Dreamweaver CC pour les débutantsAlphorm
Formation complète ici:
http://www.alphorm.com/tutoriel/formation-en-ligne-dreamweaver-cc-pour-les-debutants
Cette formation Adobe Dreamweaver CC vous présente l'utilisation de cet outil puissant de création de sites web statiques et dynamiques rapide et efficace.
Très simple et souple d’utilisation, Adobe Dreamweaver CC permet de créer un site internet sans réelle connaissance en développement grâce à son interface intuitive et son mode de "création".
Vous allez découvrir son interface puis traiter les notions de bases comme les listes, les formulaires, les ancres, les tableaux, les médias, les fonts, les CSS…
Ensuite, vous allez maîtriser la gestion et paramétrage des sites web sous Adobe Dreamweaver CC, en plus d'une introduction au responsive design et analyse de la compatibilité cross browsers.
Pour bien assimiler Adobe Dreamweaver CC, vous allez avoir une série d'exercices et d'exemples afin de construire un site final fonctionnel et complet.
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010Raphaël Goetter
Vous n’avez pas encore sauté le pas HTML 5 / CSS 3 ? Par manque de temps ? Par méconnaissance ? Par frilosité ? Juste pour nous contrarier ?
Pascale Lambert-Charreteur et Raphaël Goetter vous proposent d'en découvrir les grandes lignes (de code), démêleront le vrai du faux (et les nombreuses idées reçues) et partageront avec vous leurs expériences.
WordPress est une plateforme relativement simple à aborder pour les développeurs mais aussi pour les non-développeurs. Il est simple de concevoir un plugin et de le publier sur le dépot wordpress.org.
Cette conférence abordera les étapes que j’ai vécu, depuis le développement de mon premier plugin gratuit « Email Users » jusqu’à ma dernière réalisation freemium, en passant par quelques échecs commerciaux.
Présentation à l'occasion des conférences WPMX Day 2015 à Biarritz
Alphorm.com Formation SketchUp 2016 et Artlantis 6 - Atelier architecturalAlphorm
Formation complète ici:
http://www.alphorm.com/tutoriel/formation-en-ligne-sketchup-2016-et-artlantis-6-atelier-architectural
Votre expert en conception Alexandre BLONDEAU vous a préparé ce nouvel atelier architectural sur SKETCHUP 2016 ET ARTLANTIS 6.
Cet atelier SKETCHUP 2016 ET ARTLANTIS 6, vous apprendra toutes les connaissances techniques sur SKETCHUP 2016 ET ARTLANTIS 6.
Avec cet atelier architectural SKETCHUP 2016 ET ARTLANTIS 6, vous allez maîtriser la conception 3D d’une villa, l’application des matériaux sur SketchUp, le rendu réaliste sur SketchUp, l’export du modèle 3D de SketchUp à Artlantis et le rendu réaliste sur Artlantis 6.
Avec cet atelier SKETCHUP 2016 ET ARTLANTIS 6, vous apprendrez à utiliser le logiciel de manière optimale afin de devenir un expert sur SKETCHUP 2016 ET ARTLANTIS 6.
Communautés Drupal et WordPress : le choc des titans ?Thierry Pigot
Les communautés Drupal et WordPress sont parmi les plus dynamiques au sein des communautés Open Source de gestion de contenu. Pourtant, à y regarder de plus près, de nombreuses différences les distinguent : les acteurs économiques ne sont pas les mêmes, les modes d’organisation et de gouvernance diffèrent, les logiques de contribution et d’accès à la communauté reposent sur des règles opposées, …
Nous vous proposons de scruter le fonctionnement de ces communautés au travers du regard de deux experts et membres actifs de ces communautés : Léon Cros (Président Drupal France) et Thierry Pigot (Président WordPress Paris), dans un objectif de partage et de retour d’expérience.
It’s been more then ten years since the first release of WordPress. It was forked from b2 and they already need to deal with checking the code. Thousands of lines of code have been written causing a lot of great features WordPress has now.
In this presentation I talked about the fork of b2 in 2003 and about all the major features what got added in the last ten years. Showing how those features helped out making WordPress what it is today. Running on 21.2% of the web and still building new features.
This all to makes WordPress the best publishing tool that currently exists.
Bien débuter dans la conception d'un thème WordPressAurélien Denis
10 conseils pour apprendre à concevoir votre thème WordPress de A à Z en partant sur de bonnes bases.
Présentation du 18 janvier 2014 lors du WordCamp Paris.
Présentation réalisée à l'occasion d'un Webinar sur le thème de l'accessibilité des modules e-Learning. Avec les interventions de Isabelle Dubois-Mejia, Thales Université, Michel Diaz - Fefaur, Philippe Delanghe - UnI Learning et Sébastien Delorme - Atalan
Choisir les bons Hooks dans vos Développements WordPressBoiteaweb
Atelier présenté au WordCamp Paris 2014.
18 jan 2014.
---
Comment trouver et choisir les bons hooks dans nos développements WordPress. Je vous donne des points, des sources et vous fait découvrir quelques Hooks inhabituels.
Attention, @im_captainhook est là ;)
Quelques pistes sur la manière de rendre accessibles au plus grand nombre d’étudiants les ressources diffusées sur les plateformes pédagogiques dédiées au soutien de l’apprentissage.
Ce document a été réalisé en septembre 2013 par les services TICE et les Missions Handicap des établissements d’enseignement supérieur bordelais (Université Bordeaux 1, Université Bordeaux Segalen, Université Montaigne Bordeaux, Université Montesquieu Bordeaux IV, Bordeaux Sciences Agro, Institut Polytechnique de Bordeaux, Sciences Po Bordeaux).
Ergonomie d’un site et navigation de l’internaute : anatomie d’un exempleSilicomVallee
Ergonomie d’un site et navigation de l’internaute : anatomie d’un exemple avec le site « J’entreprends en Bourgogne » https://eco.e-bourgogne.fr, par Silicom Vallée, management de contenus web à Dijon.
Comment récupérer un projet Web pourri ... et réussir à travailler dessus.Guillaume RICHARD
Présentation pour Blendwebmix 2017, sur le thème de la récupération de projet Web.
Je présente les principales raisons de fails de projets, et comment réussir quand même à travailler dessus.
Bonnes pratiques de developpement en PHPPascal MARTIN
Du haut de ses 14 ans, PHP est devenu une technologie utilisée pour de gros projets ; ce qui signifie besoins importants en termes de qualité, de robustesse, et d'outils de développement fiables.
Contrôle de sources, normes de codage, utilisation de Frameworks, documentation, tests unitaires / fonctionnels automatisés, intégration continue, déploiement, ...
Cette présentation a pour but d'introduire quelques bonnes pratiques de développement, ainsi que des outils permettant de les mettre en place sur des projets PHP.
En m’appuyant sur la démarche que nous utilisons dans mon service d’accessibilité chez Orange et mon expérience pratique de mise en accessibilité de projets, je compte animer un atelier qui permettra de simuler des tests utilisateurs en accessibilité en testant soit même grâce à une méthologie simple!
Cela nous permettra de nous assurer d’un niveaux minimum d’accessibilité et d’éviter, prévenir les principaux écueils avec des tests simple pouvant être mis en oeuvre par tous !
Ces tests peuvent être utilisés pour, bien sûr, le Web, pour les applications mobiles et globalement pour les documents numériques.
Participez à notre prochaine formation : http://www.ippon.fr/formation/html5-css3
Le couple HTML5/CSS3 est le standard du web tant attendu : interopérabilité accentuée, formulaires enrichis, esthétisme et animations des pages, médias évolués ou encore stockage de données en local. Tout est enfin disponible pour réaliser des applications clientes riches pour tous les types de périphériques depuis les ordinateurs jusqu'aux smartphones. Un panel complet des possibilités sera présenté par le biais de modules, chaque module ayant une partie théorique pour assimiler les concepts et des TPs associés pour les mettre en pratique. A l'issue de cette formation le stagiaire aura une vue exhaustive des enjeux et des nouvelles capacités de HTML5/CSS3, et sera autonome pour initier des applications Web desktop et mobiles.
Participez à notre prochaine formation : http://www.ippon.fr/formation/html5-css3
Talk 1 : j'avoue j'ai triché
Anne Pedro
Découvrez les étapes clés d'un processus de design UX et un retour d'expérience sur ce qui fonctionne et fonctionne moins bien lorsqu'on saute des étapes.
Talk 2 : Le défi du design thinking chez Air France KLM
Simon Le Gué
Retrouvez le retour d'expérience de Simon Le Gué lors de sa mission en tant qu'UX design chez Air France KLM.
Les bonnes pratiques, les pratiques agiles, et la façon dont on peut s'en inspirer de manière concrète et pragmatique pour améliorer la qualité, la réactivité, la productivité pour la satisfaction du client et le bien-être du développeur.
Le refactoring consiste à modifier le code existant pour améliorer sa qualité intrinsèque, faciliter la compréhension/lisibilité, la maintenance sans changer son comportement.
Les outils et les techniques de refactoring seront évoqués avec notamment les approches de développement piloté par les tests (Test Driven Development) ainsi que les tests unitaires.
Alphorm.com support de la formation programmer en C# 6Alphorm
Formation complète ici :
http://www.alphorm.com/tutoriel/formation-en-ligne-programmer-en-csharp-6
Suite à la formation de découverte Programmer en C# avec Visual Studio 2015 traitant en douceur la programmation en C#. Béchir BEJAOUI, formateur certifié Microsoft, vous a préparé cette formation C# 6 qui vous permettra de maîtriser de se perfectionner sur le C# et profiter du retour de l’expérience du Béchir via plusieurs études de cas soigneusement choisis et exposés.
Pendant cette formation C# 6, vous allez comprendre l’évolution des Framework .NET depuis 2.0 jusqu’à la version 6.0. Les grands changements à chaque nouvelle version seront détaillés avec des démonstrations orientées pratiques. Aussi le Scriptcs vous sera bien expliqué avec un exemple guidé pour vous aider à exécuter vos programmes sous Linux.
Ensuite durant cette formation C# 6, vous allez pouvoir maitriser le .Net Core, le compilateur ROSLYN et le cloud avec C#6.
Cette formation C# 6 se terminera par 10 études de cas sur différentes problématiques et leurs solutions sous C # 6.
Cours Licence Pro (Système de gestion de contenu) Partie 2Creazzly
Un outil de « CMS » (ou Système de gestion de contenu) est un site web disposant de fonctionnalités de publication et offrant en particulier une interface d'administration (backoffice) permettant à un administrateur de site de créer ou organiser les différentes rubriques de son site. Retrouvez ici une présentation détaillant ce qu'est un CMS en nous attardant plus particulièrement sur Prestashop et Wordpress. Vous découvrirez les enjeux, les avantages et les inconvénients de ces solutions.
Microsoft Syntex - Digitalisez vos contenus d'entreprise @MWCP21 20/01/2021Sébastien Paulet
Présentation donné e lors de a MWCP21 eavec Rachida Yahmi pour présenter toutes les capacités du projet Syntex pour démocratiser la dématérialisation des documents dans vos entreprises
Etude de cas Lyra Network - Quand la "doc" doit suivre...IXIASOFT
... et accompagner la croissance d'une PME à l'international
Lorsque l’équipe de documentation d’une PME française doit accompagner à la fois le développement de l’entreprise, l’élargissement de ses gammes produit et sa croissance rapide à l’international, les méthodes manuelles ne suivent plus. Avec une douzaine de variables, quatre langues cibles, trois formats de sortie... pour reprendre la maîtrise de la production documentaire, il devient urgent de s'outiller convenablement !
Principes du minimalisme, méthodes et outillage adéquats
L’étude de cas présentée par Nolwenn Kerzreho d'IXIASOFT et Marie-Louise Flacke à Paris traite de deux aspects en particulier :
* La mise en œuvre de la solution DITA CMS d’IXIASOFT ainsi que les bénéfices nets tirés des outils et pratiques.
* Une présentation illustrée des principes du minimalisme appliqués aux documentations de Lyra Network.
5. Accessibilité : Qui ?
●
●
1 personne sur 5 considère être limitée dans
ses activités
1 personne sur 10 considère avoir un handicap
http://www.insee.fr/fr/themes/document.asp?ref_id=ip1254
WordCamp Paris 2014
5/48
7. Accessibilité : Déficiences temporaires
●
Bras dans le plâtre
●
Grosse migraine
●
Consommation excessive d'alcool
●
Perte ou bris de lunettes
●
Ordinateur sans haut-parleur
●
Souris cassée
●
Écran cassé
●
Reflet du soleil sur l'écran
●
…
WordCamp Paris 2014
7/48
8. Accessibilité : Éthique
Tous les Hommes
naissent et demeurent
libres et égaux en droits
Déclaration des droits de l’homme et du citoyen de 1789
WordCamp Paris 2014
8/48
10. Accessibilité : Interaction avec un site
●
Souris
●
Écran
●
Clavier
●
Haut parleur
●
Micro
●
●
Clavier
virtuel
●
Plage braille
●
Trackball
WordCamp Paris 2014
●
●
Synthèse
vocale
Plage braille
Agrandisseur
d'écran
10/48
11. Chapitre 2
1. État de l'accessibilité
2. HTML
3. CSS
4. Javascript
5. Contenu
WordCamp Paris 2014
11/48
12. HTML : W3C
●
Validité W3C aide mais ne suffit pas
●
Éviter de détourner le fonctionnement normal
WordCamp Paris 2014
12/48
13. HTML : Langage
●
Langue avec l'attribut lang et sens de lecture
avec dir
–
Langue courant sur la balise <html>
<html <?php language_attributes(); ?> dir="ltr">
–
Modifier la langue sur une balise <div>
<div lang="en">Hello World!</div>
–
Modifier la langue sur une balise <span>
La phrase « <span lang="en">Hello World!</span> »
signifie « bonjour le monde »
WordCamp Paris 2014
13/48
14. HTML : Contenu en langue étrangère
●
Shortcode : [div lang="en"]Hello World![/div]
●
Idem pour <span>
WordCamp Paris 2014
14/48
15. HTML : Navigation
●
●
Prioriser le contenu pour la navigation au
clavier
Attribut tabindex pour changer l'ordre de
navigation
<a href="page1.php" tabindex="2">lien 1</a>
<a href="page2.php" tabindex="1">lien 2</a>
<a href="page3.php" tabindex="3">lien 3</a>
●
Fil d'Ariane
WordCamp Paris 2014
15/48
16. HTML - Navigation (liens d'évitement)
●
HTML
●
CSS
WordCamp Paris 2014
16/48
17. HTML - Navigation (liens)
●
Cohérence
●
Pertinence
●
Compréhension. Éviter les mots compliqués,
inventés ou les abréviations
–
Privilégier « Aide » plutôt que « FAQ »
–
Éviter « lire la suite » ou utiliser une alternative
<a href="...">lire la suite<span class="sronly">
de l'article ...</span></a>
<a href="..." title="titre de l'article">lire la
suite</a>
WordCamp Paris 2014
17/48
18. HTML : Liens (caractères spéciaux)
●
Utiliser CSS pour intégrer des caractères
spéciaux
WordCamp Paris 2014
18/48
19. HTML : Image
●
Image informative
–
–
●
Éviter de mettre du texte dans l'image
Texte alternatif pertinent
Image d'illustration
–
●
Image de décoration
–
●
Texte alternatif court
A placer dans le CSS ou laisser l'attribut alt vide
Image dans un lien
–
Le texte alternatif doit servir pour le lien
WordCamp Paris 2014
19/48
20. HTML : Tableau
●
Utiliser la sémantique :
–
●
<thead>, <tbody>, <tfoot> et surtout <th>
Attributs :
–
–
●
-scope="row" et scope="col"
abbr=""
Description avec :
–
Attribut summary (en voie de disparition)
–
<caption>
WordCamp Paris 2014
20/48
21. HTML : Formulaire
●
Bonne sémantique
●
Ordre logique des champs
●
Utiliser <label> ou attribut title pour chaque
champ
–
–
●
Attribut placeholder ne suffit pas
Pertinence des mots
<fieldset> et <legend> pour regrouper les
checkbox et boutons radio
WordCamp Paris 2014
21/48
22. HTML : Formulaire (HTML5)
●
Reconnaissance vocale
<input type="text" name="s" xwebkitspeech />
●
Attribut required
WordCamp Paris 2014
22/48
23. HTML : Erreur sur un formulaire
●
Prévenir plutôt que guérir
–
–
Comprendre en PHP
–
●
Prévenir en javascript
Expliquer avec des mots
Message récapitulatif
–
Texte dans le <title>
–
Récapitulatif en haut de page
–
Lien interne pour accéder rapidement au champ
●
Message contextuel à côté des champs ayant une erreur
●
Pertinence du message d'erreur
WordCamp Paris 2014
23/48
24. HTML : WAI-ARIA
●
Avenir de la sémantique
●
Attributs « role »
–
–
role="search"
–
●
role="article"
...
Attributs « aria-* » pour les propriétés et états
–
aria-grabbed
–
aria-describedby
–
aria-labelledby
–
...
WordCamp Paris 2014
24/48
25. Chapitre 3
1. État de l'accessibilité
2. HTML
3. CSS
4. Javascript
5. Contenu
WordCamp Paris 2014
25/48
26. CSS : Taille de la police
●
Taille suffisante
–
Lecture
–
Élément cliquable (lien, bouton, scrollbar …)
●
Taille relative (em, rem ou %) plutôt qu'absolue (px ou pt)
●
Tester si police agrandie
–
●
Attention aux blocs avec une taille fixe
Espace suffisant
–
Entre les lignes
–
Entre les paragraphes (1.5em plutôt que 1.2em)
WordCamp Paris 2014
26/48
27. CSS : Taille de la police
WordCamp Paris 2014
27/48
28. CSS : Contraste
●
Bon contraste
–
●
Ni pas assez, ni trop (éviter #000000 sur #FFFFFF)
Attention particulière :
–
Propriété CSS opacity
–
Dégradé
–
Ombre en CSS
–
Couleur par défaut pour les images de fond
–
Texte au dessus d'une image
WordCamp Paris 2014
28/48
29. CSS : Couleurs
●
Pourquoi Facebook est bleu ?
http://edition.cnn.com/2010/TECH/social.media/09/20/zuckerberg.facebook.list/
WordCamp Paris 2014
29/48
30. CSS : Daltonisme
●
Exemples de dyschromatopsie :
Original
●
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
Ne pas passer d'information par une couleur
–
Coupler avec texte ou iconographie
WordCamp Paris 2014
30/48
31. CSS : Police
●
Ne pas mettre en justifier
●
Éviter les polices avec serif
●
Éviter les textes en italique
●
Polices spécifiques pour les dyslexiques
–
Une open source et une sous licence payante
WordCamp Paris 2014
31/48
32. CSS : Cacher en CSS
●
Display:none pas lu par les lecteurs d'écran
●
Alternative :
Source : Bootstrap v3.0.0
WordCamp Paris 2014
32/48
33. CSS : Liens
●
Style distinct
●
Lien actif :
–
–
●
Utiliser :focus ou la propriété outline
Tester
Penser au style pour :
–
.current-menu-item
–
.current-page-ancestor
–
.current-post-ancestor
–
.current-post-parent
–
.current-menu-parent
WordCamp Paris 2014
33/48
34. CSS : Formulaire
●
●
●
Champ actif mis en valeur
Message « (*) Champs obligatoire » à placer
avant le formulaire
CSS3
–
:valid
–
:invalid
WordCamp Paris 2014
34/48
35. Chapitre 4
1. État de l'accessibilité
2. HTML
3. CSS
4. Javascript
5. Contenu
WordCamp Paris 2014
35/48
36. Javascript : Général
●
Tester la navigation au clavier
–
« onfocus » plutôt que « onclick »
–
Éviter le double clic
●
Tester si javascript désactivé
●
Attention à la manipulation du DOM
●
Attention au focus
–
Prendre le focus : attribut tabindex="0"
–
Enlever le focus : attribut tabindex="-1"
●
Modifier les attributs WAI-ARIA si nécessaire
●
Éviter les polices en <canvas>
WordCamp Paris 2014
36/48
37. Javascript : Actions temporelles
●
Éviter de limiter dans le temps
●
Laisser le temps aux utilisateurs
–
–
●
Slider
Redirection
Pouvoir augmenter
la limite de temps
WordCamp Paris 2014
37/48
38. Javascript : Pièges
●
Attention aux pièges
–
Infinite scrolling
–
Boucle sans fin
–
Événement keyup
–
Événement keydown
–
...
WordCamp Paris 2014
38/48
39. Chapitre 5
1. État de l'accessibilité
2. HTML
3. CSS
4. Javascript
5. Contenu
WordCamp Paris 2014
39/48
40. Contenu : Titre de la page
●
Pertinent
●
Pas trop long
WordCamp Paris 2014
40/48
42. Contenu : Éditeur
●
Éviter les doubles espaces entre 2 mots
●
Choix des mots adaptés à la cible
–
Site généraliste : mots compréhensibles de tous
–
Site spécialisé : autorisé à utiliser des termes plus ciblés
●
Casser les grands blocs de texte en paragraphes
●
Titres compréhensibles et cohérents
●
Hiérarchie des titres
WordCamp Paris 2014
42/48
44. Contenu : Liens
●
Ancre pertinente
–
Télécharger un document : format, poids et langue
–
Si possible inférieur à 80 caractères
●
Possibilité de compléter avec attribut title
●
Éviter d'ouvrir
dans une nouvelle
fenêtre
WordCamp Paris 2014
44/48
45. Contenu : Image
●
Titre :
–
●
Utile pour le Back-Office
Légende :
–
–
●
Apparaît sous l'image
Éviter la redondance avec le texte
alternatif
Texte alternatif :
–
Éviter de commencer par « image
de ... »
–
Longue description soit dans le
texte ou faire un lien vers une page
spécifique à proximité de l'image
WordCamp Paris 2014
45/48