tamirov

Здравствуйте, Всем! Что-то не ищется.. Хочу найти шаблон для Landing page с минимальными наворотами. Скачивал всякие Free шаблоны, весят они под 2MB со всякой трепухой внутри, которая может подтягивать из вне что-то ещё и по цепочке. Туда может быть встроено всё что угодно: майнинг, редирект, сбор статистики и т. д. Проверять все эти минифицированные тонны кода нет желания.. Я люблю когда ясный чистый код, без всякой хиромантии.. Такой шаблон и редактировать проще.. Быстрее работает, меньше глюков.. Ну что может быть нужно для Лендинга из библиотек реально? Разве что jQuery и пара плагинов к нему для ненавязчивой анимании (хотя, опять-таки луче уже если анимация будет на CSS, хотя, могу тут ошибаться в плане совместимости со старыми браузерами). Конечно адаптивность важна, но это не требует огромного Bootstrap, а достаточно нескольких media query. Может кто посоветует где посмотреть подобные шаблоны..

Бывало такое. Нужна была "адаптивная верстка", я его сделал, показал, а заказчик мне скинул пример, мол как должно все выглядеть. Посмотрел - там обычный фикс.. Теперь постоянно спрашиваю, а что имеет ввиду заказчик под словом адаптив. Вот, я о том вопрос и поднимаю. Мы, товарищи разработчики, адекватно ситуацию оцениваем? Не знаю, здесь вообще, по-моему, исследование какое-то нужно, как минимум опрос какой-то. Может, модераторы-администраторы форума на заметку это возьмут?

Да вроде почти не работало раньше. Я сам не активный пользователь тачскрин устройств. Адаптировать сайты под мобильные устройства начал примерно год назад. Может много читал слишком, особенно на английском типа такого http://www.prowebdesign.ro/how-to-deal-with-hover-on-touch-screen-devices/.. Кстати, и по поводу мета-тега viewport "width=device-width, initial-scale=1" мне заказчики иногда говорят, что им удобнее пальцами полный сайт с микроскопическим шрифтом просто зуммить, а не "наслаждаться" облегченной версией. Вот хотел опыт у народа узнать.

У меня складывается такое впечатление, что современные тачскрин устройства сами прекрасно обрабатывают hover событие по клику. Поэтому хотелось бы узнать мнение сообщества: я одинок в своих догадках, что переводя hover-меню на javascript костыли я занимаюсь мартышкиным трудом, если не хуже. Хочу пояснить, что рассматриваю вариант когда родительский пункт меню сам по себе ссылкой не является.

id не может начинаться с цифры. http://www.w3.org/TR/html4/types.html#type-id

Собственно, и я хочу прийти к ограничению роста ширины боковых полос после какого-то максимального размера окна, о чем выше написал. Наверняка решение есть без псевдоклассов, повторяю, мне это интересно в плане теории (такие задачки хорошо мозги прочищают ). Кстати, думаю вы несколько спешите насчёт ie7.

Люди, я понимаю вы бы говорили что плохо что полосы тянутся неограниченно, хорошо бы их разрастание ограничить для очень больших экранов. А то что вы указываете - это просто лечится коррекцией цифр в css, что я и сделал сейчас чтобы это не отвлекало. Насчет псевдоэлементов - это не интересно т.к. требует фильтры для ie т.е. Javascript. Да и все-равно, наверняка, с псевдоэлементами будут обнаруживаться ещё глюки. А насчет засорения разметки 2-мя дивами... мне кажется подключение фильтров и прочих библиотек - вот это засорение. Думаю, сейчас более интересен следующий этап решения - ограничить разрастание ширины боковых полос для очень больших эранов.

Да, это мелочь, лень было градиент править в фотошопе.. конечно боковушки можно и расширить и сдвинуть влево и вправо соответственно.. UPD: Что и сделал.

Ну, что ж. Выкладываю решение. Хотелось бы услышать критику, но только обоснованную, сразу скажу что для ie6 и ниже в принципе вопрос не стоит.

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

Не верю, наверное, мне просто нужен отдых и простое решение окажется очевидным.

Я сейчас c Ubuntu в Firefox смотрю, не знаю как с кроссбраузерностью, но и так уже видно, что это не то: полосы не уходят за края окна браузера при достижении заданной минимальной ширины, а заезжают за тело контента, а фона-то у него нет! Я специально сформулировал в посте подробно суть вопроса. P.S. Мне это интересно стало уже в плане теории, а не приспичило заказчику. "CoDy" - без комментариев.

И как полосы будут прижаты к краям при изменении размеров окна браузера? Господа, ведь html-код простой совсем получится, ну попробуйте, прежде чем писать.

Давайте без флуда, ну при чем здесь кусок этого! Люди, прежде чем писать решение, попробуйте реализовать такое. Думаю это полезно для разработки мозгов будет в любом случае

Да, но это все сложно достаточно + Javascript для ie, я так понимаю.. Никак не могу смириться что не вижу относительно простого кроссбраузерного решения на чистом CSS, может оно есть? Собственно, из-за этого пост и создал!

Изложу в теории без конкретного примера. Суть: Есть блок контента с фиксированной шириной, выровненный по центру при помощи "margin: 0 auto". Требуется реализовать только несложными средствами CSS (без скриптов) по бокам окна браузера полосы фиксированной ширины (например 50px каждая), естественно, они должны быть "прилеплены" к бокам окна браузера. Но при минимальных размерах окна они не должны наезжать на/за тело контента, а просто должны скрываться за окном браузера, не приводя к появлению нижнего скролла. Вот так! Сам занимаюсь версткой лет 6, то ли я устал и туплю, но за день ничего путного в голову не пришло. Вот для примера даю пару набросков. Т.е. не должно быть нижней полосы прокрутки.