Posts Categorized: CSS

Fixed, Fluid and Responsive Grid CSS Frameworks

Posted by & filed under Web Design.

Fixed Fluid and Responsive Layouts

When creating a website, the layout of the website is the most crucial decision. The layout decides how the information will be conveyed to the visitors. So, the layout has to be well structured and simple. To quickly generate standard structured layout, the web designers use the Grid systems.
The Grid systems act as a reference Continue reading…

Adjusting content with the Overflow property of CSS

Posted by & filed under HTML.

CSS Overflow Property

On an HTML page, there are two types of container elements, i.e. block and Inline elements. In our article about the two types of HTML container elements, we noticed that both are essentially rectangular boxes. These container elements contain other HTML or text. The behaviour and position of the containers can be controlled by the Continue reading…

Styling HTML – ID vs Class

Posted by & filed under Web Design.

css styling id class selector

We had an exhaustive series explaining DOM selectors and filters with jQuery. We have already seen how different methods of jQuery can be used to modify the style of a web page. Today, we will start reading about the basics of HTML styling with CSS. There are various ways of selecting and filtering DOM elements Continue reading…

CSS Box Model – Margins and Padding

Posted by & filed under CSS.

css box model margin padding

The CSS Box Model refers to the content contained in a padded box having certain border and margin property values. CSS provides two options to add space between the HTML block elements. The two properties for defining the spacing are padding and margin. Both are meant to add space between the HTML block elements. Yet, Continue reading…

What is CSS Reset?

Posted by & filed under CSS.

CSS Reset

Every browser has a default stylesheet that it uses while rendering the content. These styles are useful in setting some kind of look for a plain HTML page. For example, an anchor tag always gets blue font color on most browsers. The user agent stylesheet is responsible for this. However, there are no defined standards Continue reading…

Detecting Browser features with Modernizr

Posted by & filed under JavaScript Libraries.

getting started with modernizr

Modernizr is an open source JavaScript library that allows you to start building HTML5 and CSS3 based web applications and websites. The enhanced version of the modernizr library, Modernizr 2 was relased on 1st June 2011. In the release article, we got familiar with some of the new features of Modernizr. Many modern web browsers Continue reading…

Navigation menu with jQuery and nested unordered list

Posted by & filed under jQuery.

Navigational Menu

One of the most common requirements on a website is a navigation menu that allow an easy access to its content. A navigation menu is a list of links to the various resources on the website. The most common practice of creating a navigation menu is by using the unordered lists. A navigation menu organizes Continue reading…