HTML + CSS

Twitter Bootstrap. CSS

In this large overview we'll consider css classes in twitter bootstrap. Especially we must note to grid system. Basic approach of bootstrap is mobile first - it has got classes for mobile devices. For example, in bootstrap 2 you were need to include...

read more

Intro to twitter bootstrap

In this lesson I'll make an overview of twitter bootstrap 3. Twitter Bootstrap is the most popular css framework. You will know, where to download and how to include framework to your site. Also we'll consider ready-to-use examples of bootstrap.

read more

Skeleton CSS framework

In last lesson we considered  responsive web design necessity and media queries. Media queries writing is very tedious and intensive action. Developers always seek to do make their work easier. Most of developers use frameworks. Framework in development is a...

read more

How to arrange footer in the page bottom

In one of the last lessons I told you about situation when footer was after little content block. It looked ugly. I think, it is not necessary to make screencast on this topic. For this problem decision you need to write some lines of css code....

read more

Responsive design

In this lesson we will talk about creating responsive web site. In our world a lot of people enter to web sites with mobile phones and tablets. That's why it is important to make web design, which will look nice in all mobile devices. before creating responsive...

read more

HTML code validation

In this lesson it will be about code validation. You need to validate html code to avoid errors in html code even your web page looks good. Furthermore if web page doesn't look good and you can't find out why, validation can help you to find problem. Code validation...

read more

Create your first web site. Icon font

In this lesson we'll finish to make main page of our project - we'll add footer, also including icon font. First of all I'll show how to make footer is always in the bottom of web page. If you would like use icons in your site, you will probably want to use images....

read more

Create your first web site. Grid system

In this lesson we'll continue to develop our first project. Today we'll consider very popular and actual approach in html code -grid system. The basis of this approach is float rule and width of block. This approach simplifies web developer's work. You only need...

read more

Pin It on Pinterest