50+ Нице Цлеан ЦСС Навигатион Сцриптс
Један од најважнијих задатака дизајнера корисничког искуства је да се уверите да навигација веб сајта је једноставна и једноставна за употребу. И који други начин да то учините могућим него преко навигационих картица.
Добро дизајниране навигационе картице не само да помажу корисницима да знају где да иду, већ су важне и за преусмеравање саобраћаја на унутрашње странице вашег веб сајта или блога..
Дакле, за моје пријатеље веб дизајнера, ево дугачког списка лепих и чистих ЦСС табулаторских скрипти. Свака опција има а ливе демо и његов довнлоад извор. Зато идите и погледајте себе.
боотстрап-табс-к - Додатни додатак за картице који је изграђен на врху картица за покретање. Може поравнајте картице, ротирајте наслове, учитајте садржај преко АЈАКС-а, и бројне друге могућности. [Демо]
Чисти ЦСС Табс витх Индицатор - Модерна, али јасна библиотека картица направљена без ЈаваСцрипт-а. То значи да јесте брзо и лепо као и - као што видите на већини популарних сајтова. [Демо]
Табби - Табби вам омогућава да креирате једноставне картице за пребацивање, које могу приказати било који садржај, укључујући видео. Нуди разне напредне опције и подржава НПМ и Бовер такође. [Демо]
Прилагођена навигација по картицама - Модерна, практична навигација са картицама, подржана ЈС-ом и ЦСС-ом, која је изграђена са мобилним уређајем прво подржава хоризонталне и вертикалне стилове позиционирања. [Демо]
Тогглер - Тогглер је чисти ЈаваСцрипт плугин за креирање елемената који се могу мењати хармонике и табови. Такође, можете приказати / сакрити само било коју ставку на страници. [Демо]
Пуре ЦСС Табс - А једноставан исечак картица направљен коришћењем ЦСС-а и ЈС-а. Иако пример кода показује једноставне картице, можете их улепшати тако што ћете променити стил помоћу ЦСС-а. [Демо]
Табси ЦСС - Библиотека само за ЦСС за креирање једноставних прекидачких компоненти као што су картице. Ова библиотека, за разлику од неколико горе наведених, не захтева никакве зависности - чак ни ЈС код. [Демо]
Таббис.јс - Таббис је једноставан али напредан плугин. Помоћу напредних опција конфигурације можете креирајте угњеждене картице и дефинишите повратне позиве такође. [Демо]
Респонсиве Пуре ЦСС Табс [Демо]
ЦСС Табс [Демо]
Табс усинг Питаиа - Картице које користе Питаиу помажу вам да креирате лако анимирају прелазне картице. Међутим, морате укључити Питаиу, која је сама по себи библиотека и повећава време учитавања. [Демо]
јТабс - јТабс је табулаторска библиотека изграђена помоћу чистог ЈаваСцрипт-а. То значи да је изграђен нема спољних зависности као што је јКуери и подржава неколико опција конфигурације. [Демо]
Респонсиве Флекбок Табс [Демо]
Табс Аццордион [Демо]
табс.јс - табс.јс је чиста библиотека ЈаваСцрипт картица инспирисана Аццордион / Табс оф Боурбон Рефиллс. То је таква реакција табулатори се мијењају на хармонику на малим екранима. [Демо]
ВеллТаббер - ВеллТаббер је још један једноставан плугин за ЈаваСцрипт као што је Табби. Као и други, то подржава различите опције за конфигурисање картица. Такође, можете приказати стрелице за навигацију. [Демо]
3Д Цубе Таббед Интерфаце [Демо]
Модули Табс за ЕС6 [Демо]
Вариабле Хеигхтс витх ЦСС Табс [Демо]
Табс Материал Десигн - Дизајн материјала инспириран дизајном материјала који је направљен користећи Ванилла ЈаваСцрипт. То је једноставан за употребу и прилагодљив. Међутим, не садржи напредне опције. [Демо]
Аниматед ЦСС Табс - Анимиране ЦСС картице су ЦСС-табс систем који вам омогућава да креирате једноставне, лагане картице. За разлику од Табби или ВеллТаббер, то не нуди напредну конфигурацију. [Демо]
пуреТабс [Демо]
Ванилла ЈаваСцрипт Аццессибле Табс [Демо]
Сцифи-стиле Аниматед Табс [Демо]
Пуре ЦСС Боотстрап Адаптиве Табс - Боотстрап-инспиред таб систем изграђен користећи само ЦСС и без ЈаваСцрипт-а. Која јединствена карактеристика доноси табови који се налазе на екрану се премештају у падајућу листу. [Демо]
Фолдабле Таб Бар - Виџет картица заснован на чистом ЦСС3 и без ЈаваСцрипта, као што су различити додаци на овој листи. Оно што га чини интересантним је то што његови табулатори имају а лијеп изглед склопивог пријелаза. [Демо]
Авесоме ЦСС Аниматед Табс [Демо]
ЈаваСцрипт Табифиер - Напредни додатак за картицу направљен само са ЈаваСцрипт-ом. Омогућава вам да подесите подразумевану картицу, динамички промените картицу и адд онЛоад и онЦлицк функције повратног позива. [Демо]
Скелетон Табс [Демо]
Табтастиц - Табтастиц је једноставан додатак за имплементацију картица помоћу ЦСС-а и ЈС-а. То користи семантичку ознаку, доступна је читачима екрана, и подржава угњеждене картице на страници. [Демо]
ЦСС3 & јКуери Фолдер Табс - Овај једноставан водич (са кодом за преузимање) дели око тога креирање картица у фасцикли користећи ЦСС3 и јКуери. Подсећа ме на картице приказане у прегледачима као што је Гоогле Цхроме. [Демо]
Садржај са картицама [Демо]
Навигацијске картице једнаке ширине - Исјечак кода који приказује употребу обичног ЦСС-а за израду навигацијских картица једнаке ширине. Можете прилагодите изглед, али не нуди напредне опције из кутије. [Демо]
Садржај са картицама са јКуери & ЦСС [Демо]
Твиттер Чаробњак за покретање - Твиттер Боотстрап Визард је чаробњак за израду чаробњака са таббабилном структуром. Примијетио сам да можете направити само табове скривањем или уклањањем сљедећег и претходног гумба. [Демо]
Пуре ЦСС Табс [Демо]
Респонсиве ЦСС Табс [Демо]
Јуст Анотхер ЦСС Табс - Прелепо израђена структура картица направљена само са ЦСС-ом, који ради на модерним претраживачима. Међутим, за разлику од неколико моћних додатака који су горе наведени, нема напредних опција. [Демо]
Респонсиве Аццордион то Табс - Респонсиве Аццордион то Табс, као што име сугерише, ради као хармоника или табулатори на основу ширине екрана. То приказује картице ако је могуће још хармоника ако је величина мала. [Демо]
ЦардТабс - ЦардТабс је ултра-лигхт табс плугин базиран на јКуери, која долази са више тема. Такође можете креирати нове теме и динамички подесити активну картицу. [Демо]
Ариа Табс [Демо]
Минимал & Секи Табс - Прекрасан исјечак нових картица доступно у две боје - светло и тамно. Направљен је користећи јКуери, тако да није тако лаган као неки други додаци наведени горе. [Демо]
Картични видгет [Демо]
Адаптиве Табс - Адаптиве Табс је једноставна, лепа исечак картица. Осим модерног дизајна, он нема више таквих функција које су доступне у неколико напредних додатака. [Демо]
Таб стабла стабла [Демо]
Табулоус.јс [Демо]
јКуери Табс - јКуери Табс је једноставан додатак за креирање картица. Као што и само име каже, јесте изграђена помоћу јКуери, за разлику од неких горе наведених додатака који су направљени са чистим ЦСС-ом или ЈаваСцрипт-ом. [Демо]
јКуери рТабс [Демо]
Напомена уредника: Овај пост је првобитно објављен у јуну 2008. и ажуриран је у априлу 2018. године на основу новог садржаја.