Тач дизайн на ротор

1. Михаил (05.01.2014 / 22:08)
Кто нибудь пытался делать тач дизайн на ротор чтобы прямо тач? а не главная страница а остальные страницы обычные? я вот по тихоньку делаю хотелось бы сравнить с чем нибудь. есть примеры такие? Могу скинуть скрины своих наработок в этой области.

2. Виктор (06.01.2014 / 02:59)
ждем скринов

3. Михаил (06.01.2014 / 09:51)
2. mrBUS, прикрепляю немного) посмотрите)

4. Михаил (06.01.2014 / 10:52)
дивы полностью активны на всю строку ссылки то бишь не только текст ссылка. дивы типа комментарии активны в области всего дива для удобства нажатия с тачфонов

5. Андрей (06.01.2014 / 12:14)
На мой взгляд этого мало. Не очень смотрятся дивы с комментариями. Как будто чего-то не хватает.. То что удобно нажимать на них это понятно, а вид портят.

Добавлено через 01:42 сек.
Особенно картинка Top.jpg в архиве.. Что-то надо делать.

6. Михаил (06.01.2014 / 13:11)
5. Marsellkin, конечно критику принимаю. Есть идеи что добавить?

7. ramzes (06.01.2014 / 15:58)
это у тебя просто блочные ссылки. тач это несколько больше.
при этом не обязательно блоками. лишь бы пальцем попадать не сложно было.
последний скрин (блоги) ужасен (извини за прямоту)
там как раз ни к чему эта блочность, она и не вписывается ну ни как.

8. Вантуз-мен (06.01.2014 / 16:19)
очень часто вижу что критиков много, многие показывают недостатки, но никто не хвалит
Человек трудился и старался, может что-то не получилось, вот хотя бы за это можно поблагодарить, кто-то ведь будет использовать дизайн

9. ramzes (06.01.2014 / 17:19)
8. Vantuz, конструктивная критика куда полезнее пустого "о, круто сделал" сказанного только лишь из вежливости.
да и он не закончил, как раз послушает, поправит, и сделает еще лучше

10. ramzes (06.01.2014 / 18:03)
могу предложить сделать тот блок примерно таким (в ссылках вся инфа, и сами ссылки, что поможет избежать ***ства дизайна путем вставки в текст блочных ссылок (все тот же последний скрин.
CSS

        .link-main-block {
            background: #f3f3f3;
            border-bottom: 1px solid #fff;
            min-height: 48px;
            box-shadow: inset 0px 0px 18px #123;
        }
        .link-left-block {
            margin-right: 48px;
            padding-left: 32px;
            padding-top:4px;
            height: 48px;
            display: block;
            font-weight: bold;
            font-size: 18px;
            color: #579;
            line-height: 24px;
            overflow: hidden;
        }
        .link-right-block {
            min-height: 48px;
            padding-top:4px;
            width: 48px;
            border-left: 1px solid #aaa;
            display: inline-block;
            float: right;
            font-size:9px;
        }
        .link-left-block span {
            display: block;
            color: #444;
            font-size: 14px;
            font-weight: normal;
            height: 24px;
            owerflow: hidden;
            white-space: nowrap;
        }

HTML

<div class="link-main-block">
    <a class="link-right-block" href="#link2">
        sub link 1
    </a>
    <a class="link-left-block" href="#link1">
        Main Link 1
        <span>
            this sub info string 1
        </span>
    </a>
</div>
<div class="link-main-block">
    <a class="link-right-block" href="#link2">
        sub link 2
    </a>
    <a class="link-left-block" href="#link1">
        Main Link 2
        <span>
            this sub info string 2
        </span>
    </a>
</div>
<div class="link-main-block">
    <a class="link-right-block" href="#link2">
        sub link 3
    </a>
    <a class="link-left-block" href="#link1">
        Main Link 3
        <span>
            this sub info string 3
        </span>
    </a>
</div>

11. Михаил (06.01.2014 / 19:40)
10. ramzes, понимаю твою критику. В роторе местами дивы не прописаны, местами их нет. Я думаю выбрать простой путь адаптивного дизана на html5 и css3 но при этом ротор потеряет своей изюминки. А если делать тач то нужны дивы к любым элементам.

12. ramzes (06.01.2014 / 20:36)
11. DeLUXXMAO, в любом случае, надо переписывать разметку. иначе выйдет довольно грустно.
не приспособлен движок к глобальной смене стиля

13. Михаил (06.01.2014 / 21:00)
12. ramzes, согласен ротор надо переписать но никак не под джикьюери полностью. Это будет не тр. Если Саня даст возможность то я бы смог потому что сейчас прописывать приходиться моменты диза через иif else иф конфиг диза тач иначе траливали. Это долго. Либо регулярки в дизе писать

14. Михаил (26.06.2015 / 19:30)
ротор со свайпом. как вам? делал видео на эмуляторе с тормозами записалось а так все четко работает. за ссылкой с примером в личку

15. Дмитрий (27.06.2015 / 17:09)
Мне нравится, можно еще иконки к разделам добавить

16. sdv43 (28.06.2015 / 17:15)
файл top.jpg, не обязательно же ссылки выделять розоватым прямоугольником, показывая возможную область нажатия. можно ее оставить прозрачной, но область нажатия останется такой же. пару раз попользовавшись пользователь смекнет что не обязательно целиться в ссылку. такой прием вполне применим, как я думаю, в местах с большой плотностью ссылок.

URL: https://visavi.net/topics/39833