Symphony: первые раз 5 когда я открывал кодпен, примерно так же думал и боялся его. Но после почти года использования при виде фидла мне хочется плакать и покормить его, как исхудавшего, бездомного щенка.
splirit: Если имеется метатег вьюпорта и стоит оверфлоу-х, и при этом можно скроллить куда не надо - с 99% вероятностью один из блоков имеет большую ширину, чем вьюпорт телефона. Удостоверься что в мобильной версии все основные блоки имеют 100% ширины и их дочерние блоки имеют размеры относительно родителей. Сам 2 недели назад пилил ручками адаптив для сайта, и там так же имелся нежелательный скроллинг, который возникал из-за чрезмерно широких блоков.
pavlyk: Сам где-то год назад еще будучи зеленющим джуниором с радостью изучал node.js и mondodb, но сейчас вот смотрю на проект со своими старыми костылями и тем, как он падает от любого чиха, и понимаю, что писать на одном языке фронтенд и бэкенд куда сложнее, чем кажется поначалу. Все таки на фронте кроме js у вас нету ничего другого, а на бэкенде лучше вполне четко осознавать, что вам лучше всего подойдет в данной ситуации. А то соблазн писать вообще все на одном лишь js может с легкостью одолеть здравый смысл. Так что я затрудняюсь с ответом на вопрос "что изучать для бэкенда".
Вообще я бы посоветовал поначалу не заигрываться с фулл-стак разработкой, а то велик шанс превратиться в веб-макаку, "разбирающуюся" во всем, но профессионалом ни в чем. Так что оптимальный вариант - изучение пхп, в идеале чтобы вы могли темы для вордпресса без проблем делать.
Плохой аккордеон вы выбрали. В каком-нибудь бутстрапе можно просто присобачивать класс in и на старте будете получать раскрытую вкладку. А тут только если костыль из ответа ниже использовать.
lebonnet: Я позволю врубить себе режим зануды, и напишу, что у вопроса стоит тег "Адаптивный дизайн", что подразумевает использование media queries, что как раз таки является частью css3 :) https://developer.mozilla.org/en-US/docs/Web/Guide... - "Media queries, added in CSS3"
lebonnet: К сожалению ваша ссылка обманчива, там речь идет о весьма новом свойстве object-fit. У b-s: cover поддержка ие 9+, опера 10+ и так далее. Вот тут можете посмотреть внизу www.css3.info/preview/background-size
Если человеку обязательны ие7/8, то проще фоллбеки сделать, чем не использовать столь полезную фичу :)
Если что, то это не jQuery, а ванильный жс :) codepen.io/suez/pen/80204bb3904883add4f1b24b03a6b919 - вот уродливая демка, с использованием id и прочих ужасов (сделал максимально похожим на ваш код). Первый eventListener по фокусу на инпут показывает нам блок, а второй eventListener по blur его прячет. Лучше конечно все это дело пилить на добавлении/убирании классов, но это уже другая история.
Polar, SouthRose и Tesla для больших заголовков смотрятся забавно :) Я сам не дизайнер конечно, но люблю использовать подобные шрифты в демках. Типа такого codepen.io/suez/pen/QwMBqq или такого codepen.io/suez/pen/pvPVpj
Иван Ильясов: У меня опыт год и 3.5 месяца :) В первую очередь учитесь гуглить, и гуглить при этом по-английски. На stackoverflow найдется все. Ну или почти все.
jsfiddle.net/ckntr2jy/6 внутри отслеживания событий инпута добавил $( ".slider" ).slider("value", area_numb); + убрал change event слайдера (ибо вместе с ним при изменении инпута слайдер создавал рекурсию по изменениям).
Иван Ильясов: Научись пользоваться биндингом ивентов с помощью синтаксиса $(document).on("event1 event2 event3", ".target-class", function(){%action%});
В моем примере на 46 строчке имеется переделанный биндинг для #area с ивентами "change" и "keyup". А то $selector.$event это путь к жуткой лапше.
protasovmikhail: Если речь идет о статичном, не адаптивном сайте для десктопа, то проблем особых не будет. Но при нестандартных соотношениях ширины/высоты на экране будет происходить наркомания :) Для этого кстати есть дополнительные вьюпорт еденицы, такие как vmin/vmax, с помощью которых можно настраивать поведение при нестандартных ситуациях. Тут тут простое сравнительное описание.
