Elliott Chiaradia

Web Developer

Web

Déboguer une page web sur un appareil mobile

Axel Piaget |24-01-2016

On se rend parfois compte qu'une application web s'exécute parfaitement sur ordinateur mais pas sur son appareil mobile. Malheureusement, les navigateurs mobiles n'offrent pas de console développeur. Ce qui est compréhensible vu la taille réduite des écrans.

Que faire pour comprendre d'où vient le bug, qu'il s'agisse d'un problème d'affichage ou d'autre chose ?

Lire la suite...

Symfony2 : Les commandes importantes

Elliott Chiaradia |19-01-2016

Symfony2 dispose d’innombrables commandes. Bien qu’elles ne soient, à mon humble avis, pas toutes utiles, s'en passer nous ferait perdre un temps considérable et nous obligerait à devoir répéter du travail pas franchement intéressant.

Dans cet article, je vais vous présenter quelques commandes Symfony2. Celles que j'utilise fréquemment et que je trouve important de connaître. Grâce à elles, vous allez par exemple pouvoir créer une base de données, générer automatiquement des getters et des setters, lister les routes de votre projet ou encore supprimer le fameux cache de Symfony2 qui nous embête tant, nous développeurs, et cela en très peu de temps ! Oui, vous verrez, elles sont très utiles, ne vous en privez pas !

logo_symfony2

L'article est séparé en deux chapitres. Le premier contient les commandes générales, tandis que le second présente les commandes spécifiques à Doctrine.  Bonne lecture :)

Lire la suite...

Hammer.js, une librairie permettant de capturer des gestes tactiles

Elliott Chiaradia |13-01-2016

Hammer.js est une librairie javascript permettant de capturer des gestes tactiles. Ces mouvements peuvent être utiles aussi bien pour le mobile que pour une application web (pour une galerie de photos par exemple). Hammer.js peut gérer le swipe, le pan, le tap, le press, le rotate et le pinch, pour vous rendre compte plus facilement à quoi correspond ces gestes, vous pouvez vous référer à l’image suivante.

hammerjs_move

 

Dans cet article, nous allons utiliser cette librairie pour  tester quelques-uns de ces mouvements qui vont nous servir à appeler des petites fonctions qui effectueront des petites choses, comme un changement de couleur d'une div ou encore un déplacement d'un élément.

Lire la suite...

Plugins intéressants pour Sublime Text 2

Elliott Chiaradia |11-01-2016

Sublime Text 2 est un éditeur de texte que j’aime beaucoup. Il n'a rien à envier aux autres, et bien que moins complet que les IDE payants à la jetbrains, il reste un très bon choix, car il existe une multitude de plugins qui l’améliorent considérablement. Après en avoir testé des dizaines et des dizaines, voici ceux que j’utilise vraiment.

Lire la suite...

Création d’une galerie d’images avec A-frame

Elliott Chiaradia |08-01-2016

A-frame ? Qu’est-ce que c’est ? Pour faire court, A-frame est un framework javascript dédié à la VR (réalité virtuelle), si vous voulez plus d’informations sur le sujet, je vous invite à lire l’article « Présentation de A-Frame, un framework dédié à la VR ».

Dans cet article, je vais vous montrer comment créer une galerie d’images avec A-frame. Je n’ai pas la prétention d’avoir créé une galerie parfaite, celle-ci n’est finalement qu’un prétexte pour tester quelques fonctionnalités du framework.

Bon, passons aux choses sérieuses, voici ce que nous obtiendrons comme résultat final :

Lire la suite...

Présentation de A-Frame, un framework dédié à la VR

Elliott Chiaradia |04-01-2016

La VR (réalité virtuelle) n’est plus qu’un mythe, le casque d’Oculus sortira pour le grand public en début 2016, tandis que celui de HTC et de Sony arriveront un peu plus tard, dans le courant de l’année. Oui, le futur c’est maintenant ! La réalité virtuelle va tout chambouler ! Bien entendu, ça ne va pas se faire en un clin d’œil, cependant, miser dès maintenant sur cette technologie me semble être plus que nécessaire afin de ne pas être à la traine et de pouvoir innover.

Les gens de chez Mozilla, eux, ils ont tout misé sur la VR depuis déjà quelque temps. Ils pensent (tout comme moi) que la réalité virtuelle n’est pas limitée aux jeux vidéo. Ils ont donc développé A-Frame, un framework proposant divers outils pour créer des sites web non pas en deux dimensions, comme nous avons l’habitude de faire, mais en 3 dimensions dans le but d’offrir une expérience bien plus agréable pour les heureux possesseurs de ces casques virtuels.

A-Frame a été mis en ligne tout récemment, il n’est donc pas encore complet, mais vous allez vite pouvoir vous rendre compte du potentiel de la chose, notamment au cours du chapitre suivant.

Lire la suite...

Tutoriel : Intégrer un colorateur syntaxique avec CKEditor et Symfony2

Elliott Chiaradia |14-12-2015

Après avoir intégré CKEditor et y avoir ajouté un gestionnaire de fichiers, je vous propose de terminer cette petite série de tutoriels "CKEditor et Symfony2" en y ajoutant une fonctionnalité permettant d'ajouter de la coloration syntaxique. En effet, elle est très intéressante à implémenter si vous voulez pouvoir afficher, dans votre contenu, du code de manière propre et visible.

CkEditor ayant un catalogue de plugins conséquent, un addon s'occupant de faire ce travail de coloration syntaxique est d'ores et déjà disponible, elle n'est pas belle la vie ? Ce plugin s'appelle : "Codesnippet". Dans ce tutoriel, nous allons apprendre à configurer ce plugin, mais aussi à colorer le code du côté de l'affichage du contenu. A la fin de ce tuto, vous serrez en mesure afficher du code de cette manière là :

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <h1>This is a Heading</h1>
    <p>This is a paragraph.</p>
  </body>
</html>

Lire la suite...

Quelques outils utiles pour optimiser votre référencement

Elliott Chiaradia |10-12-2015

Après avoir créé votre site web, vous voulez immanquablement que celui-ci ressorte dans les résultats de recherches Google. Pour ce faire, il va falloir avoir un référencement efficace !

Dans cet article, je vais vous présenter quelques outils (gratuits) qui permettent d'améliorer le SEO de votre site web. Mais qu’est-ce que c’est ce SEO ? Le SEO, pour Search Engine Optimization, est ce qu'on appelle "le référencement naturel". Pour faire court, tout ce qu'on peut mettre en place pour améliorer le référencement du site sans utiliser des services de publicité, rentre dans la catégorie SEO.

schema_SEO

Lire la suite...

Tutoriel : Ajouter un gestionnaire de fichiers à CKEditor avec Symfony2

Elliott Chiaradia |05-12-2015

CKEditor est un outil complet, cependant, il laisse à désirer pour tout ce qui est des images. Car effectivement, on peut rajouter facilement des images qui sont déjà présentes sur un serveur, en indiquant simplement son URL mais pour ce qui est des images se trouvant sur votre ordinateur, il n’y a pas moyen de les uploader sans devoir installer un outil supplémentaire.

Cet outil supplémentaire peut s'appeler "FMElfinderBundle" par exemple ! FMEIfinderBundle est un bundle symfony2 permettant d’uploader facilement nos fichiers sur le serveur afin de pouvoir les ajouter à nos contenus, un outil très pratique et quasiment indispensable pour tous projets symfony2 étant doté d'une gestion de contenu.

Lire la suite...

Tutoriel : Intégrer CKEditor avec Symfony2

Elliott Chiaradia |03-12-2015

CKEditor est un web text editor. Il faut entendre par là qu’il permet de rajouter du contenu de manière user-friendly sans devoir taper du code html dans notre textarea. Une image vaut mille mots,  voici donc à quoi peut ressembler un champ de type CKEditor :

Nous pourrions très bien configurer CKEditor de manière entièrement manuel. Cependant, puisque nous sommes sur Symfony2, pourquoi ne pas profiter de bundles déjà existant et faisant très bien le job ?

Lire la suite...

Echanger des astuces entre collègues c’est bien, mais pouvoir les garder au chaud et y avoir accès n’importe quand, c’est encore mieux ! Et puis, pourquoi ne pas les partager à un public plus large, puisqu’elles pourraient être utiles à d’autres ? C’est sur cette base de réflexions, qu’Elliott eut l’idée de créer ce blog. Afin de proposer un contenu plus étoffé, il invita deux de ses chers confrères et amis, Axel et Joël, à rejoindre l’aventure.