dpobel

Damien Pobel

dpobel

Saint Paul de Varax, France

eZ Systems

http://damien.pobel.fr/

Check out snippets of the blog postings. Click on the link to view the full post at the original site as the author intended.

Quickly test eZ Platform with the PHP internal server

3/6/2016

I can haz aligned image
eZ Platform 16.02 was released last week. As far as I'm concerned, I did quite some changes mostly in Online Editor (the rich text editor) to improve the handling of embeds and images in RichText fields. And I'm happy to see my I can haz aligned image cat (generated with memegenerator.net) in the release notes :-)

Also, thanks to this patch to the eZ Platform JavaScript REST Client, it's now possible to use eZ Platform and its backend interface with the PHP internal server. Written like that, this does not seem a very big nor a very useful change. Actually, this makes easier to install and run eZ Platform for instance to test the new version or even to start a project by not having to configure a web server. If

[...]

ez platform composer php cms online editor 

Discovering Polymer (and Web Components)

3/1/2016

Polymer project logo
Polymer is a library (developed by Google) to ease the creation of components or more precisely of Web Components. I really like the idea of being able to build my own element in a standard way and to use it in a web page like any other HTML element. Unfortunately, at the moment, Chrome is the only browser to really implement the 4 specifications behind the term Web Components. In others browsers, the support varies from inexistent to experimental and then Web Components polyfills are the only way to have a better support in current browsers. Polymer version 1.0 was released in May last year and is said to be production ready. The version 1.3 was released lately.

While it's possible to build a single page application with Polymer

[...]

standards web polymer javascript github travis ci unit test 

Embed a Youtube video in Github markdown

2/14/2016

It's not really possible to properly embed a video in a Github comment, pull request or issue like it's possible for images for instance. So if you want to put a video in a Github pull request (I do that quite often), you have to upload it to a video hosting service like Youtube and then you can put the link in the description. This is not what I would call embedding a video but at least it's simple and effective.

Lately, I discovered on Stackoverflow a much better solution where the simple text link to the video hosting service is replaced by a thumbnail generated by the video platform. In markdown, for Youtube this gives:

[![Alt text](https://img.youtube.com/vi/VID/0.jpg)](https://www.youtube.com/watch?v=VID)

Of course, VID

[...]

github javascript web greasemonkey firefox 

Cool URIs don't change

2/8/2016

404 Page Not Found by Bernie Sanders
GIF animé issu de Bernie Sanders' 404 page is the 404 page we need

Cool URIs don't change (ou Les URIs sympas ne changent pas pour ceux qui préfèrent en Français) et j'ajouterais ou au pire redirigent vers la nouvelle adresse de la page. D'une certaine manière, une URI vers un document sur un site web est une sorte de contrat normalement à durée indéterminée entre le webmaster et ses visiteurs. Malheureusement peu nombreux sont les propriétaires de site qui honorent ce contrat. Pourtant ils auraient tout à y gagner en terme de SEO/référencement et surtout en terme de qualité pour l'internaute.

À titre personnel, en tant qu'internaute, un lien mort est toujours une petite frustration

[...]

humeurs référencement web 

Passer de Vim à Neovim

2/3/2016

Neovim est un fork de Vim né il y a environ 2 ans et dont les premières versions publiques ont été mises à disposition à la fin de l'année dernière. Je suis un fervent utilisateur de Vim depuis... pfffiou une quinzaine d'année mais je trouve ce fork plutôt appropriée avec de bonnes idées. Par exemple Neovim permet d'éxécuter des tâches de manière asynchrone dans les plugins, j'aurais adoré avoir cette fonctionnalités quand je développais le plugin eZVim pour eZ Publish il y a quelques années.

Installation

L'installation de Neovim est bien détaillée dans Installing Neovim. Sur une Ubuntu (postérieure à 12.04 Precise Pangolin), pour l'installer, il suffit d'activer le PPA correspondant et ensuite d'installer le

[...]

vim neovim terminal linux ubuntu 

Un mois avec la liseuse Touch Lux 3 Tea

1/28/2016

Liseuse Tea Touch
Lux 3

Habituellement je ne prends pas de bonnes résolutions pour la nouvelle année. Mais fin 2015, je ne sais pas pourquoi, j'en ai pris quelques-unes et notamment lire plus (ou ressusciter ce blog :-)). Du coup, au pied du sapin de Noël, j'ai trouvé une petite boîte verte et blanche contenant une liseuse Touch Lux 3 Tea en provenance de chez Cultura.

Pourquoi la Touch Lux 3 TEA ?

J'étais totalement (et je suis toujours un peu) novice en terme de liseuse et on ne peut pas dire que je sois un grand lecteur. Après une rapide recherche sur l'état de l'art, j'en ai déduit un court cahier des charges :

  1. ne pas être enfermé par un quelconque système (donc pas d'Amazon)
  2. un budget inférieur à 150 €
  3. un (très)
[...]

liseuse livre livre numérique 

Clap de fin pour le Planet eZ Publish.fr

1/25/2016

Logo Planet eZ
Publish.fr

Il y a 6 ans(!) presque jour pour jour, j'avais lancé le Planet eZ Publish.org.fr, ze French corner avec eZ Publish 4.0.1 apparemment ! J'avoue que je ne me souviens plus trop des détails mais je vois en relisant les différents posts que j'ai expérimenté pas mal de trucs avec ce site.

Mais pour être honnête, depuis la migration vers eZ Publish 5.0, le site est en roue libre sans une grande motivation de ma part pour le maintenir et ni le faire vivre. D'ailleurs, il faudrait le renommer Planet eZ Platform maintenant :-) Aussi, une très large partie des sources sont mortes ou les liens pointent dans le vide... Hé Cool URIs don't change ou au moins redirigent vers une ressource correspondante ! </râ

[...]

ez publish rss ez platform 

Flexbox all the things

1/22/2016

CSS Flexible Box Layout module is one of the new CSS features that becomes usable right now thanks to the faster evolution of web browsers. The best quick description of flexbox is probably the very first sentence of the specifications:

The specification describes a CSS box model optimized for user interface design.

And yeah after using it at work on PlatformUI or on the new version of this blog, I can definitively say: flexbox is awesome. At least, it helps solving some very basic user interface problems. Have you ever dreamed of vertically centering something in CSS? With flexbox, you can :-)

Flexbox all the
things
Taken from Meme Generator

Caniuse.com reports flexbox to be somehow supported by all major browsers and even from

[...]

css flexbox navigateur internet explorer myth 

Powered by Metalsmith (and Github, TravisCI, Myth, npm...)

1/21/2016

And here is another version of this blog! As usual, it's a good opportunity to experiment recent or interesting technologies and to apply new good practices in a different context than at my daily job at eZ Systems.

The fundamental change this time is that it is now statically generated. To do that, I use a tool called Metalsmith. I've already used Metalsmith to publish my mountain bike website and I still find it brillant. It is at the same time super simple and powerful thanks to its plugins. By the way, the full source code is on Github, each and every new version of this website is made with less and less code, it seems like I'm getting lazier with time. Also, the build process is run by Travis-CI with the great benefit of

[...]

javascript metalsmith blog node.js travis ci github git myth flexbox 

Extending PlatformUI eZ Conference 2015 Workshop

11/4/2015

Extending PlatformUI eZ Conference Workshop
Photo by Bertrand Dunogier

This morning I was leading the Extending PlatformUI eZ Conference 2015 workshop. In this workshop, I explained how to extend PlatformUI (the editorial and admin interface for eZ Platform). To do that, I created a sample bundle and explained step by steps how to add a new page in the application. This example basically replicates the good old ezclasslist eZ Publish legacy extension.

The example bundle called ExtendingPlatformUIConferenceBundle and the slides are available online. The slides and the bundle are build in a way that makes it possible redo the workshop on your own. If you have any question, feel free to drop an email or Twitter message, I'll try to answer.

[...]

ez platform javascript php rest symfony yui 

Mante religieuse ou Prie Dieu ou Cheval du diable ou...

10/1/2015

Mante religieuse
Mante religieuse (Flickr / 500px)

La fameuse Mante religieuse légendaire pour ses mœurs disons violentes notamment vis à vis des mâles lors de l'accouplement.

D'après la page Wikipedia, mante viendrait du grec prophétesse, devineresse et religieuse tiendrait au fait qu‘elle replie ses pattes arrières comme pour prier ce qui explique aussi sans doute l’appellation Prie Dieu. Il est quand même assez amusant de l'appeler aussi Cheval du Diable ou encore Tigre de l'herbe. Il est vrai qu‘en la voyant déambuler dans l’herbe, la mante religieuse a définitivement quelque chose d‘inhabituel parmi les insectes que l’on peut rencontrer sous nos lattitudes.

[...]

insecte macro nikon d90 photo 

Punaise!

9/16/2015

Punaise des baies
Punaise des baies (Flickr / 500px)

Je ne suis pas entomologiste, mais j‘aime bien identifier ce que je prends en photo. Alors après un peu de recherche, et d’après cette page et Wikipédia je pense qu‘il s’agit d'une punaise des baies ou pentatome des baies ou encore Dolycoris baccarum.

[...]

ain dombes insecte macro nikon d90 photo 

On recrute!

9/4/2015

eZ Sytems est à la recherche d‘un(e) développeur(/se) frontend pour renforcer l’équipe d'ingénierie Lyonnaise et travailler plus spécifiquement sur PlatformUI. Pour rappel, PlatformUI est la nouvelle interface pour eZ Publish eZ Platform sous la forme d'une Single Page Application et eZ Platform est un CMS 100% Open Source basé sur Symfony. Notre code est disponible sur Github, les revues de code sont les bienvenues ;-)

On cherche donc un(e) développeur(/se) frontend expérimenté(e) avec une solide compétence en JavaScript, idéalement très à l‘aise avec CSS et les technologies autour du développement frontend (HTML5, HTTP, REST, …) et attentif à la qualité de son code. Bien sûr, une connaissance de l’univers des CMS ou d‘eZ Publish/eZ

[...]

css ez platform ez publish ez systems frontend javascript lyon user interface 

Grenouille des Dombes

8/18/2015

Aller hop encore une grenouille des Dombes! J'avoue que je trouve ces petites bêtes à la fois fascinantes et amusantes :) Et les approcher pour les photographier est un exercice toujours plein de surprises.

Grenouille de la Dombes
Grenouille de la Dombes (Flickr / 500px)

ain dombes grenouille macro nikon d90 photo 

État des lieux et meetups autour d'eZ Publish PlatformUI

1/12/2015

États des lieux de PlatformUI pour eZ Publish Platform

J'ai publié la semaine dernière PlatformUI December 2014 status sur le blog de l‘équipe d’ingéniérie d'eZ Systems. Comme son titre l‘indique, ce billet détaille l’état actuel du PlatformUIBundle ainsi que les plans à plus ou moins court terme concernant le développement de ce bundle qui, je le rappelle, fournira l‘interface éditoriale et d’administration des prochaines versions d‘eZ Publish Platform. À cette occasion, j’ai enregistré un screencast de ce qu'il est possible de faire actuellement :

Meetups autour d'eZ Publish PlatformUI

eZ Publish PlatformUI sera le sujet principal des deux prochains meetups eZ organisés à Lyon et à Paris. Je serai donc présent à Lyon le 15 janvier

[...]

ez publish javascript php symfony user interface 

Mushroom in the moss

11/22/2014

Mushroom in the moss
A little mushroom alone in the moss (500px/Flickr)

macrom nikon d90 photo 

Meetup pour le lancement d'eZ Publish 5.4 à Lyon

11/17/2014

Logo eZ version plage
Photo © Sylvain Guittard

Ce mercredi 19 novembre 2014 aura lieu le premier meetup autour d'eZ Publish à Lyon.

Plus précisément, la rencontre se déroulera à La Cordée Opéra à partir de 18 heures et sera consacrée à la sortie prochaine d‘eZ Publish 5.4. Ce sera l’occasion de (re-)découvrir eZ Publish et plus particulièrement la prochaine version Castor (pour ceux qui préfèrent les noms de montagne aux numéros de version) mais aussi d'en apprendre plus sur Symfony2 et notamment comment eZ tire parti et aussi contribue à ce framework et à son éco-système.

Toutes les infos pratiques et le programme de la soirée sont sur la page du meetup, n‘hésitez pas à vous inscrire et surtout à venir faire un petit tour; une bonne partie de l

[...]

cms ez publish lyon php symfony 

Cartographie avec les couches Géoportail/IGN et Leaflet

11/12/2014

Carte de la descente de
Rosy
Carte de la Descente de Rosy, un single du Revermont vraiment sympa :)

Comme je le mentionnais dans mon dernier billet, les cartes sont un élément central dans mon dernier projet personnel sur le VTT dans le Revermont et j‘ai cherché (et je cherche encore) à soigner au maximum cet aspect. J’ai donc choisi d‘utiliser les fonds de carte fournis par l’IGN / Géoportail pour la précision mais je me suis tourné vers Leaflet pour l'affichage des cartes, rien de bien compliqué même si il faut gérer certaines subtilités.

Pourquoi pas l'API Géoportail ?

J'ai parcouru la documentation, regardé quelques exemples construits avec l‘API Géoportail et je n’ai vraiment pas été convaincu. Je trouve l‘API en elle-même plutôt compliquée et le

[...]

cartographie ign javascript performances sig vtt 

Revermont.bike: VTT dans le Revermont

10/20/2014

Capture d'écran de
http://vtt.revermont.bike/

Il y a trois semaines j'ai mis en ligne mon dernier projet personnel : Revermont.bike ! Comme le titre de ce post le suggère, il s‘agit d’un site proposant des traces GPS pour le VTT dans le Revermont. Plus particulièrement, ce site propose des parcours de randonnées et tente de répertorier les plus beaux single tracks du Revermont pour le VTT

Single track ? Revermont ? Mais qu‘est ce que c’est que tout ça ? Single track est un terme du jargon du VTT (ou plus largement des sports de nature) qui désigne un chemin (très) étroit; la plupart des VTTétistes adorent ça mais il n'est pas toujours aisé de les découvrir.

Et le Revermont alors ? Le Revermont est une région naturelle vallonnée à cheval sur les dé

[...]

ain bourg-en-bresse gps javascript jura metalsmith vtt 

Spider from the Dombes

8/31/2014

Araignée de la Dombes
Araignée de la Dombes (Flickr / 500px)

My last macro was quite old and even if today was a bit windy, I was still able to shot this small spider near one of numerous ponds in La Dombes (the area where I live).

ain araignée dombes macro nikon d90 photo 

La future interface utilisateur d'eZ Publish Platform

7/8/2014

Je viens de publier The future eZ Publish Platform backend UI is “here”! sur le blog de l‘équipe d’ingénierie d'eZ Systems. Ce post annonce l'ouverture (au sens accessible à tous mais le code est aussi sous licence GNU GPL v2) du dépôt Github du bundle PlatformUIBundle. Il fait suite à la présentation que j'avais donnée en compagnie de Roland Benedetti aux eZ Days et à la démo improvisée lors du PHPTour.

J'ai aussi, tant bien que mal, enregistré un screencast (commenté en anglais avec mon French accent) que je vous invite à regarder pour voir ce vers quoi nous tendons et ce qui est effectivement implémenté:

Les plus aventureux peuvent aussi tenter d'installer le bundle même si je reconnais que l'opération est un peu chaotique à l‘heure

[...]

ez publish javascript php symfony user interface yui 

JavaScript unit tests with YUI Test

2/17/2014

Hey! Let's unit test!
Hey! Let's unit test!

For some months now, I have been working on a single page application based on YUI; it's not public yet, but hopefully, it should be in a few months. Of course, each part of the application is unit tested and the natural choice in this context is to use YUI Test. The documentation of the YUI Test component is quite good but when I started the project, I missed a more step by step tutorial on how to test a custom component and on which tools I need to install. For those who are used to write unit tests for backend code, testing frontend JavaScript code is not fundamentally different, you still need to write code that can be tested and then you can write the tests and run them.

Code example

First, we need some code to

[...]

frontend javascript unit test yui 

La "bonne" idée de Popi...

2/9/2014

La bonne "idée" de Popi...

Donc la bonne idée de Popi c'est de vandaliser une barrière pour fabriquer des skis… Géniale cette idée, ça valait bien 5,90€!

humeur jouet stupides 

Colis ouverts pendant la livraison par La Poste, trop c'est trop!

12/28/2013

Trop, c'est trop! Voici un coli et son contenu reçus aujourd'hui :

Coli Amazon ouvert par La Poste
Contenu endommagé par l'ouverture du coli par La Poste

La Poste est, semble-t-il, incapable de fournir un formulaire de réclamation pour les récipidendiaires de colis, et quasiment tous mes colis en provenance d'Amazon sont ouverts! Voici donc ma compilation de colis ouverts et/ou endommagés livrés par La Poste.

[...]

humeur la poste 

Ambiance de Noël

12/28/2013

Décoration de Noël

Bon ok je suis un peu en retard pour Noël mais en fait c'était plus un prétexte pour tester mon Gorilla Pod.

Cette photo est aussi visible sur Flickr et sur 500px quand le site voudra bien finir de traiter/accepter mon fichier…

macro nikon d90 noël photo 

Vidéo de la conférence "eZ Publish, créer un site orienté contenu" au Forum PHP

12/24/2013

Je viens de voir que la vidéo de la conférence eZ Publish, créer un site orienté contenu en 45 minutes que Patrick Allaert et moi-même avons donnée au Forum PHP en novembre est maintenant disponible.

Pour rappel, les slides et le code associé (il y a un tag par étape) sont disponibles en ligne, ce qui facilitera aussi le suivi de la conférence vue la taille réduite des écrans dans cette salle et les quelques problèmes de son avec le micro de Patrick :(

Si vous étiez présent ou même à partir de cette vidéo, il est encore temps de noter et commenter notre présentation sur joind.in.

Les vidéos des autres conférences arrivent progressivement sur le compte Youtube de l'AFUP, je ne peux que vous conseillez de suivre les mises en lignes,

[...]

afup ez publish forum php php 

The favicon mess

12/4/2013

Yesterday I've discovered Real Favicon Generator.net, this is a great tool to check and to generate the code to handle the favicon(s) on a website. Of course, my first reflex was to run it on my website and apparently I do it (partly) wrong. Before running this tool, I thought the handling of the favicon(s) is a quite easy task but actually it seems like it's really complicated and it gets more and more complicated as new devices/systems/browsers are created/updated. For now, if you want to get a wide support you need to put something like the following snippet on every pages:

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png" />
[...]

browser html standards 

Forum PHP 2013: eZ Publish, créer un site orienté contenu en 45 min.

11/22/2013

An english version of this post is available on share.ez.no

Avec Patrick Allaert, nous avons présenté une conférence intitulée eZ Publish : un CMS pour créer un site orienté contenu en 45 minutes au the Forum PHP 2013 à Paris.

Les slides sont disponibles en ligne avec le code associé, le ForumPhp2013DemoBundle sur Github. L'idée était de présenter quelques uns des principaux concepts du CMS eZ Publish 5 (au passage la version 5.2 est sortie cette semaine):

  • les types de contenu
  • eZ Publish 5 est une application Symfony2
  • la flexibilité du CMS et la manière de construire un vrai site

Dans la partie pratique, nous avons construit le site d'une conférence PHP comme le Forum PHP pour montrer les fonctionnalités suivantes: (les liens pointent

[...]

afup ez publish forum php php