What Every Web Designer Needs to Know About HTML Tables

What Every Web Designer Needs to Know About HTML Tables
Reading Time: 12 minutes

HTML tables are here from the early days of the web. According to some sources, tables were part of HTML standard since version 3.2. It can be surprising that some web designers never worked with this element. In this article, we will discuss everything you need to know about tables. We will start with basic syntax and semantics. Then, we will try to make our tables responsive. Finally, we will talk about one myth some people, and clients, believe is true. So, let’s begin. Continue reading “What Every Web Designer Needs to Know About HTML Tables”

Learn How to Create Simple React Form Elements

Learn How to Create Simple React Form Elements
Reading Time: 13 minutes

Have you ever wanted to create some React form elements, but didn’t how? Good news! In this tutorial, you will learn how to create a number of simple React form elements. What elements? You will create elements such as button, datalist, checkbox, label, input and radio. These are probably the most often used form elements. If you are just a beginner, don’t worry. This tutorial will be very simple and beginner-friendly. If not, I hope you will still enjoy it. Continue reading “Learn How to Create Simple React Form Elements”

Learn How to Create Quick and Simple React Flipping Card

Learn How to Quickly Create Simple React Flipping Card
Reading Time: 13 minutes

How cool would it be to know how to build React flipping card? Your own interactive business card! Imagine how you could use this card to make your portfolio stand out! In this tutorial, I will take you through all the steps necessary to create this card. I tried to make the code simple ad easy to understand. So, I hope that even beginners without much knowledge of React will be able to finish this tutorial. If you already know React very well, take this as a practice. Enjoy it! Continue reading “Learn How to Create Quick and Simple React Flipping Card”

How to Build Simple and Powerful Lazyload JavaScript Plugin

Reading Time: 12 minutes

Have you ever wanted to use lazyload plugin to speed up your website? Who wouldn’t. The problem is that most of lazyload plugins require jQuery. Sure, there are some exception. However, you need advanced knowledge of JavaScript if you want to understand the code. If you don’t have that, forget about customizing the plugin. You have to use it as it is. Well, not anymore! Today, you will learn how to build your own lazyload plugin. Take control and improve your JavaScript skills! Continue reading “How to Build Simple and Powerful Lazyload JavaScript Plugin”

How to Build Simple, Easy And Universal JavaScript Slider

How to Build Simple, Easy And Universal JavaScript Slider
Reading Time: 12 minutes

Have you ever wanted to build simple universal JavaScript slider? This slider doesn’t have to be something complex. All you need is just the functionality to cycle through a number of slides. You want to go on the next slide and also the previous one. That’s it. In this quick tutorial, we will build this type of simple and universal JavaScript slider. You will build this slider in a few minutes. And, you can use it for any type of content you want. Let’s have some fun! Continue reading “How to Build Simple, Easy And Universal JavaScript Slider”

Modal Dialog – Creating Gallery With Modal Preview

Modal Dialog – Creating Gallery With Modal Preview
Reading Time: 11 minutes

Welcome back for another great tutorial. It’s been a while since we build something in HTML, CSS and JavaScript. For this reason, I prepared a challenge for today … Our goal will be building simple gallery enhanced with sleek preview in custom modal dialog. And, not only that. Our gallery will be featuring implemented grid – from Bootstrap 4 – with custom modal dialog to show larger preview. What’s more, you will be also able to cycle through preview images using either arrow keys or buttons in modal dialog. Are you ready to take on this challenge?
Continue reading “Modal Dialog – Creating Gallery With Modal Preview”