Catégorie : Langages Web

langages Web

  • Le langage Markdown

    MarkdownQuand on travaille en tant que programmeur Web, on rencontre les langages web courant comme le HTML5, le CSS3, le Javascript, le PHP et le MySQL.

    Ensuite, tout au long des missions que nous faisons, nous devons apprendre d’autres langages moins connu. Je peux citer les langages suivant : LESS, SASS, Compass, Smarty, twig …

    Aujourd’hui, je vais vous parler de Markdown.
    Il est possible d’utiliser ce langage pour plusieurs occasions. J’ai pu l’utiliser dernièrement pour Github.

    Voici 3 liens qui vont vous permettre d’apprendre ce langage :
    [tutoriel] : un guide pour bien commencer avec markdown
    – Markdown, la syntaxe de mise en forme discrète
    Wikipédia – Markdown

     

    Si vous connaissez d’autres liens sur ce langage, n’hésitez pas à les partager.

    Enjoy !

  • Créer des design flexible en CSS avec flexbox

    flex_termsIl y a quelques semaines, j’avais découvert une nouvelle commande en CSS : flexbox.

    Cette commande peut être utilisé avec la propriété « display » et permet d’avoir un modèle de boîte flexible rapidement.

    Voici quelques liens qui vous permettrons d’en savoir plus sur flexbox :
    A Complete Guide to Flexbox : https://css-tricks.com/snippets/css/a-guide-to-flexbox/
    Flexbox, guide complet : http://la-cascade.io/articles/flexbox-guide-complet
    CSS3 Flexbox Layout module : http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html

    Ces trois liens vous permettrons de connaître parfaitement flexbox.

    Pour savoir avec quel navigateur marche flexbox, vous pouvez aller voir sur le site caniuse.

  • Best Practices Javascript

    js_logoRécemment, j’ai découvert le blog braincracking.org, créé par Jean-pierre VINCENT.

    Même si ce blog n’a pas été mis à jour depuis fin 2012, quelques articles sont encore d’actualités.

    Je vous présente 3 de ces articles, lié par le thème de la programmation JS.

    Le premier article montre la syntaxe de base des classes JS à l’intention des développeurs PHP.
    Le deuxième article explique les 3 fondamentaux du JavaScript.
    Le troisième, et dernier article, montre l’usage avancé des fonctions JavaScript.

    Ces trois articles sont à lire au moins une fois quand on fait un peu de Javascript.

    Enjoy !

  • Sass Guidelines

    SASSDans un article précédent, j’avais donné un lien qui expliquait comment structurer un projet SASS.
    Ce lien va vers un article en Anglais qui est comme un guide.

    Le lien, que je vous donne maintenant, tend aussi vers un article anglais. C’est un guide complet qui vous explique comment écrire du Sass sain, maintenable et évolutif.

    Lien : http://sass-guidelin.es/

    Les exemples de codes sont écris en Sass. Le guide existe aussi avec les exemples de codes en Scss.

    Profitez-en bien car il est très complet.

  • Support des technologies du Web et les navigateurs

    logos html5 & css3Cet article va traiter d’un site qui s’intitule caniuse.
    vous pouvez le retrouver à l’adresse http://caniuse.com/.

    Ce site permet de voir le support des fonctionnalités du HTML5 et du CSS3 par les différents navigateurs du marché.

    Le site est divisé en deux parties.
    La première partie liste les nouvelles fonctionnalités selon les technologies (HTML5, CSS3, SVG). Il suffit juste de cliquer sur une fonctionnalité pour voir les navigateurs qui le supportent ou non.
    Cette partie-là ne permet pas de choisir spécifiquement des navigateurs. Nous pouvons seulement choisir que les navigateurs du marché (PC, tablette et téléphone portable).

    Can i use

    La deuxième partie est différente dans le sens ou nous pouvons choisir spécifiquement les navigateurs que l’on veut.
    Cette deuxième partie se trouve à cette adresse : http://caniuse.com/#comparison
    Je m’explique :
    Imaginons un site internet devant marché pour des navigateurs précis, mais non récent, comme Firefox 5 ou Internet Explorer 8.
    Il est possible de voir, grâce à cette page, de lister le support des fonctionnalités pouvant marcher avec ces navigateurs (et accessoirement, les fonctionnalités ne marchant pas avec ces derniers).

    C’est un site à avoir dans ces favoris.

    Enjoy !