В этом уроке мы разберем компоненты css фреймворка twitter bootstrap.Компоненты - это некоторые комплексные "куски" кода с примененными к ним классам фреймворка, которые образуют вполне привлекательны элементы пользовательского интерфейса. Вы можете создать свои...
В этом большом видеоуроке мы разберем css классы в twitter bootstrap. Особое внимание стоит обратить на работу с сеткой bootstrap. Twitter Bootstrap следует подходу mobile first - в исходном css уже заложены классы для мобильных устройств. К слову, во второй версии...
В этом уроке я проведу небольшой обзор самого популярного CSS фреймворка - Twitter Bootstrap. Речь пойдет о том, как можно скачать bootstrap себе, какие преимущества использования twitter bootstrap, какие нюансы могу возникнуть. Также рассмотрены некоторые примеры,...
На прошлом уроке мы рассмотрели необходимость адаптивной верстки (responsive design) и написание медиа запросов (media queries). Написание таких медиа запросов - занятие весьма нудное (хотя и полезное). Разработчики всегда стремились облегчить свой труд. Это касается...
В одном из прошлых уроков я рассказывал момент, когда футер (подвал сайта) из-за небольшого количества информации на странице встает сразу после блока основной блока с этой информацией. В результате получается не очень красивая картина. Думаю ,что не стоит записывать...
В этом видеоуроке мы поговорим о создании адаптивного дизайна. В современном мире люди все больше заходят на сайты с мобильный устройств (смартфоны и планшеты). Поэтому мало сделать красивый дизайн сайта. Важно сделать дизайн, который смотрелся приятно и был удобен в...
В этом уроке речь пойдет о валидации кода. Валидировать код необходимо, чтобы избегать ошибок в верстке, даже если ваша html страница выглядит хорошо. Более того, если ваша верстка "съехала", и вы не можете найти и определить, в чем причина, то валидатор может...
В этому уроке мы закончим верстать сайт-визитку - добавим страницы "О нас", "Контакты". На странице "О нас" я показал, как можно добавить текст-рыбу в более структурированном виде. Для этого надо ввести lorem, потом нажать "*", потом цифру. Эта цифра означает...
В этом уроке мы закончим делать главную страницу нашего сайта-визитки - добавим информацию в подвал, а именно иконки. Но прежде, в начале урока я показал, как нужно "прибить" подвал к низу страницы, добавив несколько css правил. Первое, что может прийти в голову -...