Алексей Сол

Если хотите в дальнейшем работать со своим проектом, то можете сделать агрегатор каких-нибудь данных и SPA к нему. Тут вам будут и передовые технологии в вебе, и интерес, и, возможно, даже практическая польза.

Как же веб-дизайнер стал таким с нулевыми навыками разработки? Нужно же хотя бы малейшее представление о том, как картинка преобразовывается в код, что можно и что нельзя воплотить (вернее, воплотить-то можно всё, вопрос нужно ли), какие-то знания принципов работы форм и т.д., чтобы сделать грамотный макет сайта/интерфейс веб-приложения.

Вообще, если это маленький элемент по типу иконки, то лучше запихните графику звёздочки в обычном и активированном положении в спрайт и потом, при нажатии, меняйте background-position.

Вот, как-то так: https://jsfiddle.net/nvmcrzg2/

Сделайте флексом, тогда у вас не будет проблем, если высота или ширина блоков изменится в большую/меньшую стороны (до определённого предела).

Есть плагин Theme Switcher
Потом, наверное, можно как-то через сессии и функции самого WP сделать.
Видел, кстати, подобный функционал на каком-то муниципальном сайте: подобным образом была реализована поддержка версии сайта для слабовидящих.

Выбирать Bootstrap или нет — это задача исполнителя. Он хорош, если вам нужно быстро накидать прототип интерфейса, или сделать что-нибудь очень рядовое. Многие студии делают типовые проекты на нём — и у них это неплохо выходит. Но стоит помнить, что это лишь инструмент и только от того, кто его использует, зависит получившийся результат.

А так же при очень сужении панели они бы выстраивались в один ряд.

Примените к селектору меню - "menu" - стили:

flex-direction: row;
flex-wrap: nowrap;
/* или */
flex-flow: row nowrap;

Таким образом, вы запретите перенос элементов на новую строку. И при "ужимании" блока, элементы будут пытаться ужаться в одной строке. Разумеется, до определённой степени, после которой они начнут просто выходить за границы блока.

По поводу высоты — для меня сложный вопрос. На данном этапе с помощью CSS такое решить нельзя. Только используя JS. Хотя, честно говоря, хотелось бы, чтобы в следующих версиях CSS был реализован механизм пропорций.

Вариант 1
Подключить кэширование на сервере, с помощью файла .htaccess (если сервер Апач). Либо, с помощью подобного специализированного файла для nginx.

Вариант 2
Воспользоваться мета-тегами

<meta http-equiv="Cache-Control"...
<!-- и -->
<meta http-equiv="expires"...

Говорят, что это сработает не во всех случаях.

Действительно, просто поменять цвет с помощью CSS никак. Единственный вариант, если вы хотите прослыть знатным извращенцем, то можете попробовать при наведении задавать блоку абсолютную позицию, смещать его за пределы экрана, а на его месте оставлять тень, заданную с помощью фильтров. Предупреждаю, прокатит не со всеми картинками.

https://jsfiddle.net/4sx29vbr/

А так - спрайты, иконочные шрифты как посоветовали выше.

Следует хорошо подумать, прежде чем становиться fullstack-разработчиком, потому что, если сейчас у вас в голове бардак, то когда вы начнёте изучать back-end, бардака станет в N раз больше.

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

Как сказал Андрей, можно пофрилансить, но на фрилансе есть шанс просто уйти с головой в рутинную работу. Деньги это вам приносить будет, но профессиональное развитие притормозит (опять же, смотря за какие проекты браться).

Однако, там есть такой момент. Я сталкивался с двумя типами ситуаций фрилансеров. Одни погружались в рутину и спустя какое-то время сильно отставали в развитии как программисты, как верстальщики, даже как SEO-шники. Когда ты в сотый раз натягиваешь шаблон на WP, тебе уже лень искать новые подходы и методы. С другой стороны, фрилансер брался за очень сложный для себя проект, изучал технологии уже в процессе работы над проектом, из-за этого его знания он получал, но они были обрывочны и не структурированы. Это тоже не есть хорошо.

Можете отточить свои навыки вёрстки, перед тем как бросаться в хардкорный JS с фреймворками — это не сложно. SVG, анимация, флексы, сетки, иконочные шрифты, разные продвинутые CSS-штуки — это всё весело и ненапряжно.

Добавлю про картинки под ретину. Фотографии и прочие сложные растровые изображения можете использовать в обычном и х2 размерах, а иконки делать с помощью SVG. Также, если вам не нужны какие-либо нестандартные иконки, то можете освоить иконочный шрифт Font Awesome - очень классная вещь.

Если у вас у дочерних элементов фиксированная ширина, то задайте им свойство flex с их шириной.

Вот, как-то так — https://jsfiddle.net/jrLkybfe/