Флекбок Паттернс Тхе Ултимате ЦСС Флекбок Цоде Либрари

Најновије ЦСС флекбок својство је радикално променило начин на који програмери стварају интерфејсе. Нема више флоатс и ЦСС хакова да би изгледи савршено поравнати. Нема више бриге о прилагођеним техникама прилагођавања за руковање вишестепеним распоредом.

Али иако флекбок решава многе проблеме, такође је компликовано учити. Да би вам помогао да почнете, постоји нова онлине библиотека под називом Флекбок Паттернс која каталогизира многе различите елементе флекбок-а у једну централну локацију.

Ова библиотека је потпуно слободна за коришћење и отворена је на ГитХубу. Сви примјери могу бити преузете локално преко НПМ-а или преко ГитХуб. Али можете и да прегледате примере преко веб-сајта да бисте копирали и налепили кодове по потреби.

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

Узмите, на пример, демо заглавље странице помоћу флекбок-а да бисте поравнали све елементе у врху навигационе траке.

Обично би ово захтевало плутања и класе цлеарфик-а да би се све исправило исправно.

Са флекбок-ом можете све држати у једном контејнеру користећи дисплаи: флек својство. Овако можете дефинисати како елементи треба да буду у интеракцији међусобно и како се флекбок треба да раде на мањим екранима.

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

Ако сте потпуно нови у флекбоку онда свакако погледајте Флекбок Паттернс. Сајт вас неће научити свим основама флекбок-а, али ће понудити примјере из стварног свијета с којима се можете бринути за властите веб пројекте.