Направите прилагодљиве виџете са картицама помоћу ГридТаб-а

Увек је лакше градити веб странице користећи алати отвореног кода радије него да поново откријемо точак. Ови алати се крећу од библиотека до мањих додатака, али можете наћи решење за све.

Тхе пхеноменал јКуери ГридТаб плугин је један добар пример. То вам омогућава поставите прилагођену мрежу, дефинишите тачке прекида, и креирајте одговарајући виџет са картицама која одговара сваком веб сајту.

Можете да додате своје ЦСС класе или да радите са постојећим да бисте креирали функцију картице која одговара вашем дизајну. Овај додатак такође подржава навигациони елементи за наредне / претходне контроле и пребацивање између картица.

Инсталација је повјетарац и захтијева само јКуери библиотека као зависност. Када је инсталиран, можете преузети ГридТаб од нпм или га преузети директно из ГитХуб-а.

Имајте на уму да овај додатак за картице са картицама има а дефаулт стиле, тако да има засебни ЦСС стилесхеет на врху датотеке додатка ЈС. Али, увек можете да спојите овај ЦСС у сопствени да бисте смањили ХТТП захтеве.

Да бисте иницирали плугин, једноставно прослиједите укупна величина мреже упоредо са било који опциони параметар (све наведено на ГитХубу).

Ево једноставног иницијализациони скрипт:

 $ (доцумент) .реади (фунцтион () $ ('# гридтаб-1'). гридтаб (грид: 3);); 

Поставке укључују цустом селецторс, респонсиве стилес, границе / подешавања / боје, и наравно, а цаллбацк фунцтион.

Можда ћете знати да видите како све ово функционише и како изгледа у вашем претраживачу. Проверите “Демос” да видите а неколико примјера, укључујући изворни изворни код можете копирати.

Већина људи сматра табулаторе карактеристикама за мале виџете профила. Међутим, портфолио вебситес такође могу користити решетке са картицама и ГридТаб плугин је најбољи извор за забијање овог ефекта.

Све што треба да знате, укључујући фулл доцументатион, може се наћи на главној ГридТаб страници. Ово такође укључује везу до ГитХуб репо-а тако да можете претраживати извор и почети да прилагођавате сопствене решетке са картицама.