Styled-components – Mastering the fundamentals through practice

Styled-components - Mastering the fundamentals through practice
Reading Time: 10 minutes

Styled-components is becoming more and more popular. Many projects built with React.js use this library. This is no surprise. Styled-components make working with CSS easy and fun, even in JavaScript. However, everything requires practices, especially when what you want is mastery. This is the goal of this article. Let’s go back to the fundamentals of styled-components and practice. Continue reading “Styled-components – Mastering the fundamentals through practice”

Learn How to Create A Simple Carousel with React.js

Learn How to Create A Simple Carousel with React
Reading Time: 16 minutes

Have you ever wanted to create a simple carousel in React.js? In that case, you are on the right place. In this easy tutorial, we will create a simple carousel you can then take and use anywhere you want and with any content you want. I tried to make this tutorial simple. So, even beginners and people wanting to learn React.js should be able to complete it. I hope this tutorial will help you learn about React.js and get started with it in an enjoyable way. Continue reading “Learn How to Create A Simple Carousel with React.js”

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”

Insanely Easy and Simple React Form Tutorial

Insanely Easy and Simple React Form Tutorial
Reading Time: 15 minutes

Have you ever wanted to create pure React form? Have you ever wished to use React with Material design? Imagine creating something functional and also beautiful! I have a great news for you … This is your lucky day! Today, in this tutorial, we will take React and Material design and create beautiful form. I hope this tutorial will help you learn how to create simple UI such as form. I also hope it will give you a better understanding of React. Let’s begin. Continue reading “Insanely Easy and Simple React Form Tutorial”

HTML5 and CSS3 Feature Detection with Modernizr and Beyond

HTML5 and CSS3 Feature detection with Modernizr and Beyond
Reading Time: 14 minutes

What is feature detection? How can you use it in web development? These and many more questions are the subject of this article. First, you will learn about the current champion among feature detection JavaScript libraries. Then, you will explore the interesting future of CSS-based feature detection. In-between, you will also learn about some practices from the dark ages of web development. My goal for this article is simple. Create great experience regardless of what browser your users want to use. Without further ado, let’s begin. Continue reading “HTML5 and CSS3 Feature Detection with Modernizr and Beyond”