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...
HTML + CSS
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.
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...
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....
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...
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...
Create your first web site. Adding maps, forms and videos
In this lesson we'll finish to develop our first web site. We will add "About" page and "Contacts" page. In the "About" page I'll show you how to add lorem ipsum text. You need enter "lorem", press "*" then any number. This number means count of text paragraph. For...
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....
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...