1 Accueil accueil 21 blanc

Benoit Cyrulik, artisan du numérique à Rennes,
gestion et production de projets web.
Sites WordPress & Web Apps
PHP / NodeJS

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é) en comblant au mieux ses faiblesses en améliorant le mieux possible la sécurité et les performances grâce une configuration personnalisée et l'utilisation d'un thème sur-mesure tout en garantissant les mises à jours automatique et sécurité de WordPress. Et bien sûr, une sélection attentive des extensions installées.

PHP

Une bonne soupe dans une vieille marmite rénovée

PHP

Une bonne soupe dans une vieille marmite rénovée

Je propose mes compétences en PHP (sans framework) pour le développement de fonctionnalités spécifiques et originales, à mettre en oeuvre rapidement, et pour lesquelles il n'existerait pas encore de solution satisfaisante.

Mes compétences en PHP me permettent également d'étendre les possibilités offertes par WordPress pour améliorer les performances et la sécurité.

JavaScript

Capable d'être performant côté client comme serveur

JavaScript

Capable d'être performant côté client comme serveur

JavaScript est donc redevenu populaire, 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.

Côté client web, les performances s'améliorent constamment avec les navigateurs modernes, et les frameworks arrivent à maturation.

Le Javascript, avec ou sans librairie, fait partie des langages les plus utilisés dans mon activité. Il est souvent utilisé 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.

C'est un langage presque incontournable pour la réalisation des applications web.

J'utilise de préférence Node et Vue.

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

Quelques compétences en graphisme et animation

Design Graphique

Quelques compétences en graphisme et animation

En complémentarité de mes compétence en développement et mise en oeuvre, je propose une certaine aisance avec les outils graphiques, que ce soit en illustration, logo, photographie, montage vidéo...

Et dans les cas où ça ne suffirait pas à atteindre la qualité nécessaire pour un projet exigeant, je connais quelques graphistes passionnés et très compétents.

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

Outils et méthodes

Mon environnement de travail
Cliquez dessus pour plus de détails

WordPress

WordPress

-

Un CMS extrêmement souple et personnalisable, et sécurisé pour peu qu'on prenne quelques dispositions.

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.

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.

JSFiddle

JSFiddle

Comme pense-bête ou pour partager des énigmes techniques avec mes co-workers

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.

favicon-generator.org

favicon-generator.org

Ce site permet de générer facilement une collection d'icônes utilisés par les appareils et navigateurs courants, ainsi que de sources prêtes à être intégrées.

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 Play Music

Google Play 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 mort). 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

Dugas.fr2020

pour R2 en tant que Développeur

Dugas.fr

pour R2 en tant que Développeur

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

cian-afrique.org2014

CMS avec fort contenu et interface front-end de gestion de compte utilisateur pour Le Conseil français des investisseurs en Afrique en tant que Développeur web chez Reputation Squad

cian-afrique.org

CMS avec fort contenu et interface front-end de gestion de compte utilisateur pour Le Conseil français des investisseurs en Afrique en tant que Développeur web chez Reputation Squad

(Description à venir)

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

(Description à venir)

Autres projets2015

Plus personnels, plus expérimentaux pour la gloire

Autres projets

Plus personnels, plus expérimentaux pour la gloire

GW2RP

Extension sur Overwolf, en overlay. C'est une application ajoutant des fonctionnalités de partage entre joueurs sur Guild Wars 2. L'application est aujourd'hui désactivée et doit être remplacée par une version plus généraliste et rattachée au projet rolist.

rolist

Application web en vuejs utilisant une API json pour ses requêtes via websockets à un serveur nodejs. (Plus de détails bientôt)

5 Contact contact 41 noir

Contact

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

40e74dcfa7a21f8902d117a64eea4df6

Message envoyé !

Merci !

b.fr