-
CSS3DéveloppementDiversFrameworkHTML5Javascript, AjaxstorytellingTechnologieTutoriauxUXWireframe & Mock-up
deck.js, JavaScript – Faire une présentation avec deck.js
De Bruno Flaven, le 12 août 2015Tout le monde connait powerpoint ou keynote. Compte tenu du fait que le partage d’information et la communication étaient déjà prégnants dans le monde du travail, il va sans qu’avec la mobilité et l’impératif toujours renouvelé de documenter, synthétiser puis partager imposent progressivement de changer le format de la sacro-sainte présentation. La présentation devient un petit module en soit, facilement […] -
D3, JavaScript, GeoJSON – Créer une carte avec D3
De Bruno Flaven, le 24 juillet 2015La promesse était d’explorer les possibilités offertes par la bibliothèque D3 en matière de cartographie, bon c’est chose faite. Faute de temps, d’imagination disons-le, on s’intéresse une fois encore qu’à la technique plus qu’à la présentation d’un projet de A à Z. Comme excuse, on peut affirmer sans doute que le champs des possibles est telle qu’avec une telle bibliothèque, […] -
D3, Data Visualization – Créer un nuage de mots en Data Visualisation sur la base d’un texte
De Bruno Flaven, le 29 mai 2015Data Visualization, c’est un mot que l’on entend souvent sans forcément très bien savoir ce qu’il recouvre et quel sésame à utiliser pour nous ouvrir le monde merveilleux des « dataviz ». On a donc choisi à la fois de rappeler l’intérêt éventuel d’une « dataivz » pour rehausser du contenu et par conséquent de faire un POC (Proof Of Concept) avec la bibliothèque […] -
Youtube, API – Requêter l’API youtube d’une playlist
De Bruno Flaven, le 27 mars 2015Il y a eu un saut technologique important entre la V2 de l’API youtube et la V3. Cette évolution n’a d’ailleurs à mon sens pas que des raisons technologiques mais aussi lucratives. On perçoit clairement en découvrant la nouvelle interface, la volonté affirmée de Google, propriétaire de YouTube, de monétiser l’audience gigantesque et l’extreme popularité de cette plateforme. Paradoxalement, Google […] -
AccessibilitéAgileAndroidCSS3DéveloppementHTML5Image, Graphisme, PhotoshopIphone, mobileMarketing WebPHP, MYSQLTutoriauxWireframe & Mock-upXHTML CSS
Responsive, Newsletter, Design – Les bonnes pratiques pour créer une newsletter responsive
De Bruno Flaven, le 1 juin 2014La question qui agite ce billet est : Comment faire en sorte qu’une newsletter patiemment conçue puisse s’afficher correctement tout aussi bien dans un client de webmail et de « desktop » genre Outlook que sur les écrans plus petits des terminaux mobile (smartphone, desktop) ? Comme pour un site web, la réponse qui vient naturellement est de concevoir votre newsletter selon […] -
AutresDéveloppementDrupalFrameworkHTML5JSONPHP, MYSQLRuby on RailsSaaSTechnologieUXWireframe & Mock-up
Symfony2, PHP, Framework – Introduction à Symfony 2, les commandes essentielles pour créer et supprimer un Bundle
De Bruno Flaven, le 26 novembre 2013Pour essayer de comprendre le fonctionnement d’un framework et modèle MVC qui sous-tend la logique de Symfony, rien de mieux que de raconter une « user story » selon un principe agile bien connu. On va procéder par analogie avec ce que l’on ferait si on passait commande dans une Boucherie ! Notre utilisateur va ainsi rentrer dans une Boucherie (Bundle), va […] -
AgileCloudDéveloppementGoogleHébergementHTML5Iphone, mobileJavascript, AjaxJSONPHP, MYSQLRéseaux sociauxSaaSTechnologieUX
Google, SaaS, Office – Ecrire des scripts pour la suite de google docs
De Bruno Flaven, le 2 novembre 2013Dans la plupart des projets désormais, dans le domaine du web et ailleurs, vous êtes amené(e) à collaborer, donc à partager des documents, des informations. C’est la raison d’être de nombreux outils de collaboration. On peut citer les plus connus, Redmine pour gérer des tickets et tracer les demandes d’évolution ou bien de Basecamp, qui est un peu le « couteau […] -
AccessibilitéAgileAndroidCSS3DéveloppementGoogleHbbTVHTML5Iphone, mobileMacTechnologietutorielsTV connéctéeUXWebdesignWireframe & Mock-upXHTML CSS
Virtual Box, Responsive, Tablette, Web, Mobile – Installer Virtual Box pour visualiser et tester l’expérience utilisateur (UX)
De Bruno Flaven, le 15 octobre 2013Devant la fragmentation des plates-formes et des navigateurs, il devient de plus en plus difficile de tester chaque environnement (web, mobile, tablette et TV connecté). Un remède à cela, c’est l’installation de VM (Virtual Machine) à l’aide de Virtual Box afin de pouvoir visualiser l’UX de vos créations digitales dans un environnement approprié car vous n’aurez jamais sous la main […] -
AndroidCloudCréation de site webDéveloppementGoogleHTML5Image, Graphisme, PhotoshopIphone, mobileJavascript, AjaxjQueryJSONMarketing WebMeilleurs blogsPHP, MYSQLTechnologieTutoriauxUXWebdesignWireframe & Mock-upWordpressXHTML CSS
MapBox, Google Map, API – Une des meilleurs API pour la géolocalisation et un plugin WordPress d’insertion de cartes
De Bruno Flaven, le 18 juillet 2013MapBox, voila semble-t-il un très sérieux concurrent à Google Map ? Qui pourrait imaginer aujourd’hui qu’une telle concurrence fusse possible ? Eh bien MapBox l’a fait ! Outre l’excellente API et de l’excellent équipe qui est derrière ce SaaS mis à votre disposition, c’est que MapBox a privilégié une chose qui est sans aucun doute une élément déterminant : l’esthétique […] -
AccessibilitéAndroidCMSCréation de site webCSS3DéveloppementHTML5Image, Graphisme, PhotoshopIphone, mobileMacMarketing WebPHP, MYSQLTechnologieTutoriauxWebdesignWireframe & Mock-upWordpress
Mobile, Tablette, Navigateur – Ajouter des User Agents sur Safari pour tester le responsive design de votre site
De Bruno Flaven, le 10 juillet 2013Il est parfois assez compliqué avec la seule utilisation d’émulateurs (android, iOS, Windows Phone…) de tester de manière correcte un site que l’on souhaite faire en responsive design. En effet, vous êtes obligé(e) d’installer le SDK de chaque système d’exploitation, de le configurer bref de le faire fonctionner. Or, Safari apporte une solution facile et agile pour remédier à ce […]
HTML5
@ Flaven.net > HTML5