Автор: SmashingMagazine.com
Перевод: Всеволод Козлов
О популярности вкладок хорошо известно из статьи про реализацию интерфейсов на вкладках. Причем эта популярность растет день ото дня, что дает соответствующую пищу для ума как веб-дизайнерам, так и веб-разработчикам.
Разработать эффективный, удобный и дружественный для посетителей интерфейс довольно-таки непростое занятие, с которым Вам помогут справиться вкладки. Вкладки обеспечат простой и приятный доступ посетителей к информации сайта. Посетителям не придется открывать уйму окон браузера, ведь вкладки созданы для их (посетителей) удобства.
В настоящее время прогресс дошел до того, что создание интерфейсов на вкладках занимает всего несколько минут. И все это стало возможным, благодаря таким технологиям, как CSS, JavaScript, DHTML и AJAX.
Специально для Вас мы собрали наиболее интересные решения реализации интерфейсов на вкладках. Приятного просмотра!
Бесплатные интерфейсы на вкладках
1. Control.Tabs
2. Javascript Tabs vom Stilbüro
TabPanel от Google
Tabbed Panels от Adobe Spry Framework
5. Tab Panes
7. AJAX Tabs
8. Ajax Project — Tabbed Page Interface
9. DOMTab — Navigation tabs with CSS and DOMscripting
10. Tabtastic
11. Tabmenu
Платные интерфейсы на вкладках
12. dhtmlxTabbar
14. Zapatec Tabs
Источник: 14 Tab-Based Interface Techniques
Смотрите также:
- Css формы
- Креативные сайты
- День рождения
- Лучшие дизайны интернет магазинов
- Иконки для рабочего стола ico
- Конвертер pdf в jpg онлайн
- Иконка корзина
- Footer
- Панель навигации для сайта
- Семантика HTML














10 комментария(-ев)
+1
Кто, нибудь уже пользовался вышеперечислеными способами, какой из них самый удобный?
Аяксовая номер 7 понравилась. Буду юзать
Номер 13-ть тоже интересен довольно. Для крупных проектов сгодится… надеюсь что нибудь напишу для себя в качестве практики, а потом буду использовать.
ИМХО — самые симпотичные варианты
Спасибо, как раз искал табы, хэлпер хочу сделать
11 вариант больше всего понравился
Спасибо за подборку
Подскажите как написать следующий скрипт: несколько вкладок. Каждая вкладка является альбомом, выбрав вкладку пользователь видит миниатюры фотографий и две стрелки для пролистывания. каждая миниатюра находится как-бы в тумане и становится яркой при наведении, а при нажатии увеличивается на весь экран.
Парни, посмотрите сюда:
http://www.extjs.com/deploy/ext/docs/
А мне 6 метод понравился. Стильно и просто!
вот еще один интересный способ http://prootime.ru/vkladoki-css.html
Лично я подключил 6 способ.