No more tables, no more positioning, no inline-blocks, no more floats or flexbox layout tools – the CSS grid layout is here. A beautiful module that helps us create a grid-based layout system through rows and columns. And this is not all – with the grid layout the fr CSS length unit came, too, and when you work with a CSS grid, you’ll be probably using lots of fr units, too.
…
In this article, we are going to dive a bit deeper into a CSS grid layout – we will explain what is a grid container and we will learn even more about properties that are closely connected to the grid container aka parent properties, and their values that precisely define the grid layout. We will get to know:
…
Finally, the CSS grid is here. No more tables, no more positioning, and inline-blocks, no more floats or flexbox layout tools. No more hacking and tweaking design user interfaces – we finally have CSS grid layout and this, my darlings, will save us a lot of sleepless nights. This beautiful CSS module is the very first original solution that takes care of the layout problems. Yes, before the CSS grid came out of the closet, we’ve been tweaking our way around for as long as we’ve been making websites. Horrible and disrespectable, right?
So, this article will cover the very basics and of CSS grid concepts, and we can’t wait to get started. In our opinion, the CSS grid is one of the most powerful CSS modules ever introduced. Yay, let’s go!
This article is going to discuss the difference between passing by value vs passing by reference in JavaScript. We will look at the concept of primitive values and objects which are closely connected to the concept of passing value vs reference. How is that? Well, this almost answers the question from the headline. The main difference between passing by value and passing by reference is that the first is closely connected to primitive values or primitives, while the second takes place when assigning objects. In theory, this sounds neat, but really, let’s take a look at the examples and the concept of passing by value vs reference will be much clearer.
Generating random numbers, such as shuffling playing cards, rolling dice, or spinning roulette wheels are all examples of potential JavaScript projects where you could be using the JavaScript Math.random() method.
In this tutorial, we will help you understand how to generate a random number using the Math.random() method by building simple shuffling playing cards app.
Usually, a piece of JavaScript code is executed synchronously, this means the code runs line after line as it’s written after hoisting in one thread. However, there might be situations when you need to run a block of your code at some point later in the future – when you need to delay the execution of some instructions. This concept of telling your code to work asynchronously is called ‘scheduling a call’ – as simple as that. There are two methods in JavaScript that enable to schedule a call – (nested) setTimeout() and setInterval(). A very simple explanation would say setTimeout() runs the code once after the timeout – it fires once or it runs the call only once after an interval, while setInterval() runs the code repeatedly, with the length of the timeout between each interval – it repeats the call, it fires again and again in intervals.
In this tutorial, you’ll learn how these two methods work, what is the difference between (nested) setTimeout and setInterval and we’ll give you some practical examples to understand these concepts a bit better.
Sometimes it can be hard to remember the difference between substring and substr methods, but let’s make this article a quick reminder to help you out with understanding the substring and substr difference.
In this tutorial, we are going to create a relatively simple battle simulator project with n <= 5 battle units to fight between each other. The aim of the project is to achieve a complete and working JavaScript code. With this code, we will cover a lot of JavaScript language and coding concepts, such as object literal vs object constructor notation, functions vs. arrow functions – what’s the difference, and when and why to use each. We will also take a look at the concept of randomization and how Math.random() and Math.floor() methods can work in our favor. This will hopefully help you understand these concepts a bit better than reading about them individually. Let’s get started.
JavaScript is a very flexible programming language and often one problem can be solved in a few different ways. However, some ways are more appropriate and efficient for some problems than others. JavaScript is also an object-oriented programming language, which might be a bit puzzling when it comes to the creation of an object. Why?