Catégorie : Programmation Web

programmation Web

  • Nouveauté de WordPress 4.0

    Nouveauté de WordPress 4.0

    Depuis quelques jours, précisément le 5 septembre 2014, vous avez pu remarquer la sortie de la version 4.0 de WordPress.

    Quelques nouveautés sont apparu dans cette version, et je vous en présente quelques-unes dans une courte vidéo.

    Ces nouveautés se situent aux niveaux de la bibliothèque des médias, de l’éditeur WYSIWYG, et de la recherche de plugins.

    A la prochaine.

  • Utiliser sa Webcam avec HTML5 et getUserMedia()

    Utiliser sa Webcam avec HTML5 et getUserMedia()

    Présentation

    En HTML5 et Javascript, il est possible d’utiliser votre webcam et votre microphone.
    Pour cela, il faut utiliser la fonction getUserMedia().

    Sa syntaxe est très simple, et c’est la suivante :

    navigator.getUserMedia(constraints, successCallback, errorCallback);
    

    Vidéo

    Script et liens

    Site MDN : NavigatorUserMedia.getUserMedia()
    Site de David Walsh : Camera and Video Control with HTML5

  • Pourquoi utiliser un Framework CSS déjà existant ?

    responsive-web-designProblématique

    Vous êtes développeur front-end ou back-end.

    Vous connaissez les framework CSS comme Twitter Bootstrap et Foundation. Vous les avez même déjà utilisé dans un projet Web.

    Si vous lisez cette article maintenant, c’est que vous vous êtes posé une question cruciale aux moins une fois dans votre vie. Cette question est : Pourquoi utiliser un framework CSS existant alors que l’on pourrai en créer un spécifique ?

    Qualités et défauts des frameworks CSS

    La première des qualités de ces frameworks et qu’ils permettent de créer des pages et des design Web plus facilement et rapidement.
    Il faut en moyenne une journée de 8h pour créer le design d’un site à partir d’un PSD mais avec un framework, ce délai est grandement raccourci.

    La deuxième des qualités est que ces frameworks sont généralement très complet et très bien construit, tout en gardant une légèrement en terme de poids.

    Mais le problème est que, à force d’utiliser ces frameworks, les design finissent tous par se ressembler.
    De plus, j’ai pu remarquer sur différents sites, que les classes essentiels des frameworks étaient réécrit pour faire le design souhaité.

    Que faut-il faire alors ?

    La question que je me pose est celle-ci : Pourquoi ne pas créer son propre framework CSS ?
    En effet, faire son propre outil maison permet de se départager de la concurrence et de montrer nos propres compétences. Pourquoi faire comme tout le monde alors que, potentiellement, on peut faire beaucoup mieux que les autres, et à la même vitesse.

    Qu’en pensez-vous ?

    Aux personnes qui travaillent dans la création de projet web, que pensez-vous de la problématique que je soulève ?
    Utilisez-vous un framework CSS connu ?
    Utilisez-vous un framework maison ?
    Ou alors, faites-vous des design spécifique à chaque projet ?

    J’aimerai avoir votre avis !

  • Les expressions régulières

    regexIntro

    Dans cet article, je vais parler d’une notion de programmation que tout programmeur voit au moins une fois pendant sa carrière, quelque soit son langage de prédilection.

    Cette notion s’intitule : les regex (ou expressions régulières).

    Comment ça marche

    D’après la définition de la page wikipédia : Une expression régulière est une suite de caractères typographiques décrivant une chaîne de caractères dans le but de la trouver dans un bloc de texte pour lui appliquer un traitement automatisé, comme un ajout, son remplacement ou sa suppression. Les mécanismes de base pour former de telles expressions sont basés sur des caractères spéciaux de substitution, de groupement et de quantification.

    En clair, vous voulez rechercher quelques choses de spécifique dans un texte (mail, numéro de téléphone, date, etc…), il est tout à fait possible de la retrouver grâce à ces expressions régulières, et de les modifier au besoin.

    Ce concept de programmation n’est pas forcément évident à apprendre, c’est comme apprendre une langue étrangère.

    Si je vous montre cette exemple : #gr[aoi]s#. Que comprenez-vous ? Rien. Et c’est tout à fait compréhensible.
    Pour vous expliquer : #gr[aoi]s# peut signifier les mots gras, gros et gris, dans n’importe quelle phrase.

    Malgré cette difficulté, une regex signifie la même chose quelque soit le langage (Perl, JavaScript, PHP, Java, C# ? Python, etc…).

    Si vous êtes curieux, je connais un très bon livre qui permet d’apprendre les regex, et c’est celui-là :

    Je vous le conseille. Il est petit, abordable, et complet.

  • Code Guide by @mdo

    Code Guide by @mdoPrésentation

    Le guide que je vais vous présenter à été écrit il y a quelques mois par @mdo.

    @mdo est célèbre pour avoir co-développé twitter bootstrap  avec @fat.

    Ce guide nous montre quelques règles a respecter pour écrire avec les langages HTML et CSS.

    L’écriture de ce guide par un professionnel comme @mdo est une bonne chose. Il permet de respecter les bases du développement de projet Web, l’HTML et le CSS étant pour moi les premiers langages Web qu’il faut apprendre.
    Il faut donc lire ce guide comme si c’était une bible pour webmaster.

    @fat
    @fat
    @fat

    Liens

    URL du Code Guide : http://codeguide.co/
    Lien Github : https://github.com/mdo/code-guide