Всем привет!
Недавно наткнулся на статьи про конкурс Design Challenge от Mozzilla Labs. Посмотрел представленные ролики с вариантами таба-заменителей. Какие-то понравились, какие-то нет. Хотя конкурс уже и подошел к концу, но я решил тоже представить на суд хабра-зрителей свой вариант замены табов.
Основная суть идеи, конечно же, заключается в том, чтобы сделать понятное и удобное средство управления открытыми сайтами.
За основу своей концепции я взял уже готовую разработку под названием «Экспресс-панель» (так она называется в Опере). Суть в том, чтобы сгруппировать несколько страниц одного домена (например, несколько открытых страниц Гугла).
Выглядит примерно так (это прототип и на звание дизайнера я тут не претендую):
Естественно, что ячеек должно отображаться столько, сколько открыто сайтов (на рисунке я просто показал как это будет выглядеть в общей массе открытых сайтов). Ячейка, в которой находится сайт, и у которого открыто несколько страниц, выделяется другим цветом и у нее, например, в углу отображается количество открытых страниц для данного домена.
После того, как пользователь наведет курсор мышки на такую ячейку, откроется блок, содержащий ячейки открытых страниц, связанных с доменом. Пример на рисунке:
Если открытых страниц для домена будет больше, чем, например, 12 штук, то в таком случае эскизы преобразуются в список с заголовками страниц.
В группе можно закрывать как отдельные страницы, так и всю группу целиком (крестики есть в каждой ячейке). Кстати, расположение крестиков не случайное. Это сделано для того, чтобы пользователь случайно не закрыл всю группу.
Как вызвать саму панель? Ну, тут может быть несколько вариантов, но самым удобным, я считаю, нужно сделать способ, при котором пользователь двигает курсор к левому краю окна браузера, после чего либо сразу открывается панель, либо появляется ярлычек, на который нужно нажать, чтобы открыть панель. Примерно так, как устроен один из режимов отображения панели задач — когда панель не нужна, она уползает вниз, когда нужна, наводим курсор и она появляется.
Недавно наткнулся на статьи про конкурс Design Challenge от Mozzilla Labs. Посмотрел представленные ролики с вариантами таба-заменителей. Какие-то понравились, какие-то нет. Хотя конкурс уже и подошел к концу, но я решил тоже представить на суд хабра-зрителей свой вариант замены табов.
Основная суть идеи, конечно же, заключается в том, чтобы сделать понятное и удобное средство управления открытыми сайтами.
За основу своей концепции я взял уже готовую разработку под названием «Экспресс-панель» (так она называется в Опере). Суть в том, чтобы сгруппировать несколько страниц одного домена (например, несколько открытых страниц Гугла).
Выглядит примерно так (это прототип и на звание дизайнера я тут не претендую):
Естественно, что ячеек должно отображаться столько, сколько открыто сайтов (на рисунке я просто показал как это будет выглядеть в общей массе открытых сайтов). Ячейка, в которой находится сайт, и у которого открыто несколько страниц, выделяется другим цветом и у нее, например, в углу отображается количество открытых страниц для данного домена.
После того, как пользователь наведет курсор мышки на такую ячейку, откроется блок, содержащий ячейки открытых страниц, связанных с доменом. Пример на рисунке:
Если открытых страниц для домена будет больше, чем, например, 12 штук, то в таком случае эскизы преобразуются в список с заголовками страниц.
В группе можно закрывать как отдельные страницы, так и всю группу целиком (крестики есть в каждой ячейке). Кстати, расположение крестиков не случайное. Это сделано для того, чтобы пользователь случайно не закрыл всю группу.
Как вызвать саму панель? Ну, тут может быть несколько вариантов, но самым удобным, я считаю, нужно сделать способ, при котором пользователь двигает курсор к левому краю окна браузера, после чего либо сразу открывается панель, либо появляется ярлычек, на который нужно нажать, чтобы открыть панель. Примерно так, как устроен один из режимов отображения панели задач — когда панель не нужна, она уползает вниз, когда нужна, наводим курсор и она появляется.
