Guillaume RICHARD

Blog

  • Tutoriel vidéo – installer un plugin social « facebook » sur votre site ou votre blog

    Tutoriel vidéo – installer un plugin social « facebook » sur votre site ou votre blog

    Vous vous êtes toujours demandé comment intégrer un plugin social du style « Facebook » sur votre site. Je vous l’explique dans cette vidéo :

    Voici le lien Facebook pour ces plugins sociaux : http://developers.facebook.com/docs/plugins/

  • Découverte de slid.es

    Découverte de slid.es

    Aujourd’hui, je vais vous faire découvrir « slid.es », outil permettant de créer des présentations du style powerpoint en HTML5 et CSS3.

    Voici la vidéo :

    site Web de l’outil : https://slides.com/

  • Tutoriel vidéo – Utilisation de base de simpleXML

    Tutoriel vidéo – Utilisation de base de simpleXML

    Aujourd’hui, je vous apprendrai à parser un fichier XML grâce à PHP et à l’API SimpleXML.

    Voici le tutoriel vidéo :

    les fonctions de l’API SimpleXML se trouve à cette adresse : http://php.net/manual/fr/book.simplexml.php

    Bon visionnage.

  • Les bibliothèques a utiliser pour un projet Web

    Voici quelques bibliothèques et framework intéressant à utiliser dans des projets Web

    1-Jquery

    logo de jquery, le célèbre frameworksite : http://jquery.com/
    Célèbre framework Javascript facilitant la création de script JS

    2-Jquery mobile

    jquery-mobilesite : http://jquerymobile.com
    Dérivé du framework Jquery. Jquery mobile est spécialisé dans les sites mobiles. A utiliser surtout si vous ne faites pas de site responsive design.

    3-TimelineJS

    Timeline-JS-logosite : https://github.com/NUKnightLab/TimelineJS
    Création de frise Chronologique grâce a JavaScript pour montrer des données.

    4-Reveal.js

    rvl-jssite : http://lab.hakim.se/reveal-js/#/
    Un script de présentations HTML5 et CSS3 prêt à emploi.
    Alternatif Web à Powerpoint.

    5-RaphaëlJS

    raphaelJSsite : http://raphaeljs.com/
    Pour créer des graphiques vectorisés. Cette librairie utilise et simplifie l’utilisation de tracés SVG.

    6-Reset CSS

    site : http://meyerweb.com/eric/tools/css/reset/
    Reset CSS créé par Eric Meyer pour effacer les différence entre navigateurs. (IE, FF, GC, etc…)

    7-Twitter bootstrap

    twitter-bootstrapLien : http://getbootstrap.com/
    Framework CSS qui facilite la vie en créant des design de site plus facilement et rapidement.

    8-Hint.css

    hint-csssite : http://kushagragour.in/lab/hint/
    Une bibliothèque de tooltips 100% CSS

    9-Animate.css

    animate-csssite : http://daneden.me/animate/
    Une feuille de style pour faire des animations en CSS3.

    10-Label.css

    site : http://usablica.github.io/label.css/
    Des labels dynamiques sur vos images en CSS

    11-PhpSecInfo

    site : http://phpsec.org/projects/phpsecinfo/
    Bibliothèque PHP permettant d’analyser la configuration de son serveur PHP. Plus puissant que la fonction phpinfo()

    12-PHP Error

    Lien : http://phperror.net/
    Surchargez vos erreurs PHP basiques en debug avancé

    13-mobiledetect

    mobiledetectsite : http://mobiledetect.net/
    Détecter les smartphones / tablettes en php

    14-PHPExcel

    phpexcel_logosite : http://phpexcel.codeplex.com/
    Permet de lire et écrire des documents Excel.

    15-EZPDF

    pdf_rosPDFsite : http://pdf-php.sourceforge.net/index.php/resources.html
    Création de documents PDF grâce à une classe PHP

  • 10 outils indispensable pour les Webmaster

    1-Evernote

    Logo evernotesite : https://evernote.com/
    outil de synchronisation de note entre ordinateur, tablette et mobile.

    2-Basecamp

    Logo basecampsite : https://basecamp.com/
    système de gestion de projet en ligne qui permet de travailler en collaboration avec les collègues, de répartir des tâches et de suivre l’avancement du projet.

    3-Les outils Google

    Logo de GoogleLien vers google : http://www.google.fr/
    Google comprend tellement d’outils qu’il est impossible de ne pas en utiliser au moins un pendant un projet.
    Ces outils peuvent être : Google keywords tools, Google Analytics, Google Maps, Google Drive, Youtube…

    4-Hootsuite

    logo de Hootsuitesite de Hootsuite : https://hootsuite.com/
    Outil de gestion de réseaux sociaux comme Facebook, Twitter, Google+.
    Outil obligatoire quand on participe à un projet qui prend en compte les réseaux sociaux.

    5-StatCounter Global Stats

    StatCounterGlobalStatssite de StatCounter : http://gs.statcounter.com/
    Outil de Statistiques et graphiques récents de navigateurs et systèmes d’exploitations dans le monde.

    6-Les Modules pour les navigateurs

    Il permettent l’amélioration du code d’un projet. Par exemple :
    Pour Firefox : Firebug et Yslow (pour le débugage de code et le rendre plus rapide)
    Pour Chrome : Chrome Developer Tools (outils de développement)

    7-Services de validation W3C

    Services de validation W3CLien : http://validator.w3.org/
    Outil aidant le programmeur à trouver des erreurs dans le code (sans le rendre parfait). Il montre aussi quel genre de HTML on considère comme une bonne pratique.

    8-Les éditeurs de texte

    éditeurs de texteQu’il soit simple (Notepad++), ou qu’il soit WYSIWYG (Dreamweaver, aptana), il permette de programmer simplement.

    9-Lorem Ipsum

    Lorem IpsumLien vers un site de Lorem Ipsum : http://fr.lipsum.com/
    Site, créateur de texte rapide et temporaire pour des projets.

    10-Adobe Creative Suite

    Logo suite adobesite adobe : http://www.adobe.com/
    Suite logicielle professionnel commercialisée par Adobe Systems depuis 2003. Il comprend certains logiciels qu’on a utilisé au moins une fois dans sa vie.