Float property is, in fact, a very useful property that in a way is an alternative method to manipulating the way elements are displayed. It is a highly valued asset within a developer’s toolkit as it makes stylizing simpler. However, it also has its downfalls as it can cause some serious issues if you don’t know how to go about using this property.
A while back CSS3 introduced a new set of properties, which are responsible for creating columns within your layout. You simply apply these to one of your elements in order to divide it up, automatically and hassle-free, into a multi-column setup. This property is very easy to comprehend, set up and manipulate.
There is not much you can do with columns as the concept itself is very elementary but there are a bunch of properties that support the column creation by allowing you to manipulate different variables from column count to size, you know the basics you’d need to manipulate to get the best out of this sweet property.
Well, when it comes to CSS, understanding the box model is very important. This is why you have this short, sweet and simple post at your disposal. It basically means that every HTML element is actually a box which consists of width, height, padding, borders, and margins. Now let’s discuss what this means exactly.
HTML5 is the fifth revision of the well-known and loved markup language. There are many new features and abilities that HTML5 has to offer and this post will get you familiarized with them. I will not go into in-depth detail about every aspect of HTML5, but I will get you familiarized with its key aspects; after all, this is only an introduction to HTML5.
Box-sizing basically is an alternative to the standard box model we have in CSS. To fully understand box-sizing you need to understand the box model. Practically, they work just about the same but there is one key difference – one that will be discussed in depth later. So, let’s get started by examining the good old box model.
Since CSS shapes are becoming more important to website development, I thought that a simple list of how to create the most common shapes was in order. You’ll find that most of these shapes are very simple to achieve and that they are not that complicated at all. However, at the same time, they will save you a lot of trouble.
Consider this post a crash course that is all about the CSS3 transition property. I will go over what it is, how it works and where, and its awesome capabilities. So, sit back, take a sip of your cocoa and enjoy this amazing journey that is the transition property!