Archive for the ‘Tutorials’ Category

How to Create a Simple HTML5 Contact Form

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.

Learn How to Create Shapes in CSS3

css3-shapes

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.

A Brief Introduction to HTML5

introduction-to-html5

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.

All the Glory of CSS Transitions

css-transitions

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!

CSS Box-Sizing for Noobies

boxmodel

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.

The Ins and Outs of CSS Grids

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.

Dynamic Web Development with Ajax, jQuery, and JSONP

featured-image-jquery-ajax-json

Frontend web developers must be somewhat familiar with the jQuery JavaScript library. This open source solution gives birth to a whole new method of coding website animations and effects. I remember first getting started with JavaScript in early 2003-2004 and the field was ripe with great information.

But modern day web developers have access to many more resources and tutorials online. Specifically I’d like to use this article to look into the jQuery.ajax() method for calling asynchronous data without reloading the page. AJAX(Asynchronous JavaScript and XML) was a hot buzzword along with web 2.0 but it has now evolved into a technology which even beginners should understand.