Size: a a a

HTML/CSS — русскоговорящее сообщество

2021 February 16

ap

alex ptpv in HTML/CSS — русскоговорящее сообщество
Какие брэкпоинты лучше использовать для мобильных устройств?, все рекомендуют брэкпоинты твиттера это ок?
источник

😎О

😎 Алексей Орлик... in HTML/CSS — русскоговорящее сообщество
Кто подскажет, как правильно подключать шрифты на сайте, так чтобы pagespeed не ругался
источник

B

Bohdan in HTML/CSS — русскоговорящее сообщество
😎 Алексей Орлик
Кто подскажет, как правильно подключать шрифты на сайте, так чтобы pagespeed не ругался
источник

DM

Denys Mikhalenko in HTML/CSS — русскоговорящее сообщество
Правильнее всего не подключать сторонние шрифты )
источник

НВ

Никита Вьюшков... in HTML/CSS — русскоговорящее сообщество
😎 Алексей Орлик
Кто подскажет, как правильно подключать шрифты на сайте, так чтобы pagespeed не ругался
https://www.youtube.com/watch?v=uI3Q5m9xkkw

есть отличный доклад Вадима Макеева на предмед подключения шрифтов)
источник

ИК

Игорь Кривенко... in HTML/CSS — русскоговорящее сообщество
Переслано от Игорь Кривенко...
Всем привет, как лучше задать бекграунд (бордером или svg или ваши варианты) что бы потом на мобайле трансформировать в прямоугольник?
источник

😎О

😎 Алексей Орлик... in HTML/CSS — русскоговорящее сообщество
да, круто.
А теперь такой прикол, я пишу preload для линки
<link href="catalog/view/javascript/font-awesome/css/fonts.css" rel="preload" as="style" />
в самом файле fonts.css тупо подключение фонта через font-face
@font-face {
 font-family: 'Glyphicons Halflings';
 src:  url(../fonts/glyphicons-halflings-regular.eot);
 src:  url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),
       ...
}
И все, шрифты не подгружаются вовсе
источник

🦜

🦜 in HTML/CSS — русскоговорящее сообщество
😎 Алексей Орлик
да, круто.
А теперь такой прикол, я пишу preload для линки
<link href="catalog/view/javascript/font-awesome/css/fonts.css" rel="preload" as="style" />
в самом файле fonts.css тупо подключение фонта через font-face
@font-face {
 font-family: 'Glyphicons Halflings';
 src:  url(../fonts/glyphicons-halflings-regular.eot);
 src:  url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),
       ...
}
И все, шрифты не подгружаются вовсе
в сафари?
источник

😎О

😎 Алексей Орлик... in HTML/CSS — русскоговорящее сообщество
🦜
в сафари?
в хроме
источник

NZ

Nurzhan Zhumadil in HTML/CSS — русскоговорящее сообщество
Как расположить текст в центре?
источник

DM

Denys Mikhalenko in HTML/CSS — русскоговорящее сообщество
100500 способов есть для этого
источник

АL

Александр Laksan... in HTML/CSS — русскоговорящее сообщество
Добрый день. Подскажите, пожалуйста, как сделать плавающий фон через VANTA?
источник

АL

Александр Laksan... in HTML/CSS — русскоговорящее сообщество
источник

NZ

Nurzhan Zhumadil in HTML/CSS — русскоговорящее сообщество
Denys Mikhalenko
100500 способов есть для этого
Мне достаточно одного
источник

DM

Denys Mikhalenko in HTML/CSS — русскоговорящее сообщество
Самый современный наверн
display: flex;
align-items: center;
justify-content: center;
источник

NZ

Nurzhan Zhumadil in HTML/CSS — русскоговорящее сообщество
Щя проверю
источник

DM

Denys Mikhalenko in HTML/CSS — русскоговорящее сообщество
можно хакерски line-height высотой с контейнер
источник

DM

Denys Mikhalenko in HTML/CSS — русскоговорящее сообщество
можно position: absolute и спозиционировать в центре, и трансформом там подровнять )
источник

NZ

Nurzhan Zhumadil in HTML/CSS — русскоговорящее сообщество
Все спасибо
источник

DM

Denys Mikhalenko in HTML/CSS — русскоговорящее сообщество
можно display: table-cell и vertical-align
источник