Что вы думаете об этом?

В чем преимущества Bootstrap?

-> Bootstrap прост в использовании, и любой, кто имеет базовые знания HTML и CSS, может начать работу.

-> Функции, которые адаптируются к телефонам, планшетам и настольным компьютерам: отзывчивый CSS Bootstrap адаптируется к телефонам, планшетам и настольным компьютерам.

-> Стратегия, ориентированная на мобильные устройства: стили, ориентированные на мобильные устрой.

-> Bootstrap 4 совместим со всеми современными браузерами, включая Chrome, Firefox, Internet Explorer 10+, Edge, Safari și Opera.

Что вы знаете о системе сеток Bootstrap?

Bootstrap Grid System - это адаптивная сеточная система, ориентированная на мобильные устройства, которая масштабируется до 12 столбцов по мере увеличения размера устройства или области просмотра. В систему включены предопределенные классы для быстрых опций макета и мощные смеси для создания успешных семантических макетов.

В сеточной системе Bootstrap 4 есть пять классов:

.col - для сверхмалых устройств, ширина экрана которых меньше 576 пикселей.

.col-sm - маленькие устройства с шириной экрана не менее 576 пикселей.

.col-md - устройства среднего размера, ширина экрана которых не менее 768 пикселей.

.col-lg - большие устройства с шириной экрана не менее 992 пикселей.
.col-xl - сверхбольшие устройства с шириной экрана не менее 1200 пикселей.

Перечисленные выше классы можно комбинировать для создания более динамичных и адаптируемых макетов.

Что вы думаете об этом?

В чем разница между Bootstrap 4 и Bootstrap 5?

Как вам такая анимация?

​Стремный факт: 90% фрилансеров не зарабатывают на фриланс биржах достаточно денег, что бы закрыть свои базовые потребности, не говоря уже о путешествиях и остальном.

Еще более стремный факт: Подавляющее количество новичков, прошедших обучение на веб дизайнера, верстальщика, программиста в первый год не заработают ни копейки денег, просто потому что зарабатывать никто не учит.

Но решение есть. Что бы его узнать и быть всегда в курсе новых нюансов, достаточно подписаться на канал Внеконкурентный Подход

На канале рассказывается, как зарабатывать на веб разработке ПОЛНОГО ЦИКЛА.

— Без фриланс бирж
— Без работодателей
— Без необходимости круглые сутки прожигать глаза возле монитора

Подпишитесь и будьте в курсе, а фриланс оставьте тем, у кого есть на это время и нервы.

Ваше мнение?

Думаю я стану дизайнером🤔

Позиционируйте быстро

Вы знакомы со свойством вставки CSS?

Это сокращенный вариант для знакомой top, left, rightи bottom. По аналогии с коротким синтаксисом marginсвойства or paddingвы можете установить все смещения для элемента в одной строке.

Использование короткого синтаксиса полезно для уменьшения размера файла CSS, и таким образом код выглядит чище. Однако не забывайте, что inset - это логическое свойство, оно учитывает направление электронной почты. Другими словами, если ваш сайт использует язык с направлением rtl, то левый будет правым и наоборот.

Запретить вставку текста

Вы можете запретить пользователю вставлять скопированный откуда-то текст в поля ввода (хорошо подумайте, стоит ли оно того). Это очень легко сделать, отслеживая событие pasteи вызывая его метод preventDefault().