-
Posts
16 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by tamirov
-
-
мне заказчики иногда говорят, что им удобнее пальцами полный сайт с микроскопическим шрифтом просто зуммить, а не "наслаждаться" облегченной версией.
Бывало такое. Нужна была "адаптивная верстка", я его сделал, показал, а заказчик мне скинул пример, мол как должно все выглядеть. Посмотрел - там обычный фикс.. Теперь постоянно спрашиваю, а что имеет ввиду заказчик под словом адаптив.
Вот, я о том вопрос и поднимаю. Мы, товарищи разработчики, адекватно ситуацию оцениваем? Не знаю, здесь вообще, по-моему, исследование какое-то нужно, как минимум опрос какой-то.
Может, модераторы-администраторы форума на заметку это возьмут?
-
нормально обрабатывают. может у старых версий двух популярных мобильных платформ или в старых браузерах ховер работает как-то по другому?...
Да вроде почти не работало раньше. Я сам не активный пользователь тачскрин устройств. Адаптировать сайты под мобильные устройства начал примерно год назад. Может много читал слишком, особенно на английском типа такого http://www.prowebdesign.ro/how-to-deal-with-hover-on-touch-screen-devices/..
Кстати, и по поводу мета-тега
viewport "width=device-width, initial-scale=1"
мне заказчики иногда говорят, что им удобнее пальцами полный сайт с микроскопическим шрифтом просто зуммить, а не "наслаждаться" облегченной версией.
Вот хотел опыт у народа узнать.
-
У меня складывается такое впечатление, что современные тачскрин устройства сами прекрасно обрабатывают hover событие по клику. Поэтому хотелось бы узнать мнение сообщества: я одинок в своих догадках, что переводя hover-меню на javascript костыли я занимаюсь мартышкиным трудом, если не хуже.
Хочу пояснить, что рассматриваю вариант когда родительский пункт меню сам по себе ссылкой не является. -
id не может начинаться с цифры.
- 1
-
Я оцениваю исходя из предложенного тз.
Боковые блоки фиксированые, при достижении определенного минимального размера, например, 1280px, боковины уходят за границы экрана.
А так вы постоянно при увеличении экранов будете цифирками играть?
Что касается псевдоэлементов, то ИЕ7 в 99% случаев уже давно не актуален.
Собственно, и я хочу прийти к ограничению роста ширины боковых полос после какого-то максимального размера окна, о чем выше написал.
Наверняка решение есть без псевдоклассов, повторяю, мне это интересно в плане теории (такие задачки хорошо мозги прочищают ).
Кстати, думаю вы несколько спешите насчёт ie7.
-
http://joxi.ru/_r1RUdg5CbDVKP_KThM
Решение не универсально. Нельзя определить минимальную ширину экрана при которой полосы были бы видны целиком.
Полосы я бы сделала псевдоэлементами. Зачем засорять разметку блоками несущими только декоративную функцию.
Люди, я понимаю вы бы говорили что плохо что полосы тянутся неограниченно, хорошо бы их разрастание ограничить для очень больших экранов.
А то что вы указываете - это просто лечится коррекцией цифр в css, что я и сделал сейчас чтобы это не отвлекало.
Насчет псевдоэлементов - это не интересно т.к. требует фильтры для ie т.е. Javascript. Да и все-равно, наверняка, с псевдоэлементами будут обнаруживаться ещё глюки.
А насчет засорения разметки 2-мя дивами... мне кажется подключение фильтров и прочих библиотек - вот это засорение.
Думаю, сейчас более интересен следующий этап решения - ограничить разрастание ширины боковых полос для очень больших эранов.
-
-
Ну, что ж. Выкладываю решение.
Хотелось бы услышать критику, но только обоснованную, сразу скажу что для ie6 и ниже в принципе вопрос не стоит.
-
на одном CSS и без таблиц можно реализовать через @media
Да, нет, это все мудреж.
Все должно быть проще и кажется у меня получилось, по крайней мере на простой тестовой верстке в Firefox.
Сегодня-завтра потестю в других браузерах, если все получится, выложу решение.
-
Без скриптов реализовать это не получится, по крайней мере кроссбраузерно. Можно боковушки сделать при помощи position: fixed; с процентной шириной, но сделать так чтоб они ни при каких условиях не заезжали за контейнер нереально.
Не верю, наверное, мне просто нужен отдых и простое решение окажется очевидным.
-
Я сейчас c Ubuntu в Firefox смотрю, не знаю как с кроссбраузерностью, но и так уже видно, что это не то: полосы не уходят за края окна браузера при достижении заданной минимальной ширины, а заезжают за тело контента, а фона-то у него нет! Я специально сформулировал в посте подробно суть вопроса.
P.S. Мне это интересно стало уже в плане теории, а не приспичило заказчику.
"CoDy" - без комментариев.
-
Создать блок-обвертку, для своего контейнера, растянуть его по всей ширине. в качестве фона для блока-обвертки указать нужное симметричное изображение и спозиционировать данный фон по центру.
И как полосы будут прижаты к краям при изменении размеров окна браузера?
Господа, ведь html-код простой совсем получится, ну попробуйте, прежде чем писать.
-
выравнивание фона подобной схемой:
left:50%;
Margin-left:-половина ширины страницы в px;Давайте без флуда, ну при чем здесь кусок этого!
Люди, прежде чем писать решение, попробуйте реализовать такое. Думаю это полезно для разработки мозгов будет в любом случае
-
CSS Media Queries не поможет? Например при достижении определенной ширины присваивать display: none этим полоскам или что-то в этом роде
Да, но это все сложно достаточно + Javascript для ie, я так понимаю..
Никак не могу смириться что не вижу относительно простого кроссбраузерного решения на чистом CSS, может оно есть? Собственно, из-за этого пост и создал!
-
Изложу в теории без конкретного примера.
Суть:
Есть блок контента с фиксированной шириной, выровненный по центру при помощи "margin: 0 auto".
Требуется реализовать только несложными средствами CSS (без скриптов) по бокам окна браузера полосы фиксированной ширины (например 50px каждая), естественно, они должны быть "прилеплены" к бокам окна браузера. Но при минимальных размерах окна они не должны наезжать на/за тело контента, а просто должны скрываться за окном браузера, не приводя к появлению нижнего скролла.
Вот так!
Сам занимаюсь версткой лет 6, то ли я устал и туплю, но за день ничего путного в голову не пришло.
Вот для примера даю пару набросков.
Т.е. не должно быть нижней полосы прокрутки.
Посоветуйте, Лэндинг без Bootstrap, sass, прочих излишеств
in Web Design
Posted · Edited by tamirov
Здравствуйте, Всем!
Что-то не ищется.. Хочу найти шаблон для Landing page с минимальными наворотами.
Скачивал всякие Free шаблоны, весят они под 2MB со всякой трепухой внутри, которая может подтягивать из вне что-то ещё и по цепочке. Туда может быть встроено всё что угодно: майнинг, редирект, сбор статистики и т. д. Проверять все эти минифицированные тонны кода нет желания.. Я люблю когда ясный чистый код, без всякой хиромантии..
Такой шаблон и редактировать проще.. Быстрее работает, меньше глюков..
Ну что может быть нужно для Лендинга из библиотек реально? Разве что jQuery и пара плагинов к нему для ненавязчивой анимании (хотя, опять-таки луче уже если анимация будет на CSS, хотя, могу тут ошибаться в плане совместимости со старыми браузерами).
Конечно адаптивность важна, но это не требует огромного Bootstrap, а достаточно нескольких media query.
Может кто посоветует где посмотреть подобные шаблоны..