1. My Recommended List of Online Learning Resources

    Since beginning my journey of learning how to code and design, I have come across a vast amount of learning resources on the web. I still discover some educational gems from time to time, and I keep track of them in a document on my computer. This list contains links …


  2. How to Reset a Form with jQuery

    Clearing a form is something that you often need to do on a website, for example if you want to empty the form fields after submitting a form with Ajax. Resetting a form using JavaScript is pretty straightforward, you can just call: document.getElementById("#myform").reset(); But calling …


  3. Collapsing Margins in CSS

    When the margins of two adjacent elements are collapsed—or combined—into just a single margin, we call this behavior margin collapsing. The final margin size will be equal to the largest of the two margins. For example, if an element with a 20px margin collapses with an element with …


  4. Hiding an Element with CSS: Display vs Visibility vs Opacity

    There are 3 different properties you can use to hide an element with CSS. While all 3 properties makes an element hidden, each property works in a slightly different way. Knowing the differences will make it easier for you to make the right choice. Here’s a graphic summarizing what …


  5. How to Make a Sticky Footer with Flexbox

    Getting the footer of a website to always stick to the bottom of the page, regardless of the content’s length, used to be a hassle. With Flexbox, making a sticky footer is easy, and requires only a few lines of code. For those of you unfamiliar with flexbox, it …