Почетна » УИ / УКС » Направите брзе распореде зидних зидова са Брицкс.јс

    Направите брзе распореде зидних зидова са Брицкс.јс

    Увек је било прилично једноставно креирајте решетке са јКуери, користећи додатке и бесплатне туторијале од програмера.

    Међутим, зидане решетке су теже за изградњу, будући да су не уклапајте се равномјерно по страници. Имат ћете ширину фиксне величине за ступце, али висина артикла може варирати.

    Направити Савршена решетка за зидање потребан вам је додатак као што је Брицкс.јс.

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

    Већина људи препознаје решетке за зидање од Пинтерест-а јер су популаризовале изглед. Али од тада је одрастао користи на многим другим веб сајтовима, такође.

    Да бисте почели са Брицкс.јс, биће вам потребно неки садржај и а дефаулт паге лаиоут. Инсталирајте плугин десно од нпм или преко ГитХуб ако је то лакше.

    Приликом почетног подешавања, пролазите три специфична параметра:

    1. Контејнер - а ДОМ контејнерски елемент за мрежу
    2. Пацкед - ан аттрибуте која одређује како се ставке крећу у мрежи
    3. Величине - ан низ ширина и олука, дефинисано у пикселима

    Додатак користи све ове вредности за аутоматизацију зидане мреже од нуле.

    И можете чак и користите га за бесконачно оптерећење ако желите зидне мреже које раде као Пинтерест.

    Погледајте демо страницу за интерацтиве грид које можете промијенити за тестирање. ти дефинисати укупан број елемената и аутоматизоваће процес док приказује укупно време приказивања.

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

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