Size: a a a

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

2020 August 03

НК

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

НК

Николай Коржиков... in HTML/CSS — русскоговорящее сообщество
Потому что вот
источник

Z

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

Z

Zaff in HTML/CSS — русскоговорящее сообщество
Николай Коржиков
Потому что вот
потому размеры надо давать в относительных единицах измерения, как проценты, к примеру
источник

НК

Николай Коржиков... in HTML/CSS — русскоговорящее сообщество
Для текста там em да?
источник

Z

Zaff in HTML/CSS — русскоговорящее сообщество
Николай Коржиков
Для текста там em да?
если только разбираешься как это работает
а лучше разобраться и использовать где надо
источник

НК

Николай Коржиков... in HTML/CSS — русскоговорящее сообщество
А можно как то сами пиксели перевести в проценты?
источник

Z

Zaff in HTML/CSS — русскоговорящее сообщество
Николай Коржиков
А можно как то сами пиксели перевести в проценты?
ща
источник

Z

Zaff in HTML/CSS — русскоговорящее сообщество
Николай Коржиков
А можно как то сами пиксели перевести в проценты?
почитай, прокачаешься и в дизайне и в верстке адаптивной
shorturl.at/ejnqS
источник

НК

Николай Коржиков... in HTML/CSS — русскоговорящее сообщество
А смотрите если я хочу чтобы мой фон а точнее его ширина была на 100% экрана это мне писать -

.intro {
     width: 100vw;
     height: 50vh;
}
источник

V

Vladosik in HTML/CSS — русскоговорящее сообщество
Коллеги, кто может подсказать простенькую анимацию плавно переходяющую из одного цвета в другой на css?
источник

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Классная статья, сохранил, спасибо
источник

НК

Николай Коржиков... in HTML/CSS — русскоговорящее сообщество
Vladosik
Коллеги, кто может подсказать простенькую анимацию плавно переходяющую из одного цвета в другой на css?
transition
источник

Z

Zaff in HTML/CSS — русскоговорящее сообщество
Николай Коржиков
А смотрите если я хочу чтобы мой фон а точнее его ширина была на 100% экрана это мне писать -

.intro {
     width: 100vw;
     height: 50vh;
}
нет, пиши в процентах, потому что вьюпорт не включает в себя размер скроллбара
и смотря чему задаешь, конечно
источник

Z

Zaff in HTML/CSS — русскоговорящее сообщество
Zahar Avsievich
Классная статья, сохранил, спасибо
гуд 👍
источник

НК

Николай Коржиков... in HTML/CSS — русскоговорящее сообщество
ну вот, у меня в этом макете была сетка
источник

V

Vladosik in HTML/CSS — русскоговорящее сообщество
Николай Коржиков
transition
спасиб
источник

НК

Николай Коржиков... in HTML/CSS — русскоговорящее сообщество
Вот пример с моего недо-сайта от которого у меня сейчас бомбит

/* ДЛЯ ВСЕХ ССЫЛОК */

a {
 color: #fff;
 text-decoration: none;
 text-decoration: none;
 transition: all.6s ease;
 -moz-transition: all.6s ease;
 -webkit-transition: all.6s ease;
 -ms-transition: all.6s ease;
}

/* ДЛЯ ВСЕХ ССЫЛОК ПРИ НАВЕДЕНИИ */

a:hover {
 color: #0ea3e3;
 text-decoration: none;
 transition: all.6s ease;
 -moz-transition: all.6s ease;
 -webkit-transition: all.6s ease;
 -ms-transition: all.6s ease;
}
источник

Z

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

НК

Николай Коржиков... in HTML/CSS — русскоговорящее сообщество
Zaff
а почему твои блоки с плюшками не попадают под нее?
Сейчас исправлю
источник