Секреты верстки

Только что записал новое видео. В котором рассказываю про три способа подключения стилей на своем сайте.

Даже не так, не рассказываю, а показываю, как применять эти способы на практике, и не просто на одном свойстве, а на целом вагоне стилей. Видео получилось довольно таки долгим – целых 17 минут. Но оно сугубо практическое. Т.е. необходимо будет повторять все за мной на практике.

В итоге вы узнаете ответы на следующие вопросы:

• Что такое связанные стили?
• Что такое глобальные стили?
• Что такое внутренние стили?
• Как их подключать к своей страничке?
• Как их использовать?
• Как они работают?

Далее...

Всем привет!

Сегодня я записал для вас видеоурок, в котором показываю, как из обычной ссылки (тег A) сделать полноценную "кнопищу" при помощи CSS3.

Урок получился интересный, сугубо практический – воды 0%. Поэтому, он только для тех, кто любит что-то делать своими руками. Готового кода кнопки я не дам, а все покажу, как надо делать, в видео.

В нем мы будем разбирать:

• Как обычную ссылку сделать кнопкой, реагирующей на нажатие.
• Как присобачить градиент через CSS.
• Скругление углов.
• Создание тени.
• И буду объяснять кучу других правил CSS по ходу урока.

Вот то, что у ВАС получится после урока:

Далее...

Если внимательно посмотреть на мой попап (на момент написания статьи он плавно появляется в верхнем правом углу), конечно, если ты не успел его еще закрыть, то увидишь, что при фокусе полей ввода почты и имени, надписи, написанные там, автоматически исчезают.

Тоже самое могу сказать и про форму поиска на моем сайте (находится в шапке) – по умолчанию там написано "Введите поисковую фразу…", и если ты сейчас попробуешь нажать на ней кнопкой мыши – надпись автоматически пропадет.

Все потому, что у меня настроено автозамена текста в input.

Далее...

Мы продолжаем линейку уроков: Шаблон своими руками!

Сегодня я расскажу всем вам кучу новой, интересной и полезной информации.

Получилось очень много стоящей инфы, так что вторая часть линейки была разделена на 2 занятия, потому как 40 минутный видеоролик, хоть и практический – не каждый смог бы осилить.

Первая часть находится здесь.

Сразу хочу заметить, что в видео уроках ниже нет воды – только ПРАКТИКА! Поэтому подготовьтесь к повторению действий на экране и получению отличного результата...Далее...

Добрый день мои друзья! На связи как обычно Серега, кто ж еще то? В этой статье мы разберем следующую тему:

Как создать меню для сайта?

Но для начала – давай немного предыстории.

Дело было вечером, делать было нечего – сидел я и маялся от скуки. Резко меня посетила одна светлая мысль:

– С хули ж ты сидишь без дела? Возьми и сделай, что-нибудь красивое, а заодно и людям добрым покажи, как сотворить оную фигню!

И тут меня проперло создать на своем сайте красивое меню. Кто еще не знает – эта хрень называется МУЗА!

В общем, под действием сие волшебного пендаля, я на скорую руку открыл фотошоп и начал там воплощать моё горячее желание – забацать красивое и простое меню для сайта.

Далее...

Первый вопрос, который, возможно, перед вами всплыл – Нафига?

Нафига мне эти клавиши на сайте?

А знаете что? Я полностью с Вами соглашусь. Но вот меня однажды приперло…

И я могу вам назвать по крайне мере две железные причины – по которым вы должны просмотреть это  видео.

Причина 1. Самообразование.

Ну разве вам помешает лишний урок по HTML и CSS? Скажу даже больше – в моем курсе по CSS – этого нету, так что покупателям тоже советую просмотреть. Далее...

Добрый день мои дорогие друзья.

Написать меня эту заметку вынудило письмо, которое пришло от одного покупателя моего курса “CSS-мастер”.

Вот что мне пришло:

«Сергей, это Дмитрий!

Изучил ваш курс, осталось только с приложениями закончить. Есть вопрос и, надеюсь, вы поможете. В курсе я не нашел на него ответ: как сделать так, что бы можно было перемещаться по страницам сайта, к примеру, в меню и что бы ссылки работали.»

Действительно, прямого ответа на этот вопрос я в курсе не давал. Вроде где-то упоминалось в одном из уроков заключительной части.Далее...

Приветствую вас в уроке о CSS.

Где вы узнаете – что такое CSS и, собственно, нафига его вам так необходимо знать.

Ну что, начинаем покорять мое авторское чтиво?

Вы когда-нибудь слышали про каскадный таблицы стилей? А про блочную верстку?

Так вот, это все одно и тоже – это CSS.

Когда для создания сайтов использовался только HTML, структуру сайта создавали при помощи таблиц. То есть, создавалась таблица, в ней создавались поля и столбцы. Точнее ячейки. И каждая ячейка отвечала за определенную область сайта.

Одна за шапку, другая за контент, третья за боковой сайдбар, за подвал сайта и так далее.

Отсюда и название – табличная верстка.

Но с приходом CSS все значительно поменялось, стало проще и удобнее.

Сейчас СSS используется на 99% сайтов в интернете.

Давайте так. Рассказывать про CSS  и переубеждать в его выгодности я вас не буду.

Я назову вам всего лишь 7 причин, таких, знаете, незначительных.

Естественно они будут взяты не с потолка, а из моей практики.

А  вы уж сами думайте – нужны вам эти знания или да.

Ну что, погнали что ли?

Ну что же, надеюсь, вы уже разобрались с тематикой для вашего сайта, а еще я больше надеюсь, что мой лексикон и моя писанина вас не задолбали.

Но, делать нечего, учиться надо, так что придется вам, мой дорогой друг, немножечко потерпеть такого гадкого и симпатичного – меня.

Сегодня мы разберем вопросик – зачем вам понадобиться HTML.

Ведь если так подумать, HTML  - это самая первая фигня, на которой начали делать сайты.

Конечно язык прост, усваивать его легко, но зачем?