bootstrap-grid-system

Bootstrap Tutorial For Beginners – Grid System

This entry is part 2 of 2 in the series Bootstrap Tutorials

Welcome back fellas, this is the second part in the bootstrap tutorial series, today we will be covering  bootstrap’s grid system, if you are looking for or don’t have a hint about bootstrap, I recommend you reading first tutorial and understand what is bootstrap and how to begin with it.

To start, bootstrap is a responsive web-designing framework, by responsive, we mean adaptation as to how your layout adapts the devices width, and bootstrap achieves it through breaking the page into 12 columns knows as grid, making no sense? Just Imagine that your webpage is divided into twelve equal columns like in the picture below.

(more…)

Read More

bootstrap tutorial for beginners - Introduction and Installation

Bootstrap Tutorial For Beginners – Introduction and Installation

This entry is part 1 of 2 in the series Bootstrap Tutorials

So you heard a lot about bootstrap but still aren’t sure what it is? then you have landed on correct page, We will be covering a complete bootstrap series and understand what it is? why is it used? and how to use it. So with any further delay lets start discussing.

First things first, what I am assuming is that you have a good knowledge of HTML and CSS, If you don’t first go through some tutorials else, my words might feel greek to you.

A small history of bootstrap

Bootstrap, originally named Twitter Blueprint, was developed by Mark Otto and Jacob Thornton at Twitter as a framework to encourage consistency across internal tools. Before Bootstrap, various libraries were used for interface development, which led to inconsistencies and a high maintenance burden. Source WIKI.

(more…)

Read More

what is sass

what is sass?

What is SaSS (Css preprocessor) ?

Syntactically Awesome Style Sheets abbreviation of Sass is CSS with SuperPowers. Suppose of situation in which you have some color in your website several times in headings, as anchor colors or may be as a background of some elements, now you want to change the color slightly.

Oh Its a nightmare, you have to iterate through each usage and fix it. Now suppose you had a variable for that color something like,

(more…)

Read More

css selectors featured

CSS Selectors Explained

HTML was never intended to contain tags that would define the style of the document, it was always to describe the content of the document. From HTML4 and beyond all the styling can be placed into a separate style document called CSS. To apply the styling to your document you have to understand the DOM (Document Object Model) and choose objects to style, Css Selectors are used to identify specific HTML elements in order to give them the styling they need. Below are all the css selectors.

(more…)

Read More

Responsive-web-design-devices

Responsive Website Basics – 3 Key Elements

This post covers three key elements to make your site look good on desktops, laptops, tablets and mobile phone. Understanding these elements are your first step to understand Responsive Website basics.

So in the industry right now there’s a big shift going on, everything is moving to mobile devices and responsiveness and this is largely due to increasing trend on mobiles and tablets. These small devices have really changed the way that we designers have to work.

(more…)

Read More