1 Accueil accueil 21 blanc

Benoit Cyrulik, développeur web à Rennes,
Thèmes et outils entièrement personnalisés, basés sur WordPress.
PHP / JavaScript

20 ans d’expérience
en développement web
et quelques billes en design graphique, et en photographie

Parcours

Développeur web en agence de 2007 à 2016 et en 2018 et 2019.

Micro-entreprise créée en 2019.

Origines

Il y a pas loin de vingt ans, Dreamweaver, puis Flash, m'ont fait plonger la tête la première dans le web. Ça a toujours été magique, le fait de pouvoir développer des interfaces créatives, interactives, pour délivrer du texte, du son et des images, au monde entier. L'interactivité, c'est du pouvoir donné au lecteur, au visiteur, pour l'impliquer dans la narration qu'on lui présente. C'est cette fascination que le web a exercé pour moi qui oriente la fin de mes études vers les arts appliqués et la communication visuelle, pendant que je passe des nombreuses soirées à écrire des lignes de code et à multiplier les calques Photoshop. Avant même les smartphones, j'ai fait partie de ceux qui créaient des programmes dans leur calculatrice telle la TI80. Des jeux, des anti-sèches interactives (il suffisait d'entrer des paramètres pour que le programmes calcule une réponse complète), etc. J'ai très vite acheté un Palm, puis un pocketPC. Le graphisme et le code n'étant que des briques nécessaires à la création d'interfaces, je me suis naturellement orienté vers le développement front-end, qui a été mon activité professionnelle principale pendant près de dix ans. Depuis, les technologies ont évolué et ont multiplié les possibilités. Les performances du JavaScript, maintenant utilisé côté serveur, les progrès impressionnants de PHP7, les fonctionnalités de CSS3, la diversification des usages et des supports (tactile, réalité virtuelle...)

2 Prestations prestations 33 noir

Prestations

Et Compétences

Cliquez dessus pour en savoir plus

WordPress

Un CMS souple et hautement personnalisable

WordPress

Un CMS souple et hautement personnalisable

WordPress est le CMS le plus répandu pour produire des sites internet. C'est à la fois une force et une faiblesse.

J'ai choisi de me servir de ses forces (la souplesse, la polyvalence, la simplicité) et de combler ses faiblesse en optimisant la sécurité et les performances grâce une configuration personnalisée et l'utilisation d'un thème sur-mesure.

Il y a de nombreuses manières d'utiliser WordPress. En réalité, je ne propose pas "du WordPress" mais je me base "sur WordPress" pour répondre aux besoins web de mes clients.

Au fil des ans, j'ai affiné ma connaissance de ce CMS, et intégré mes propres outils de développement qui me permettent de proposer un service stable, durable, performant ET personnalisable. Vous en avez de la chance !

PHP

Performant, souple et polyvalent !

PHP

Performant, souple et polyvalent !

Maîtriser couramment le PHP est indispensable dès lors qu'on souhaite proposer du développement sur-mesure, même si l'on se base sur un CMS de type WordPress. C'est d'ailleurs en étant à l'aise avec PHP qu'on est en mesure de déployer toute la puissance d'un CMS, en comprenant ses principes, se les approprier et les mettre en oeuvre de manière efficace et performante.

JavaScript

Puissant entre de bonnes mains

JavaScript

Puissant entre de bonnes mains

JavaScript est donc un jour redevenu populaire (ça commence à faire un moment), et s'est payé le luxe de percer côté serveur. Les particularités de ce langage (comme le traitement asynchrone) en font une alternative puissante à PHP, tout en étant aussi accessible, voire plus simple par certains côtés. En réalité, l'usage n'est pas du tout le même, et cette technologie répond (excellemment) à des besoins spécifiques.

Que ce soit le langage natif, ou plus souvent des frameworks ou des librairies, le Javascript fait partie des langages les plus utilisés pour le web. Pour étendre les fonctionnalités des navigateurs, en créer de nouvelles non implantées et enrichir considérablement l'interactivité. Le maîtriser est essentiel pour savoir mesurer son impact sur les performances, et l'optimiser.

FS

From Scratch, Full Stack, Full Screen...

FS

From Scratch, Full Stack, Full Screen...

Et toutes ces expressions en forme de FS qui veulent plus ou moins dire que l'intention est de maîtriser au mieux un projet dans son ensemble et de lui apporter la forme la plus pertinente possible considérant les objectifs du client et surtout les objectifs des clients du client, les nommés utilisateurs finaux.

J'ai choisi certaines technologies pour travailler, mais ce qui compte n'est pas l'outil , c'est ce qu'on en fait. Et il est toujours utile de connaître cet outil et de le maîtriser "pur" autant que possible sans uniquement se reposer sur des librairies et des frameworks.

Sites et applications web, ou hybrides, avec ou sans CMS, avec ou sans framework. Tout ce qui compte est le résultat pour l'utilisateur final, et c'est cette qualité qui définit les technologies à employer. Quel que soit le support (smartphone, borne interactive, liseuse...) j'aurai dans la plupart des cas toujours une solution à proposer.

Design Graphique

Quoi ?! Aussi des compétences en graphisme ?

Design Graphique

Quoi ?! Aussi des compétences en graphisme ?

En fait, non. J'ai pris la décision en 2020 d'arrêter définitivement de laisser penser que je propose du design graphique. En effet, c'est un métier exigeant et pour lequel je choisis de ne pas investir de temps, au profit de mes autres activités. Cela me permet de privilégier mon réseau pour répondre à ce type de besoin, et mes autres activités s'en trouvent bien mieux :)

Mais si vous avez besoin, laissez-moi vous proposer quelques professionnels en qui j'ai vraiment confiance.

Par contre, je suis photographe... mais c'est un autre sujet.

3 Outils et méthodes outils-et-methodes 35 bleu

Outils et méthodes

Mon environnement de travail, les outils auxquels je suis fidèle. Ils ne m'ont jusqu'ici jamais déçu.
Cliquez dessus pour lire ce que j'en dis et à quoi ça me sert.

WordPress

WordPress

Quoi qu'on en dise, c'est un CMS extrêmement souple et personnalisable, et sécurisé pour peu qu'on s'en donne un peu les moyens. Un bon WordPress, c'est comme un cheval sauvage. En tant que développeur, il faut apprendre à le connaître, l'apprivoisez avec patience et persévérance, et il nous emmène loin. Le client gagnera toutes ses courses ;)

Sublime Text

Sublime Text

Sous Windows, Sublime Text est léger et réactif. Probablement un des meilleurs éditeurs de code pour le web, une fois les bonnes extensions installées.

Gulp

Gulp

-

Exécuté sur NodeJS, après avoir utilisé Grunt, je suis passé chez Gulp, qui me permet d'utiliser la syntaxe SCSS, de compiler et minifier les fichiers CSS et JavaScript de manière automatique et transparente.

De plus, sans plus d'effort particulier de ma part, Gulp me génère automatiquement mes scripts et styles optimisés et compressés destinés au site en production, mais également les scripts et styles non compressés dont j'ai besoin pour le développement et la chasse aux bugs.

Bitbucket

Bitbucket

git push. git push -force ? Rha encore un conflit ?!

Bitbucket me permet de conserver mes projets dans le cloud, par sécurité et parce que ça me permet de les récupérer et de les mettre à jour facilement en quelques lignes de commandes git lorsque je suis en déplacement.

TinyPNG

TinyPNG

Ce site permet d'optimiser le poids des images sans sacrifier la qualité, et il faut avouer que le résultat est bluffant. Il fonctionne aussi avec les JPG.

Dashlane

Dashlane

Un portefeuille de mots de passe. Mon outils favoris pour générer des passwords complexes et les mémoriser de manière sécurisée, avec remplissage automatique des formulaires de connexion. Ils peuvent être répartis en catégories et partagés temporairement en cas de besoin. Dashlane averti aussi des risques de sécurité lors d'un hack de comptes massif et suggère un renouvellement des mots de passe compromis.

Suite Adobe

Suite Adobe

Bien sûr que j'ai un SN.

On ne présente plus les célèbres Photoshop, Illustrator, Première...

Google Drive

Google Drive

Je suis branché à la matrice Google et je l'assume. Je tourne sous Android pour mon smartphone et ma tablette, et l'outil Drive est devenu très pratique pour de nombreuses tâches.

Google Music

Google Music

Tant qu'à habiter chez Google (ou bien est-ce Google qui habite chez moi ?) autant essayer leur service de steaming musical. Je dois avouer qu'après avoir largement essayé Deezer et Spotify, le Google Play Music m'a plu et j'y suis resté.
C'est un outil presque indispensable dans mon métier, et il ne se passe pas une journée sans que la musique ne rythme mes lignes de code. De Skrillex à Bach en passant par The Kills, Marco Beltrami, Lisa Ekdahl...

Windows10

Windows10

Le mec qui en plus d'être un suppôt de Google, travaille encore sous Windows.

J'ai songé à passer sous Linux (j'ai essayé plusieurs fois) ou MacOS, tendance parait-il chez les développeurs, mais je ne suis pas un hipster barbu (de toute manière la barbe chez moi c'est fichu). Par contre je suis aussi un gamer et puisque Wamp et NodeJS fonctionnent parfaitement sous Windows 10, et que je n'ai que de bonnes expériences avec cette version de l'OS, j'y reste.

4 Références et projets references-et-projets 37 blanc

Références et projets

Cliquez dessus pour en savoir plus

Orchestre National de Bretagne2020

Concerto avec Agence Autrement

Orchestre National de Bretagne

Concerto avec Agence Autrement

Aller sur le site

L'un des projets les plus enthousiasmant sur lequel j'ai pu travailler, que ce soit le sujet ou le design graphique. Les quelques fonctionnalités et comportements particuliers ont représenté un défi certain et parfois chronophage. Je suis fier d'avoir participé à ce projet, et toujours ravi d'y apporter régulièrement des améliorations ou corrections.

Et puis, je trouve que tout ça donne envie d'aller les voir et les écouter.

Nicolas Bernardé2020

Miam ! avec Studio 6DGT

Nicolas Bernardé

Miam ! avec Studio 6DGT

Aller sur le site

Quoi de plus beau au monde que la pâtisserie ? A part une portée de chatons, rien ! Mon enthousiasme pour cet projet n'a eu d'égal que le défi qu'un ecommerce si particulier a pu représenter. Au prix d'une multiplication des heures non comptabilisées, mes compétences et mon burnoutomètre ont fait un bond remarquable. La satisfaction n'en a été que plus grande suite à la mise en ligne, lorsque les performances et le SEO du site ont pu confirmer que le travail en avait valu la peine.

Le défi majeur a peut-être été le nombre de cas particuliers et de contraintes à intégrer au e-commerce. Certains gammes de produits ne sont disponible que pendant une durée limitée, ou disponible un seul jour, ont (ou non) deq variations, et j'en passe. Le travail pour intégrer de manière cohérente tous les cas particulier et les rendre administrable facilement a été considérable.

L'autre défi majeur a été de personnaliser l'interface d'administration pour pouvoir être utilisée par une équipe de production en pleine activité, et avec des besoins métier très particuliers. De nombreux éléments ont donc été développés sur-mesure dans l'administration, et interfacés avec WooCommerce.

Le dernier défi principal est le même dans tous les projets de ce type : la sécurité. C'est une problématique à prendre en compte dans l'écriture de chaque ligne de code.

Dugas.fr2017

pour R2 en tant que Développeur

Dugas.fr

pour R2 en tant que Développeur

Aller sur le site

Un projet de longue haleine avec de nombreux développements spécifique de personnalisation.

The Networker2016

pour Reputation Squad en tant que Développeur web chez Reputation Squad

The Networker

pour Reputation Squad en tant que Développeur web chez Reputation Squad

Aller sur le site

Autres projets2021

Plus personnels, plus expérimentaux pour la gloire

Autres projets

Plus personnels, plus expérimentaux pour la gloire

En pagaille ! Un petit jeu de type Boggle, un autre jeu un peu plus riche de gestion d'aventurier, une application de fiche de personnage et de gestion de communauté pour jeu de rôle, des vidéos, des photos, un bouquin... Il ne me reste plus qu'à trouver comment vivre au moins 500 ans. Ou ne plus avoir besoin de dormir ni de manger.

5 Contact contact 41 noir

Contact

Laissez-moi vos coordonnées
et je vous recontacte dès que possible

e913528e1c8210f3a6757ab788ce6a64

Message envoyé !

Merci !

--------1 --------2