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