Блог

Вертикальное выравнивание текста или картинок внутри ячейки flexbox

26.12.2018 16:56:16

При использовании flexbox некоторые привычные методы, например, выравнивание элементов по центру внутри flex блока, работаю по другому.

Ниже пример выравнивания текста по вертикали в flexbox

Категории: HTML, CSS

Динамический бэкграунд (частицы/кривые)

13.11.2018 11:00:46

Интересная библиотека, например, для интерактивного бэкграунда.

Сайт разработчика VincentGarreau/particles.js

Живое Demo

Категории: JavaScript, HTML, CSS

Пометки: Постоянно изменяющиеся частицы, рисование на канве, конвас, canvas

Выравнивание картинки по центру блока.

17.08.2018 22:07:02

Нужно было разместить картинку по центру блока, размер самого изображения может быть разным.

Категории: HTML, CSS

Как изменить цвет SVG картинки в CSS

14.08.2018 04:43:41

Коротко о том, как вставить на страницу SVG изображение и изменить его цвет через CSS.

Категории: HTML, CSS

Использование нестандартного шрифта на сайте

27.07.2018 16:05:59

Как изменить шрифт текста сайта на свой.

Категории: CSS

Интересный шрифт

30.04.2018 10:53:56

Интересный шрифт, в рукописной стилистике.

 
/* cyrillic */
@font-face {
  font-family: 'Neucha';
  font-style: normal;
  font-weight: 400;
  src: local('Neucha'), url(https://fonts.gstatic.com/s/neucha/v9/kfCpWUYjzqqtPFESHGr73_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Neucha';
  font-style: normal;
  font-weight: 400;
  src: local('Neucha'), url(https://fonts.gstatic.com/s/neucha/v9/irvP3TB0tsoy_UMHmCQlTw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

Нашел на сайте

Категории: HTML, CSS, -Памятка-