В этой записи, я покажу как можно показать мобильное меню .navbar
от Bootstrap раньше, чем оно показывается по умолчанию.
Читать далее…
Рубрика: CSS
Sass цвета: используем функции помощники
Sass — это удобный инструмент, которым должен уметь пользоваться любой разработчик для написания стилей сайта. В этой записи, я покажу вам разные функции помощники в Sass о которых вы возможно не знали, но они могут пригодиться.
Читать далее…
Sass mixin для конвертации цвета из HEX в RGBa (прозрачный)
В этой записи пойдет речь о том как сделать из конвертировать HEX формат в RGBa в Sass. Иными словами: с обычного цвета, на подобии #000000
(черный), в rgba(0, 0, 0, .5)
(на половину прозрачный черный).
Читать далее…
Как добавить кавычки в CSS для псевдоклассов (::before/::after)
В последнее врем в разработке стали часто использоваться псевдоклассны ::before
и ::after
. Я, сам лично, часто использую их как помощников для дополнительного оформлению элементов на странице.
Читать далее…
Варианты урезания строк в CSS/JavaScript
На любом сайте есть блоки, которые ограничены в ширине и иногда важно, чтобы какая-либо строка не переходила на вторую строчку при излишней длине. В CSS есть свойства, которые позволяют урезать текст до нужного размера. В этой записи я покажу два способов, один из них будет с использованием JavaScript.
Читать далее…
Как сделать плавный скролл на iOS с помощью CSS
Я не смогу вам показать демо, которые покажет суть проблемы, но постараюсь максимально описать её, а так же показать решение.
Читать далее…
Как исправить горизонтальный скролл на сайте
Верстальщики во время разработки сайта как правила сталкиваются с проблемой горизонтального скролла. В чем проблема? Откуда он появился? И как это исправить? Именно об этой и пойдет речь в этой записи.
Читать далее…
Кроссбраузерная блочная grid-система с CSS
В этом снипете я хочу поделиться с вами CSS стилями, которые позволят вам сделать блочную структуру правильным образом, вне зависимости от высоты и ширины блоков.
Читать далее…
Как сделать эффект убывания для элемента с CSS?
В этой записи, я расскажу как сделать CSS градиент убывания элемента на странице.
Читать далее…
Bootstrap: Форма в модальном окне на HTML, CSS и jQuery
В этой записи я хочу поделиться собственной наработкой модального окна. Внутри него, я добавлю форму с использованием стилей из bootstrap.
Читать далее…