1. How to Make a Switch Button with CSS

    A switch button—as made popular by the iOS operating system— makes it easy to toggle between two different options, such as on or off. We can recreate this type of button with pure CSS. We don’t need any JavaScript, we can use the :checked state of a checkbox …


  2. JavaScript ES6: Export and Import Explained

    For a long time, JavaScript didn’t have any concept of modules. It didn’t have the ability to say that one file was dependent on another file, and no way of exporting values from one file to another. JavaScript files had to be included with <script> tags, …


  3. Where to Find Free Photos for Your Creative Projects

    Sometimes you need photos for your designs or projects. Maybe you’re building a landing page, making a featured image for a blog post, or designing a mockup of a website. You can’t just do a Google Images search and use a photo you find there, since most of …


  4. Different Layouts: Static, Liquid, Adaptive, Responsive, What?

    When talking about layouts in CSS, we often divide the different types of layouts into 4 categories: Static (also called a fixed layout) Liquid (also called a fluid layout) Adaptive Responsive What are the differences between these? Let’s go through each one and see what the differences are. If …


  5. 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 …