GoodProject

+ Опыт
- Риск потерять то, что имеешь

Зачем тебе задачки, если по факту, как я понял, ты хочешь верстать сайты, так бери макеты и верстай, смотри видео на том же ютубе от WebDesing Master, повторяй за ним как он верстает, так и набьешь руку, HTML и CSS очень мало для работы, если только не повезет, нужно ещё кучу всего учить, jQuery как минимум, потом JS, Gulp, BEM, Sass, кучу всего кароч, можешь посмотреть что требуется от верстальщика/программиста на сайте по работе, а так HTML Academy советую, JavaScript.ru, WDM на ютубе, и NNmclub, там можешь взять скачать по той же верстке/JS, ибо сначала ты не будешь знать как верстать те или иные элементы, поэтому изучай ещё Bootstrap 3, учись адаптивной верстке, семантической, комментируй каждый блок-секцию типа .header, .footer, много моментов в общем тут, но можешь ещё на ютубе посмотреть ошибки начинающих верстальщиков, так же есть курс JavaScript для верстальщика на NNMclub, там по сути сборник jQuery плагинов типа слайдера или как сделать аккордеон, спрятать текст, плавный скролл и прочие штуки которые просят от верстальщика, и важно ещё качество кода, тут поможет плагин Beautify хотя бы выравнивать код, ну и старайся без мусора в HTML, всё оформление в CSS, в HTML лишь блоки-элементы, не нужно допустим ставить подряд
пару штук. в общем гавнокодить, но это придет только со временем, смотри код на других сайтах, как он устроен, оформление и побольше практики.

../img/img-name.jpg.
и лучше иметь всего 2 папки css и sass тогда точно проблем не будет)

Вот замечательное видео по созданию Bootstrap сетки НУЖНОГО размера :)
https://www.youtube.com/watch?v=7j2MnoFeHJg

У меня в одном из проектов иконка через background-image инпута выводится, вариантов как это сделать очень много, тот же самый label или через псевдоэлемент :after у инпута, но через bgi быстрее, + нужно спозиционировать через bg-position.

Пример:
background-image: url(../img/search_icon.png);
background-repeat: no-repeat;
background-position: 170px 7px;

WordPress
Joomla
ModX

Самые популярные, но не факт конечно что самые безопасные.

Как мне кажется, самая безопасная CMS это та, которая меньше всего распространена.

Главное следить за сайтом и позаботится о безопасности.

Я думаю, что при ресайзе может менятся из за особенности в браузерах, либо нужно сделать скрипт что бы он постоянно проверял размер при ресайзе, попробуйте ресайзнуть и обновить браузер, если получилось то всё норм вроде.

Sass можно закинуть в папку CSS, либо в Css создать папку Sass

А так должно быть так:

/img - все изображения
/css - тут файлы с оформлением
/libs - тут плагины js (слайдеры, анимашки, бутстрап, и т.д)
/js - сюда можно положить js файл где будут указаны параметры этих самых плагинов (common.js)

Лично у меня Sass лежат в папке CSS ибо Koala почему то дублирует файлы там где находятся файлы Sass и туда куда я указал компиляцию т.е в /css, получается каша, поэтому я все css, sass файлы кидаю в одну папку /css и всё нормально, но лучше конечно в CSS создать папку Sass если нету подобной проблемы. А вообще, разницы толком нету, делайте как удобно, главное что бы вы понимали что и где лежит.

А и ещё, в Brackets например при работе в Sass не заполняются ссылки на изображения, например когда пишешь в src="" - img т.е начинаешь заполнять src то редактор обычно сам предлагает пути к файлам а если sass лежит не в той же папке что и CSS то пути будут разными и писать нужно уже в ручную ибо будет уже не ../fonts/ а будет уже ../../fonts ибо папка Sass будет лежать не там куда компилируется CSS файл а внутри т.е /css/sass

<link href="css/main.css" rel="stylesheet" type="text/css">

Замените на:

<link href="<?php echo get_template_directory_uri(); ?>/main.css" rel="stylesheet">

Покупают, если группа хотя бы 100к чел, а лучше 300к+, да и вроде как подключаемые сайтики есть где могут напрямую рекламку покупать.

CSS анимация элементов при наведении

а что случилось, налоговая объявилась?

С тупо версткой сейчас на фрилансе новичку делать нефиг..

На сколько я знаю, кроссбраузерность у бокс сайзинг не идеальная