• Customize the input range of a website is a common problem in front-end development. In this post I will show you how to create a custom cross-browser input range in HTML and CSS3.


    The general selector, common to all the browsers to start styling a range input is: input[type=range].

  • This is my second CV theme for jsonresume. I am very proud of this small project. I am using it as well for my CV template. It is responsive and compatible with the major modern browsers.

    There is a dedicated CSS to print it in a more compact layout.

    It is available on my Github profile and on npm, star it, fork it, enjoy it.

    CHECK IT OUT. Pay attention, you may love it!

  • Last weekend in the spare time I made a minimal theme for jsonresume, Spartan. It is responsive and works correctly with the major modern browsers.

    It is available on my Github profile and on npm, star it, fork it, enjoy it.

    DEMO

  • Jekyll provides site variables, such as site.categories to iterate all the categories of the blog and the posts that belogns to it.

    1
    2
    3
    4
    {% for category in site.categories %}
    	{{ category | first }}
    	{{ category | last }}
    {% endfor %}
    
  • What’s the difference between host objects and native objects?

    What is a host object?

    Host objects are inherent to the environment. For the browser, this includes objects like window, document. Since they depend from the ‘host’ (environment), the behaviour could be different!

    1
    2
    3
    4
    5
    6
    var obj = {         // Native Object - no risk, same behaviour everywhere
      name: 'John',
      gender: 'male'
    }
    
    var myRequest = new XMLHttpRequest();   // Host object
    
  • What’s the difference between a variable that is: null, undefined, or undeclared?

    Short Answer

    • undeclared: variable not declared with the var statement

    • undefined: variable declared with the var statement but no value assigned

    • null: variable declared and with null value

    1
    2
    3
    a = 0;         // undeclared
    var b;         // undefined
    var c = null;  // null
    
  • What’s the difference between == and === ?

    Short Answer

    == only compares values

    === compares values + type

    1
    2
    3
    4
    5
      var a = '1',
        b = 1;
    
        a == b;   // true
        a === b;  // false