Почетна » Веб дизајн » Прилагођавање трендова, алата и оквира за Боотстрап Лаиоутс

    Прилагођавање трендова, алата и оквира за Боотстрап Лаиоутс

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

    У овом чланку бих желео да поделим неколико ових ресурсима и најбољим праксама за програмере који желе да иду даље уз Боотстрап.

    Све ресурси у овом посту су бесплатни, тако да их можете користити како год желите. Чак и ако никада нисте користили Боотстрап, сигурно ћете пронаћи нешто што ће вам помоћи да почнете.

    Рестилинг са Боотстрап

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

    Али, можете и ви рестиле ове елементе сами користити Боотстрап-ов код као основу за ваш распоред.

    Постоје неколико различитих начина можеш ти то:

    • Додајте сопствену листу стилова да бисте пребрисали подразумевану вредност.
    • Прилагодите БоотСтрап излаз, тако да добијате само оне елементе које желите.
    • Комбинујте са додацима и додатцима / темама.

    Та последња опција је најчешћа и то је један од разлога зашто је Боотстрап тако брзо порастао.

    Наравно, и ја сам њихов велики фан цустомизе тоол јер је потпуно слободан и даје вам толико контроле које функције желите да користите.

    Постоји много ресурса за БоотСтрап 3/4, које су креирали други произвођачи, тако да је лакше него икад креирајте сопствене јединствене БоотСтрап распореде без пуно писања кода.

    Додаци и додаци

    Пошто Боотстрап долази са масивном ЈаваСцрипт библиотеком, довољно је лако проширите ЈаваСцрипт функције. И програмери су то свакако учинили са сопственим додатцима, многи су објављени бесплатно на интернету.

    То су сви моји фаворити Подржавајте Боотстрап на природан начин. Многи од њих трчање на јКуери, тако да их је лако прилагодити ако знате свој пут око јКуери библиотеке.

    Валидатор форме

    Прво је моја омиљена формулар за валидацију образаца, Форм Валидатор. Покреће се на јКуери и подржава читаву гомилу фронтенд оквира: Боотстрап, Фоундатион, Пуре, УИКит и друге.

    Можете ручно додајте било који број од 51 валидатора на било који облик на вашем сајту. То значи да ће посетиоци морати да испуне те захтеве за валидацију пре него што могу да пошаљу садржај.

    Многе контактне форме користе ове валидаторе захтевају радне адресе е-поште. Али, можете их користити и за отпремање слика, или за лозинке, скоро све што ваше Боотстрап-срце жели.

    Датетиме пицкер

    Комисионери такодје су и велики проблеми да се кодирате. Многи обрасци користе само падајуће меније за поставке дан / месец / година, али можете и користити Додатак за одабир датума за покретање да спасеш гњаважу.

    То је потпуно отворени извор ради на Боотстрап 3.к библиотеци. Такође ћете то приметити подржава оба датума и време користећи други јКуери плугин, Момент.јс.

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

    Оцене звезда

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

    Када корисник лебди изнад ових звезда, приказ се мења у зависности од рејтинга на основу позиције курсора. Затим, једним кликом, корисник баца свој глас и поставља оцену, укључујући и оцену од пола звездице.

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

    ВАТабле

    Боотстрап долази са својим сопствени стил изгледа стола за приказ табеларних података на сучељу. Али, са ВАТабле плугин, можете додати читаву гомилу додатних функција на ваше Боотстрап столове.

    Ово је један од најдетаљнијих јКуери додатака, а ово су само неке од функција које можете додати:

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

    ВАТабле је описан као а Швајцарски војни нож чепова за столове и морам да се сложим са овим описом. Чињеница да подржава Боотстрап је само шлаг на торти.

    Ово су неки од мојих омиљених додатака, али има их много. На овој страници можете прегледати још више ако сте радознали.

    Боотстрап фрамеворк

    Боотстрап је заправо велики оквир јер омогућава корисницима прилагодите подразумеване ХТМЛ и ЦСС стилове са неколико часова.

    Међутим, програмери су преузели подразумевану библиотеку БоотСтрап и додали своје сопствене стилове да би створили још веће оквире раде као теме, тако да не морате да рестилујете Боотстрап од нуле.

    Срећом, сви су слободни и сви се покрећу на подразумеваним класама БоотСтрап-а.

    Боотфлат

    Можда је најпознатији БоотСтрап оквир Боотфлат УИ то следи тренд равног дизајна.

    Ради са све подразумеване Боотстрап функције, укључујући све ЈаваСцрипт компоненте. Главне разлике су више у дизајн и структура где елементи странице користе равне колор шеме да би се удаљили од стилова градијента Боотстрап-а.

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

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

    Гет Схит Доне

    Ово изненађујуће тупи УИ кит такође се гради на врху Боотстрап 3 библиотеке и бесплатно је објављена на ГитХубу.

    Гет Схит Доне долази из тима у Цреативе Тим-у гдје продају неколико врхунских ресурса. Овај специфичан УИ комплет има про верзију, али то уопште није потребно.

    Верзија са отвореним кодом има више него довољно за све и можете погледати ливе демо да бисте видели како изгледа у прегледачу.

    Дизајн материјала за покретање

    Још један популаран тренд дизајна је Дизајн Гоогле материјала. Ово је језик дизајна који је првобитно направљен за дизајнере Андроид апликација, али је од тада проширио на мрежу и добила је велику подршку од УИ / УКС дизајнера.

    Овај невероватни Боотстрап материјални оквир користи карактеристике дизајна материјала направите стил прилагођеног дизајна из Боотстрапове библиотеке.

    Подразумевано је подржава све у БоотСтрап 3 и тренутно се прерађује тако да подржава и Боотстрап 4. Можете сазнати више на званичној почетној страници која има документацију и демо верзије.

    Сличну библиотеку можете пробати МДБоотстрап, иако ми је ово мало теже радити.

    Боотплус

    Гоогле је створио језик дизајна материјала, али они такођер имају своје стилове за многе од својих алата и веб апликација.

    Боотплус опонаша стил интерфејса Гоогле+, заједно са многим Гооглеовим документима за помоћ, Гоогле диском и сличним веб апликацијама. Има све исте функције као и Боотстрап, укључујући решетке, стилове распореда, стилове елемената и ЈаваСцрипт компоненте.

    Можете чак и прегледати демо на сајту да бисте видели разлике између Боотплуса и оригиналног корисничког интерфејса Боотстрап-а. За бесплатан ресурс, Боотплус је опсежан и савршен је за свакога ко воли Гооглеове технике дизајна.

    Алати и ресурси

    На крају, желим да зароним у многе бесплатне алате прилагођавање и изградња Боотстрап изгледа.

    Ови алати су све веб апликације и многе од њих су чак отворене на ГитХубу. Направљени су да вам уштеде време и помогну вам да дизајнирате невероватне Боотстрап изгледе без много кода.

    Ливе едитор

    Слободан Боотстрап ливе едитор је један од најбољих алата за не-техничке дизајнере. Ако не знате како да кодирате, још увек можете да се ослоните на ову алатку Боотстрап да бисте креирали цео распоред од нуле.

    То ради право у вашем прегледнику а можете чак и да изаберете већ припремљене предлошке да бисте почели.

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

    Када завршите, клик “Гет тхеме” и можете копирати / залијепити ажуриране ЦСС стилове у свој пројект. Супер једноставан начин за рестиле Боотстрап без потребе да рекодирате све од нуле.

    Форм буилдер

    Тхис фрее Градитељ образаца за покретање је алатка за прегледач повлачењем и испуштањем који вам омогућава да креирате Боотстрап обрасце од нуле.

    Поново захтева знање о нултом кодирању и имате потпуни приступ свим Боотстрап 3 елементима. Само изаберите елеменат који желите и превуците га право у кутију са леве стране. Одавде, можете променити све, од текста резервисаног до ЦСС класе.

    Далеко најзгоднији градитељ форми које сам икада видио и 100% је бесплатан!

    БоотСватцхр

    Још један бесплатан алат који ми се стварно свиђа БоотСватцхр. Она се ослања на Боотстрап оквир и дозвољава вам ажурирајте боје, стилове тема, анд тхе укупни изглед странице.

    Оно што ми се свиђа у овој апликацији је како и она долази са бесплатна галерија унапред дизајнираних стилова.

    Дакле, можете преузети дизајн који већ неко други или га можете користити као почетну тачку за прилагођавање сопствене теме.

    Напредовати

    Боотстрап је све популарнији, тако да је сада најбоље време уронити у овај оквир. Срећом, постоје десетине додатака, оквира и бесплатних алата које можете користити да убрзате процес.

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