Дмитрий Приходченко

Еще бы посоветовал добавить микроразметку, легко добавить с помощью
гугл -> гугл вебмастер -> ваш сайт -> другие ресурсы -> Мастер разметки структурированных данных

frontender.info/adaptive-vs-responsive-terminology

Это просто направляющие которые показывают ширину некоторых блоков, а в некоторых местах показывают отступ, для кое какого стандартизирования.
Многие дизайнеры просто так суют её где попало и даже не знаю зачем она им. ctrl+h и не парься

//Лови быдлокод
count = $(".item").length;
countImg = 0;
if(count > 0){
  for(i=0;i<count;i++){
    countImg = countImg  + $(".item").eq(i).find('img').length;
  }
  $(".col").text('Всего картинок:'+ countImg);
}

PS как то так

.a{ 
    width: 300px;
    height: 200px;
    background: red;
    border-radius: 40px 200px 40px 70px;
}

Открой инструмент откладки html и балуйся с параметрами закругления. Параметры задаются по часовой стрелку от левого верхнего.

Эм... зачем сюда скидывать весь код аккордиона?

Гуглить ребята, гуглить надо.. первая же ссылка отвечает на ваш вопрос
stackoverflow.com/questions/3479447/jquery-ui-acco...

PS пользователи тостера все больше мне нравятся

Сейчас нету смысла заморачиваться крупным компаниям и делать что то автономное... Для автономности есть приложения.

Яндекс именует их как "Разработчик интерфейса", но к этой должности относится полностью весь frontend

Для хранения выбранного товара можете использовать localstorage или websql

Он не устарел, просто считается, что блочная удобнее. Тут по сути кому как, но есть вещи которые в данный момент делаются только на таблицах, например таблицы в почте)

По тегам? Если на странице есть какая то метка, например в статье что то типа такого:
<div class="tag">информация</div>
то поиск можно будет реализовать простым php скриптом, если ты про это, то отпишись, помогу