An Introduction to HTML Imports

HTML imports are an experimental but promising way of embedding content. Imports are used to embed one HTML document into another; when you think about it this should not be something too difficult, but it currently is. Just like the name of this post suggests, I will give you an introduction to HTML imports by learning how they work and what exactly do they do.

What are CSS filters and How do They Work?

To be honest some properties out there are a little ridiculous, CSS filters are one of them. They have an amazing capacity to transform images and webpages as a whole. That’s intense when you come to think about it, as some web browsers still can’t get border radius or @font-face right.

What New and Helpful Things Have HTML5 Forms Brought Us?

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.

The Ins and Outs of CSS Grids

In the simplest of terms, a grid is a layout guideline. They are most often used by designers to align elements vertically, and even horizontally so that the design looks well manicured due to the alignment.

Creating a Simple and Effective 404 Page

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.

How to Create a Simple HTML5 Contact Form

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.

Introducing LESS

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.

How to Create an Email Template with HTML

As both, designers and developers, one day your client will ask you for an email template for their newsletter of sorts. I must say that emails are not that exciting simply because there is a big gap in support for HTML and CSS. You’d figure that in today’s age it wouldn’t be the case as we are pushing forwards with HTML5 and CSS3. However, I am sad to say that when it comes to rendering emails that are by far not the case.