Что такое на флексе и на блексе
Флексить — что это значит и что такое флекс
Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Помните, как в 2000-х годах родители и учителя недоумевали от фраз «рубиться в Контру», «ржунимагу», «аффтар, выпей яду»?
Спустя два десятка лет молодежный сленг сильно изменился, и сейчас подростки 2000-х испытывают неловкое чувство, когда общаются с нынешними тинейджерами.
Уверен, вы слегка округлите глаза, услышав новомодное слово «флекс». Давайте разберемся, что оно значит и в каких случаях используется.
Флексить — что это?
Слово «флексить» пришло к нам из английского языка. Образовано оно от слова «flexible», которое в переводе означает «гибкий». Впоследствии в английском языке появился глагол «to flex», обозначающий «сгибать, шевелить, изгибать».
Изначально это слово использовалось подростками во время разговоров о клубных развлечениях, так как на дискотеках и концертах принято ритмично двигаться и изгибаться под музыку или бит.
При помощи такого выражения, как «Покажи, как ты флексишь», можно попросить друга продемонстрировать его танцевальные навыки, а если вы хотите пригласить приятеля на концерт любимого рэп-исполнителя, скажите ему «Пойдем вместе пофлексим».
Это слово используется рэперами и часто его можно встретить в репертуаре Ice Cube и Ghetto Boys.
Выражение «делаем флекс» также может означать «качаемся под ритм музыки на концерте рэп-исполнителя». Часто рэперы не прочь задрать футболку и поиграть мускулами на публике, хвастаясь совершенным торсом (флексят).
Но не спешите радоваться, ведь вы пока еще не до конца знаете, что значит флексить. Позже у этого слова появились и другие обозначения.
Сегодня флексить – это то же самое, что и хвастаться, выпендриваться и «понтоваться».
Объяснение простое: отправляясь в клубы, подростки рассчитывают не только потанцевать, но и произвести впечатление на других при помощи модной одежды, аксессуаров. Демонстрация своего превосходства в материальном плане также сюда входит.
Флексом обозначают обыкновенное хвастовство, когда тинейджер рассказывает истории (иногда неправдивые), чтобы произвести впечатление на сверстников, попытаться показаться лучше, чем он есть на самом деле.
Под этим «термином» могут выступать амбициозные планы на будущее и цели — в общем, любое действие, подразумевающее собой выпендреж.
В некоторых кругах флексить — значит, смеяться с друзьями, «угорать» над конкретным человеком или ситуацией.
Например, вы услышите фразу «Вот это ты флексишь!», когда рассказываете смешную историю из жизни. В этом контексте сленговое слово используется редко, однако для общего развития знать и об этом его значении не будет лишним.
Суммируя все вышесказанное, еще раз упомянем все значения слова. Итак, флекс — это:
Что такое низкий флекс
Вроде бы разобрались, что такое флекс. Но и это еще не все. Пытаясь говорить на одном языке с подростками и демонстрируя, насколько хорошо вам удалось познать молодежный сленг, вы можете столкнуться с очередной трудностью: в кругах тинеджеров также популярно выражение «низкий флекс». И у него тоже есть несколько значений.
Первое из них — это плохо выглядеть, недостаточно стильно, не выигрышно на фоне своих друзей и знакомых. Если слово адресовано конкретному человеку, это значит, что он небогат, одет немногим лучше бездомного, не производит должного впечатления на окружающих.
Низкий флекс — это также танцевальный элемент у рэперов, представляющее собой кружение у пола. И хотя это сложное движение, выполнить которое под силу будет не каждому, в переносном смысле термин приобретает резко негативный оттенок.
Теперь вы знаете, что такое флексить и можете продемонстрировать полученные знания в разговоре с молодым поколением или сверстниками, если вы сами являетесь подростком. Также предлагаем посмотреть короткое видео на эту тему с подробными разъяснениями.
Будьте в тренде (что это?), удачи и до скорой встречи на страницах блога KtoNaNovenkogo.ru.
Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru
Эта статья относится к рубрикам:
Комментарии и отзывы (6)
Испытал нереальный кринж от прочитанной статьи. Из-за низкофлексовых старпёров у меня произошел троллинг. Автор чиллил, а не писал статью
Иногда удивляешься с этого жаргона. Так и русские слова скоро будут вводить в ступор. Кого ни спроси — Все лютые патриоты.
А на деле Америкосовских фраз уже словарь можно издать. Рад что эту беспонтовую эпоху в жизни пережил. Теперь в переводе с Вашего я ОЛД)) Но, я так доволен
Я устала пока читала
не стоит забывать о высоком флексе, друзья, производное от «to be high», «high flexin» по сути флекс под веществами.
Давно не являюсь подростком, но перед этим поколением тоже хочется понты кинуть, типа я с ними на одной волне, а то они тех, кому за тридцать, уже старперами считают, а я то хоть и в возрасте, но душой ещё весьма молод.
В чём разница вёрстки на флексах и блочно?
Простой 4 комментария
Почитайте лучше. Как по стилям, так и по кроссбраузерности (IE11+).
Безусловно, это разные инструменты для разного. Вы описали использование конкретно для построения layout’ов. И тут flex’ы гораздо лучше.
Посмотрите создание блока с несколькими колонками на flex и потом на float. Посмотрите на создание блока с колонками одинаковой высоты по высоте колонки с большим количеством контента. Посмотрите, как выровнять контент внутри блока на float, а потом на то, как та же задача делается на flex и сколько у неё доп. опций.
И все вопросы отпадут, что использовать в 2019-м году. Ну и куча моментов, которые я не осветил.
Благодаря flex можно выходить из сложных ситуаций всего в двух строчках, да и семантически не очень понятно почему свойство float используется для позиционирования блоков.
Раньше в верстке не было таких задач как сейчас, а если и были, то из них выходили самыми изощренными способами. Позже, благодаря эволюционным процессам пришли флексы, а сейчас приходят CSS Grid.
Ответ прост, флексы лучше потому что проще и современнее.
А на счет кроссбраузерности проблем не должно возникнуть:
Поддержка Flexbox
Стаханов
информационный городской портал
Флексить — что это значит и что такое флекс
Здравствуйте, уважаемые читатели. Помните, как в 2000-х годах родители и учителя недоумевали от фраз «рубиться в Контру», «ржунимагу», «аффтар, выпей яду»?
Спустя два десятка лет молодежный сленг сильно изменился, и сейчас подростки 2000-х испытывают неловкое чувство, когда общаются с нынешними тинейджерами.
Уверен, вы слегка округлите глаза, услышав новомодное слово «флекс». Давайте разберемся, что оно значит и в каких случаях используется.
Флексить — что это?
Слово «флексить» пришло к нам из английского языка. Образовано оно от слова «flexible», которое в переводе означает «гибкий». Впоследствии в английском языке появился глагол «to flex», обозначающий «сгибать, шевелить, изгибать».
Изначально это слово использовалось подростками во время разговоров о клубных развлечениях, так как на дискотеках и концертах принято ритмично двигаться и изгибаться под музыку или бит.
При помощи такого выражения, как «Покажи, как ты флексишь», можно попросить друга продемонстрировать его танцевальные навыки, а если вы хотите пригласить приятеля на концерт любимого рэп-исполнителя, скажите ему «Пойдем вместе пофлексим».
Это слово используется рэперами и часто его можно встретить в репертуаре Ice Cube и Ghetto Boys.
Выражение «делаем флекс» также может означать «качаемся под ритм музыки на концерте рэп-исполнителя». Часто рэперы не прочь задрать футболку и поиграть мускулами на публике, хвастаясь совершенным торсом (флексят).
Но не спешите радоваться, ведь вы пока еще не до конца знаете, что значит флексить. Позже у этого слова появились и другие обозначения.
Сегодня флексить – это то же самое, что и хвастаться, выпендриваться и «понтоваться».
Объяснение простое: отправляясь в клубы, подростки рассчитывают не только потанцевать, но и произвести впечатление на других при помощи модной одежды, аксессуаров. Демонстрация своего превосходства в материальном плане также сюда входит.
Флексом обозначают обыкновенное хвастовство, когда тинейджер рассказывает истории (иногда неправдивые), чтобы произвести впечатление на сверстников, попытаться показаться лучше, чем он есть на самом деле.
Под этим «термином» могут выступать амбициозные планы на будущее и цели — в общем, любое действие, подразумевающее собой выпендреж.
В некоторых кругах флексить — значит, смеяться с друзьями, «угорать» над конкретным человеком или ситуацией.
Например, вы услышите фразу «Вот это ты флексишь!», когда рассказываете смешную историю из жизни. В этом контексте сленговое слово используется редко, однако для общего развития знать и об этом его значении не будет лишним.
Суммируя все вышесказанное, еще раз упомянем все значения слова. Итак, флекс — это:
Что такое низкий флекс
Вроде бы разобрались, что такое флекс. Но и это еще не все. Пытаясь говорить на одном языке с подростками и демонстрируя, насколько хорошо вам удалось познать молодежный сленг, вы можете столкнуться с очередной трудностью: в кругах тинеджеров также популярно выражение «низкий флекс». И у него тоже есть несколько значений.
Первое из них — это плохо выглядеть, недостаточно стильно, не выигрышно на фоне своих друзей и знакомых. Если слово адресовано конкретному человеку, это значит, что он небогат, одет немногим лучше бездомного, не производит должного впечатления на окружающих.
Низкий флекс — это также танцевальный элемент у рэперов, представляющее собой кружение у пола. И хотя это сложное движение, выполнить которое под силу будет не каждому, в переносном смысле термин приобретает резко негативный оттенок.
Теперь вы знаете, что такое флексить и можете продемонстрировать полученные знания в разговоре с молодым поколением или сверстниками, если вы сами являетесь подростком.
Когда использовать флексы, а когда гриды
Сеткой или раскладкой обычно называют взаимное расположение крупных визуальных блоков на странице.
Можно мысленно разделить макет на не пересекающиеся друг с другом прямоугольники. Сначала вы получите самые крупные области, потом эти крупные области можно разделить на области поменьше, и так далее до мельчайших прямоугольников, которые выделяют отдельные слова или элементы страницы. Вся страница будет выглядеть как набор вложенных в друг друга прямоугольников, от самых крупных до самых мелких.
Сетка страницы от крупных до мелких прямоугольников
История
Не все верстальщики учились строить сетки веб-интерфейсов сразу на гридах. Некоторые начали верстать тогда, когда специальных инструментов для построения сеток ещё не было и приходилось использовать таблицы или флоаты, хотя их придумали для изъятия элементов из потока. Но когда в 2006 году появилась технология, предназначенная именно для построения сеток, — CSS Flex Layout (флексы) — таблицы и флоаты с этой целью постепенно перестали применять.
На тот момент выбор верстальщиков в пользу флексов был очевиден. Но с появлением в 2011 году ещё одного инструмента — CSS Grid Layout (гридов) — развернулся спор, который до сих пор продолжается. Верстальщики разделились на две категории: одни — за флексы, вторые — за гриды. И те, и другие пытаются обосновать свою позицию и убедить коллег в том, что правы именно они.
Сходства и различия
Масло в огонь подливает то, что гридами и флексами можно решать одни и те же задачи. Например, сделать стики-футер (когда подвал сайта прилипает к нижней части экрана), случайное количество карточек товара или каркас всей страницы.
Одно из преимуществ гридов — зазоры между линиями (gap), но и они перешли уже в общую спецификацию. Теперь gap можно использовать во флексах, что ещё больше добавляет путаницу в выборе CSS-свойства.
Но тем не менее между флексами и гридами есть значимые различия.
Флексы — одномерные. Это значит, что управлять расположением в рядах нельзя.
Пример сетки на флексах
Гриды же двухмерные. То есть можно передвигать элементы между строками и рядами.
Пример сетки на гридах
Например, если верстальщик хочет расположить логотип, навигацию и номер телефона в шапке, то проще будет использовать флексы. Именно проще: гриды тоже могут решить эту задачу, но флексы справятся с ней гораздо быстрее.
Если взять целый сайт, с шапкой, контентной частью и подвалом, то здесь речь будет идти уже о двухмерности интерфейса. И хотя флексами сайт тоже можно сверстать, гриды сделают это эффективнее и надёжнее.
Таким образом, гриды в основном используются для построения сетки всего интерфейса. Флексы же — для расположения элементов внутри сетки.
Гриды — для каркаса сайта, флексы — для контента.
Мы рекомендуем придерживаться именно такого порядка. А по мере работы с этими двумя свойствами вы и сами начнёте чувствовать, в каких случаях та или иная технология подходит больше.
Чтобы быстрее это понять, можно потренироваться на навыках «Построение сеток на флексах» и «Построение сеток на гридах». Навыки покажут все различия между способами построения сеток, помогут отработать оба и уложить это в голове.
Кому нужны флексы
Кому нужны флексы, если на них не делают сайты? — спрашивает наш зритель Алексей. Ну, как не делают, Алексей: 12% сайтов уже используют флексы. А нужны они вам, чтобы было удобнее верстать. Давайте разберёмся.
Флексы, или Flexible Box Layout, с нами аж с 2006 года. Это получается одиннадцать лет! Их тогда внедрили в Mozilla для построения интерфейсов Firefox. Представьте себе, что вы настраиваете панель браузера: кнопочки разбегаются по краям, отталкиваются и ровно встают по горизонтали. Самый настоящий флексбокс. В 2009 году Mozilla предложила добавить эту систему в CSS.
С тех пор много чего случилось: тот самый первый флекс появился в Safari и других браузерах на WebKit. Вторая версия появилась в IE 10 в 2012 году. Флексы в текущем виде, с переносами flex-wrap, стали широко поддерживаться в 2014 году с выходом Firefox 28. Сейчас почти 98% браузеров по миру поддерживают флексбокс хоть какой-то версии. Даже Opera Mini на последнем вздохе движка Presto научилась флексам.
Зачем они вообще нужны? Это первая система раскладки в CSS, которая не хак. Таблицы, флоаты и инлайн-блоки придумали совсем для другого. Представьте три простых примера. Колонки одинаковой резиновой высоты: одна растёт по содержимому, другие идут за ней, что бы ни было. Или горизонтальный блок, внутри элементы распределены равномерно, сколько бы их ни было. Или блок произвольных размеров внутри родителя — ровно по центру.
Знаю, знаю — всё это можно имитировать десятком способов. CSS очень гибкий и кроме флоатов, инлайн-блоков и табличных свойств, можно применять хитрое позиционирование. Сам много лет это имитировал и набил руку на хаках и трюках. Но по-настоящему просто и явно это делает только флекс.
Что это вообще такое? Флекс — это такой контекст форматирования: вы задаёте родителю display: flex и его дети начинают подозрительно хорошо себя вести. Ещё есть старинный контекст display: table, когда блоки прикидываются внутренностями таблицы, и совсем новый — грид, ещё круче флекса. Гриды и флексы имеют кое-что общее и очень ценное.
Мало раскидать резиновые блоки, это можно сделать хоть на флоатах. Нужно ещё сказать, где они начинаются по главной оси, как делят пустое место внутри родителя и как выравниваются поперёк оси — во флексах ведь можно менять её направление. Этими вопросами занимается отдельная спецификация Box Alignment.
Флексы и гриды включают Box Alignment для своих детей и это то, чего нам всем очень не хватало. Когда-нибудь свойства justify-content, align-self, justify-items и другие заработают в других контекстах. Ведь до сих пор самый популярный вопрос по вёрстке — это как выровнять блок по вертикали. Проще всего это сделать на флексах.
Ладно, флексы классные, дайте две. Но почему тогда главные студии страны выпускают сайты для главных компаний страны, где всё по-прежнему на флоатах? А для надёжности иногда даже на таблицах. Варианта здесь два: либо им нужна поддержка IE 9, либо там работают упёртые староверы. У них всё и так работает на флоатах, зачем что-то менять?
Оставим консервативных верстальщиков в покое и разберёмся с браузерной поддержкой. Если вам нужны старые Android 4.3, iOS 6 или Firefox 27, то флексы у вас будут только в одной строке, без переносов: flex-wrap там ещё не работает. Сделать удобный список карточек одинаковой высоты, которые переносятся друг за другом по строкам, не получится.
Про баги отдельно: в старых реализациях с префиксами в Firefox, Safari и IE багов хватает. Но все они более-менее описаны в коллекции Flexbugs Филипа Уолтона. Прежде всего, вам нужно определиться с браузерами, которые вы поддерживаете и может быть вместо старых флексов с префиксами просто отдать им флоаты?
Да, это самое приятное: вы можете сделать простую вёрстку на флоатах или в контексте table, а потом объявить display: flex и сделать ещё лучше для браузеров которые умеют флексы. Сайты не должны выглядеть одинаково во всех браузерах, что бы там ни требовали заказчики. Тем более в старых, где главная задача — сохранить доступное содержимое.
Флоаты придумали чтобы текст обтекал картинку и нашей вёрстке давно пора перестать куда-то плыть. Мы тоже переводим программу интенсивов HTML Академии на флексы — и вам рекомендуем. Уже можно.