7 нових функција на које треба обратити пажњу у Боотстрапу 5

7 нових функција на које треба обратити пажњу у Боотстрапу 5

Боотстрап 5 је дошао са великим променама, укључујући пад подршке за Интернет Екплорер (ИЕ) и зависности од јКуери. Боотстрап, који је развио Твиттер, најпопуларнији је светски ЦСС оквир. Оквир корисничког интерфејса отвореног кода гледа на позиционирање у будућности, и то је учинило да направи револуционарне промене у в5.





Боотстрапов пад за ИЕ учинио га је првим алатом за веб развој који је ово урадио. Тај потез долази јер се тржишни удео Интернет Екплорера наставља смањивати, чинећи мање од 3% свих веб прегледача.





Читајте даље да бисте видели која су још побољшања направљена у Боотстрапу и како она утичу на вас.





1. Подршка за јКуери

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

У ствари, увођење јКуери -а је радикално променило начин на који се ЈаваСцрипт користи. Поједноставио је писање задатака у ЈаваСцрипт -у који би иначе заузео много редова кода.



Повезан: Научите како да креирате елемент у јКуери -ју

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





Величина изворне датотеке постала је мања за 85 КБ умањеног ЈаваСцрипта, а то је кључно јер Гоогле сматра време учитавања страница за мобилне сајтове фактором рангирања.

Колико год употреба јКуери -ја више није потребна у Боотстрапу 5, и даље га можете користити ако желите. Такође је вредно напоменути да су сви ЈаваСцрипт додаци и даље доступни.





2. ЦСС прилагођена својства

Испуштањем подршке за Интернет Екплорер, могу се користити прилагођена својства ЦСС -а (променљиве). ИЕ не подржава прилагођена својства - само један разлог зашто је дуго задржавао веб програмере.

ЦСС прилагођена својства чине ЦСС флексибилнијим и програмабилнијим. ЦСС променљиве имају префикс са -бс за спречавање сукоба са ЦСС -ом треће стране.

Доступне су две врсте променљивих: променљиве корена и променљиве компоненти.

Коренским променљивим се може приступити где год се учитава Боотстрап ЦСС. Ове променљиве се налазе у _роот.сцсс датотеку и део су компајлираних дист датотека.

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

3. Побољшани систем мреже

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

  • Класа олука ( .децаци ) замењен је услужним програмом ( .г* ) слично маргини и паддингу
  • Обухваћене су и класе вертикалног размака
  • Колоне више нису подразумеване положај: релативан

4. Побољшана документација

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

Сада постоји већа флексибилност за прилагођавање тема тако да немају све веб локације или апликације исту сличност. В4 тематска страница је заправо проширена са више садржаја и исечака кода за надоградњу на датотекама Сасс (популарни ЦСС предпроцесор). Почетни нпм пројекат можете пронаћи и на ГитХуб платформи која је доступна као спремиште шаблона.

Палета боја је такође проширена у верзији 5. Проширени уграђени систем боја подразумева да можете лако стилизовати своје боје без напуштања базе кодова. Такође је учињено више на побољшању контраста боја, укључујући и додавање параметара контраста боја у Боотстрап документима о боји.

5. Побољшане контроле образаца

Боотстрап је побољшао контроле облика, групе уноса и још много тога.

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

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

6. Боотстрап 5 додаје АПИ помоћних програма

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

Услужни програми добијају на замаху у развојној заједници и тим за покретање је то приметио. Тим је раније додао глобалне услуге за услужне програме в4 $ енабле-* класе. У в5, променили су се у АПИ приступ и нови језик и синтаксу у Сасс -у. Ово ће вам дати моћ да креирате нове услужне програме, а да и даље будете у могућности да уклоните или измените дате подразумеване вредности.

Као начин за бољу организацију, неки услужни програми из в4 су премештени у одељак Помоћници.

7. Нова библиотека икона за покретање

Боотстрап се сада може похвалити сопственом библиотеком икона отвореног кода СВГ са преко 1.300 икона. Прилагођен је компонентама оквира, али и даље можете радити с њима на било којем пројекту.

С обзиром да су то СВГ слике, могу се брзо скалирати и могу се имплементирати на много начина, а такође и стилизовати помоћу ЦСС -а.

Иконе можете инсталирати помоћу надморске висине:

$ npm i bootstrap-icons

Инсталирајте Боотстрап 5

Можете ићи на Боотстрап 5 званична страница за преузимање ако желите да га инсталирате. Ако желите да будете у току са најновијим развојним издањем, можете га користити надморске висине да га повучем:

$ npm i bootstrap@next

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

Објави Објави Твеет Емаил Увод у веб компоненте и архитектуру засновану на компонентама

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

Прочитајте следеће
Повезане теме
  • Програмирање
  • Веб Девелопмент
  • ЈаваСцрипт
  • ЦСС
О аутору Јероме Давидсон(22 објављена чланка)

Јероме је писац особља на МакеУсеОф -у. Он покрива чланке о програмирању и Линуку. Он је такође ентузијаст за крипто и увек прати крипто индустрију.

Више од Јеромеа Давидсона

Претплатите се на наш билтен

Придружите се нашем билтену за техничке савете, критике, бесплатне е -књиге и ексклузивне понуде!

како могу да знам да ли ме је неко блокирао на фејсбуку
Кликните овде да бисте се претплатили