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