WAXO

javascript, javascript - english

Working in the DevTools : you don’t use the console engouh

As front end developers, the browser console panel and the console API should be one of our primary tools. We all use the console.log() or console.dir() methods, but too few of us master the trace, time, profile and other magic methods that the console API provides. I will assume that you work with chrome and know how to access your console. I won’t write about the other pannels (Elements, Network…) but they are, of course, mandatory to master.
Continue la lecture

javascript - français

Comment le hoisting fonctionne en JavaScript et pourquoi

La plupart des développeurs front end que j’ai rencontré connaissent les principes de base du hoisting (« hissage » en anglais). Comment la déclaration des variables est gérée en JavaScript et pourquoi on peut rencontrer ce qui semblera être un comportement aberrant du language aux autres développeurs. Mais peu savent pourquoi et comment cela fonctionne sous le capot. Je vais ici tenter une explication basique du processus.

Continue la lecture

code - english, javascript - english

How and why the hoisting works in JavaScript

Most of the decent fronts-end developers I met knew the basic principles of hoisting. How variables declarations are handled by JavaScript engines and why you may encounter what could appear as a quirk for a non JS developer. But fewer knew why it works that way and what happen under the hood. So I’ll try a basic explanation for these elements.

Continue la lecture

code - english

[ Tutorial ] : short guide to start with markdown

Contents

  • What is Mardown ?
  • Some history
  • Tool box
  • Markdown syntax
    • Titles
    • Paragraphs
    • Emphasis
    • Quote block
    • Unordered list
    • Ordered list
    • Code block
    • Inline code
    • Hairline or separator
    • Links
    • Images
    • Tables
  • Escaping characters
  • Blocks separations
  • And after?

Continue la lecture

code - français

[ tutoriel ] : un guide pour bien commencer avec markdown

Contenus

  • Qu’est-ce que Markdown ?
  • Un peu d’histoire
  • Outils
  • La syntaxe de markdown
    • Les titres
    • Les paragraphes
    • Les sauts de ligne simple
    • L’emphase
    • Les citations
    • Les listes non ordonnée
    • Les listes ordonnées
    • Le bloc de code
    • Le code dans la ligne
    • Les filets ou barres de séparation
    • Les liens
    • Les images
    • Les tableaux
  • Échappement des caractères
  • Séparer des blocs
  • Et après ?

Continue la lecture

javascript - english

How to « find deep » and « get parent » in JavaScript nested objects with recursive functions and the reference concept (level : beginner)

Working with nested objects is frequent in JavaScript ; so I made this screen cast around this question. But the goal here is to help JavaScript beginners to understand how to build a simple recursive function and to get a better intuition about the reference system in JavaScript. The full text contents is in the post and you have also a fiddle to play with the code and see it in action.

Continue la lecture

design

Des pictogrammes rien qu’en CSS

Les pictogrammes et icônes sont des outils très largement utilisés dans le champ du design graphique. Continue la lecture

code - english

Font-face rendering problem in chrome and firefox: use postscript outlines

This is the translation of what I have just published in French here. I thought it might also interest non french reading people. Continue la lecture