Catégorie : Langages Web

langages Web

  • Connaître le standard PSR de PHP

    psr-standards-in-phpSi vous avez cliqué sur ce lien, c’est parce que vous êtes un développeur Web voulant en savoir plus sur le standard PSR de PHP.

    Un site listant les différents niveaux existe, et il s’appelle PHP Standards Recommendations.
    C’est un site écris de base en Anglais, mais il existe certaines pages en Français (et d’autres langues). Tous est expliqué correctement.

  • Créer un Fly-in menu en HTML5 & CSS3

    Flyin-menu
    Pour cet article, je vous présente un script qui permet l’affichage d’un Fly-in Menu. C’est un genre de menu que l’on voit souvent sur les supports Android.

    Ce script est très simple, et il n’y a pas beaucoup de Jquery. Le peu d’animation se fait en CSS3 avec les commandes Transform.
    Et selon l’état du menu (affiché ou non), l’icône du menu prend la forme d’un hamburger ou d’une croix.

    Vous pouvez retrouver mon script sur mon Github à l’adresse suivante : github Flyin-menu.

    Enjoy !

  • Comment manipuler l’historique du navigateur

    pushstate_ajaxA l’apparition de l’Ajax, nous pouvions modifier les informations dans une page sans la recharger. Ajax permettait le rechargement spécifique de ces informations.

    Ce rechargement n’avait, pendant plusieurs années, qu’un seul défaut : il ne permettait pas de manipuler l’historique comme on le voulais.

    Javascript permet de manipuler l’historique de navigation grâce à l’objet window.history.
    Le site de mozilla contient une page complète sur la manipulation de l’historique du navigateur.

    Pour utiliser correctement cette manipulation, il suffit d’utiliser les méthodes pushState() et replaceState(), et l’évènement popstate.

     

    Avec cette objet Javascript, vous deviendrez un professionnel de l’historique avec votre navigateur.

    Enjoy !

  • JQuery sans JQuery

    JQuery sans JQuery

    Description

    Pendant une de ses conférences, Raphael Rougeron a parlé de la problématique de l’utilisation de Jquery.
    Il explique comment créer en vanilla JS ce que l’on peut faire en Jquery, met l’accent sur le support des navigateurs et l’utilisation de polyfill.
    La vidéo a été tourné en 2013, mais la problématique reste toujours d’actualité aujourd’hui.

    Vidéo

    JQuery sans JQuery par Raphael Rougeron from Paris-Web on Vimeo.

  • Présentation de SVG et Canvas

    svg-canvasDepuis 2014, les nouvelles technologies du Web, comme HTML5 et CSS3 sont entré dans les mœurs.

    Maintenant, il faut apprendre à utiliser les API qui sont liées avec ces technologies.
    Dans cette article, je parlerai de 2 API graphique (SVG et Canvas) qui vous permettront de dessiner avec HTML5.

    Voici les liens vers de très bons articles (en français) : les bases de SVG et de Canvas, les scénarios clés d’utilisation de ces 2 jeux d’APIs.

    Comme troisième lien, je vous présente un cours contenant 3 modules, et les 3 technologies d’affichage disponibles dans le monde (SVG, Canvas 2D, WebGL).
    Le lien est le suivant : Graphismes HTML5 grâce à SVG, Canvas 2D et WebGL.

    Enjoy !