Forms have never been that exciting if anything they have been tedious and difficult. But, with HTML5 in play for a while now we have been given amazing new input types and form attributes. Here is a quick post that will go over thirteen new input types, as well as fourteen new form, attributes that you should be very well familiarized with in a simple definition based format.
Go ahead and take a look at the design of this 404 page; as you can see it is very clear. I have specifically chosen something so simple and clear so that we don’t get lost in the unnecessary bells and whistles.
The overall look and feel of this design is simple for the sake of the example; at the same time so is the layout. As I will explain to you shortly, a 404 page shouldn’t have a lot going on, so the layout is kept simple too. You don’t need clutter in any of your pages, including the error ones.
In this tutorial, I will show you how to create a very simple, to the point contact form that will be very easy for you to understand. Creating a form in HTML5 only differs slightly as HTML5 brings in a few more attributes to the table that enhance the form filling experience making both developer’s and user’s life easier; besides that there isn’t much difference.
LESS is a CSS pre-processor, which means that it composes styles in a dynamic fashion. By allowing you to create a library of variables, functions and other effects, LESS makes CSS writing more efficient by making it easier and faster.
This tutorial will show you how to create a very simple but pretty pricing table using CSS. I promise you this is not complicated at all and doesn’t require much time – very quick and easy.
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.