*** Нужен ли CSS именно Вам? ***
Помню, когда учился в школе, с нами, старшеклассниками, провели такой эксперимент. Нам организовали экскурсию в морг. Результаты оказались впечатляющими. Несколько экскурсантов упали в обморок, зато двое или трое стали потом профессиональными врачами. Вот такой блестящий пример профориентации.
Примерно так и мы поступим сейчас для определения, нужно ли вам работать в области фронтенда (HTML+CSS+JS), конкретно стать специалистом CSS.
*** Подсмотрим за CSS мастером, что он там делает? ***
CSS специалист получает в виде полуфабриката некий готовый HTML макет с подготовленными блоками и контентом, а заодно получает задание как-то это все сделать красивым или хотя бы просто читабельным.
Пример HTML кода, который получил CSS специалист.
<div id="div1">
<h2>Я очень сильно <span id="span1">❤</span> CSS</h2>
<p id="p1">И эта любовь так сильна, что ее невозможно выразить словами.</p>
<p id="p2">Я готов все дни и ночи напролет колдовать над стилями, чтобы добиться максимального эффекта.</p>
</div>
Все это будет работать и без CSS.
Но это слишком скучно, хотя и понятно. И вот за дело берется специалист CSS и предлагает для обсуждения версию номер 1.
Начальник посмотрел на это творение и сказал так.
- Э-э-э... Как-то это все слишком уж... Э-э-э... Просто, что ли... Хочется, чего-то такого, - начальник пощелкал пальцами, - ну, ты меня понимаешь.
Фронтендер (так часто называют специалистов HTML + CSS + JS), конечно, сразу все понял и предложил версию номер 2.
- Вот это совсем другое дело! - обрадовался начальник, посмотрев на версию 2, - можешь ведь, когда хочешь!
Конечно, это вовсе не какое-то "другое дело", а то же самое. Просто стили CSS слегка изменены.
Важно. Если, даже получив одобрение руководства, Вы не останавливаетесь на достигнутом, а продолжаете даже в свободное от работы время изобретать новые версии не денег ради, а просто из любви к искусству, то это добрый признак. Вполне возможно, что CSS - Ваше призвание.
Например, Вам может прийти в голову идея реализовать что-то такое вроде "Версия 3. Под мухой".
Практическая ценность этой версии в том, что она демонстрирует возможности работы CSS с маленькими графическими файлами, в т.ч. и передвижения их по документу.
Затем, вдоволь наигравшись с мухой (а может и с другими насекомыми), возможно, в голову придет другая идея, например, почему бы не посмотреть на все это дело изнутри (т.е. с другой стороны монитора, планшета, смартфона и т.д.)
Получится примерно так.
Это вроде как послание тем загадочным существам, которые, возможно, живут по ту сторону экрана.
*** Вы почувствовали себя энтузиастом CSS? ***
Вот мы потихонечку подошли к самому главному принципиальному вопросу.
Если все эти простейшие штучки вас интересуют, забавляют, развлекают, значит, возможно, вам реально надо заняться CSS.
Собственно, работа CSS дизайнера в этом и заключается, чтобы придумать как максимально эффективно и даже эффектно преподнести пользователю ту или иную информацию.
Вы почувствовали себя энтузиастом CSS?
Это очень важно. Если у Вас есть внутренняя тяга к этому виду творчества, то вы обязательно и работу найдете в этой области, и удовольствие будете получать от процесса, да еще и будете хорошо зарабатывать.
Беседа с рекрутером при приеме на работу для Вас будет выглядеть не как попытка убедить и что-то доказать, а как разговор двух равноправных участников, которые обожают CSS. Это, конечно, значительно повышает Ваши шансы.
Информации выше вполне достаточно для внутреннего понимания, есть ли для Вас смысл глубже погрузиться в CSS.
О Каскадных Таблицах Стилей для новичков-энтузиастов. CSS - технология старая, обкатанная, меняющаяся крайне медленно. Курсов по CSS создано бесконечное количество. И знаете, что самое интересное? Почти все эти курсы качественные, интересные и полезные. Но они не отвечают на самый главный вопрос: нужен ли CSS именно Вам? Если Вы в поисках, куда бы приложить свои силы и таланты, то прочитайте эту короткую статейку. Может быть, она поможет Вам определиться.
* Но даже я не нашёл по Вашей ссылке файла с реализацией CSS Ваших примеров.
Здесь:
https://wpvi.ru/pages/story/00016/
Есть и ссылка на стили и пояснение:
https://wpvi.ru/pages/story/00016/local.css - Стили CSS. Здесь вы можете посмотреть файл со стилями, которые использовались на этой страничке. Вообще, весь фронтенд исполняется на рабочей станции пользователя и все файлы фронтенда, в том числе и стили, и так уже закачены на ваш компьютер, девайс с андроидом, iPad и т.п. Ссылка чисто для удобства, чтобы вам не пришлось долго искать.
Но я согласен, что эта страничка не для легкого чтения, требует некоторых умственных трудозатрат для погружения в тему.
И признаюсь, нашел на страничке маленькую ошибку (не принципиальную), которую сейчас исправил.
###