antonKar

Попробовал немного не то. Решение оказалось очень простым с помощью CSS

В каком плане немного не то? Что я ширину в 400 пикселей указал вместо 250? 

почему?

Извращение с точки зрения архитектуры, если так можно выразиться.

Инпуты не для этого предназначены, было бы логичней для этого в CSS делать active для элемента, а не добавлять лишний тег ради этого.

можешь пример в коде может есть

.menu._active {
width: 400px;
}

$(".menu").click(function() { $(this).addClass("_active"); });

Как сделать так, что-бы при нажатии на квадрат, он остовалься в положении как при наведенной мышой на него

1) Через JS

2) Через связку input:checked + menu, но это извращение.

Но как быть когда пользователь перейдет на другую страницу сайта

1 раз определяем через Яндекс город пользователя и кешируем его в переменную (хоть куки, хоть location storage, хоть indexeddb), а потом при всех следующих заходах/переходам берём город из кеша. Ну и при смене города соответственно меняем значение кеша.

А какой в этом смысл?

Никакого. Точно также, как нет смысла делать минифицированный CSS/JS и запихаю-я-все-все-все-картинки-сайта-в-спрайт на нехайлоад проектах.

ymaps.geolocation.get 

Через эту штуку (Документация API карт в помощь) определяете город и выводите данные в зависимости от города.

нужно менять содержимое некоторых блоков базируясь на местоположении пользователя

Яндекс.Карты и ymaps.geolocation.get вам в помощь 

Я не использовал ни одного diva или не в етом соль?

Нэт, соль нэ в етом. 

1) Изменение масштаба делаем при помощи увеличения width / height

2) Картинку туда-сюда водим с помощью draggable из jQuery UI, правда есть один момент. В свойстве containment при задании draggable придётся определять прямоугольник с координатами, так как у jQuery UI проблемы с правильным перемещением контента внутри parent, если контент размером больше parent. В общем проблема эта решается одним запросом в гугл, и вроде как с учётом того, что прямоугольник в containment отсчитывается от левого верхнего угла document.

ИМХО конечно, но ваши работы не стоят 40$.

Согласен, можно и побольше 40$ просить 

В посте прописываем тег audio и радуемся жизни

Легко и просто

facepalm.jpg

Шо вы паритесь с base64 и прочим, сделать короткие ссылки типа site.ru/AabCX и норм

1) Это будет лишним

Для непоклонников Майнкрафта лишним точно не будет. 

вы совсем не понимаете смысл бутстрапа в частности и сеток в целом

Скорее всего где-то JS плохо отрабатывает

можно ли фреймворк JQuery Mobile подключить уже к существующему сайту

Можно

как сделать такое "мобильное" меню

1) div>span (и используем before и after)

2) div>span*3

IvanRu08, у меня нет. Пиксель полупрозрачный был

Вспоминая и немножко перефразировывая ДМБ, не бывает кривых инструментов, бывают верстальщики с непрямыми руками. Все прозрачности и прочее запросто настраивается так, как было в фотошопе, причём зачастую внутри самого SVG.

Как я понял, ему нужно, чтобы крайние ячейки не отступали от границ контейнера

Да, верно, но при этом у него есть момент с тем, что блоки в таком случае будут прилипать к границам браузера на маленьком разрешении.

Есть 2 стула варианта:

1) Просто убираем отступ справа и родителю делаем отступы по бокам;

2) Делаем по 20 пикселей для ячеек, в таком случае крайние ячейки будут отступать от границ контейнера, но при этом они не будут прилипать к границам браузера.

ИМХО второй способ проще и более поддерживаемый в будущем.

разобралась. Поставила один плагин

Технически формулировка "разобралась" звучит некорректно.

Ой, всё, вот прям такая лень объяснять по кругу одно и то же, что я уже говорил ранее.

А вообще если ТС задаст просто margin: 20px, то у него будет решена и проблема с его отсупами, и с прилипанием элементов к краям, не понимаю из-за чего вообще сыр-бор.

elementClick=$(this).attr("href"); destination=$(elementClick).offset().top;

стоп, а консолька разве матом не ругается на этих двух строчках? джаваскрипт же не пахапе 

только вот расширять родителя можно влево,  но не вправо

Не понял что вы имеете в виду 

Про какой отступ вы говорите?

Про правый. И вообще все.

В макете левый отступ между изображениями именно 40px 

Вот у вас и будет 40 пикселей между изображениями, и по 20 пикселей по бокам, чтобы не липло к краям браузера. 

Если он задаст 20px маргин, то у него сетка отойдет от краев внутрь на 20px

Родителя в любом случае расширять придётся.