Евгений

- работает? работает!
- всё норм? всё норм!

не усложняй читабельность и следущие разрабы тебе спасибо скажут))

ps: только надо бы с нуля начинать)

хм... не оч понятно для чего это и для чего такие сложности? но предположу - что просто набор чекбоксов. тогда просто храним набор в бд в 1 поле 01010010100, считываем и преобразуем в массив примерно так:

"01010010100".split("").map(Number)

и далее расставляем чеки

обычно рекурсией такое делается

это? просто вопрос размыт и не понятен

var body = $("html, body");
body.stop().animate({scrollTop:0}, 500, 'swing', function() { 
   alert("Finished animating");
});

- по клику определяешь куда кликнули e.target
- по какому либо принципу придумываешь куда этот блок вставить относительно евент.таргета
- append'ишь блок туда куда придумал его вставить
- подгружаешь картинку/данные через ajax

через фильтр:

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-50 -50 200 200">
  <title>svg arrow with dropshadow</title>
  <desc>An svg example of an arrow shape with a dropshadow filter applied. The dropshadow filter effect uses feGaussianBlur, feOffset and feMerge.</desc>
  <defs>
    <filter id="dropshadow" height="130%">
      <feGaussianBlur in="SourceAlpha" stdDeviation="3"/> 
      <feOffset dx="2" dy="2" result="offsetblur"/> 
      <feMerge> 
        <feMergeNode/>
        <feMergeNode in="SourceGraphic"/> 
      </feMerge>
    </filter>
  </defs>
  <polygon points="58.263,0.056 100,41.85 58.263,83.641 30.662,83.641 62.438,51.866 0,51.866 0,31.611 62.213,31.611 30.605,0 58.263,0.056" fill="#EEEEEE" filter="url(#dropshadow)"/>
</svg>

как-то так

<?php
$str = explode(' ','note book');
echo $str[0].'<b>'.$str[1].'</b>';
?>

или как сказали на флексах, но на старых броузерах посыпется или:
(это scss)

li {
        $baseWidth: 100% / 7;
        width: $baseWidth;
        //немного добавляем или убавляем длинну - чтобы отступы для 
        //длинных и коротких слов выглядели одинаково
        &:nth-child(2) {width: $baseWidth + 3%;}
        &:nth-child(5) {width: $baseWidth - 3%;}
}

а для полгого фэшена добавляем:

li {
        text-align: center;
        &:first-of-type {text-align: left;}
        &:last-of-type {text-align: right;}
}

ты видимо хочешь такой код, чтобы был при создании меню в админке? тогда тебе надо будет брать walker при настройке и формировать как ты хочешь

а никак) если возник такой вопрос - то либо нанимать человека - который будет править/переписывать тему... либо менять тему - т.к. адаптивность там кривовато реализована

скрипты и стили отлично подключаются в functions.php - этим и этим - будет стильно/молодежно)

общий принцип - применяются контрольные точки анимации... т.е. чтобы превратить звезду в книгу - надо нарисовать зведу и книгу... вот пример - тут один набор точек и их двигают просто

но! тема довольно хитрая и так просто имхо не объяснишь вот статейка - там много примеров с кодом...

вот пример трансформации - там в JS убери вставку gif'а и замедли анимацию <animate dur='xxx'> увидишь...

Суть в плотности пикселей. тотже айфон 5 - 1136 x 640 пикселей, 326 пикселей на дюйм - это означает, что в том-же хром дев-тулс будет указываться как 320 пикселей, но по факту, на самом айфоне будет 640 пикселей из-за двойной, по отношению к обычному монитору, плотности пикселей...

к сожалению придется почитать статью указанную Николаем))

svg -> png = easy
png -> svg = время

вот и вся разница... ну и вектор и в африке вектор, масштабируется без потерь + требования заказчика на поддержку броузеров... если не динозавр - то свг норм

1) ставишь WP
2) настраиваешь на него Gulp
3) открываешь все это в шторме...
4) сливаешь это все в гит))

в чем трабла? по отдельности есть маны в гугле

ну дык и не перегружай полностью страницу, а только ajax'ом переделывай табличку товаров