CSS Свойства Которые Добавят Динамику Твоему Проекту.

  Рет қаралды 4,790

Быть Программистом

Быть Программистом

Күн бұрын

Пікірлер: 29
@MicroDobb
@MicroDobb 8 ай бұрын
Спасибо за урок! ждем продолжение!
@MicroDobb
@MicroDobb 8 ай бұрын
А, и ещё очень интересны уроки по gsap анимациям! Но это если будет не очень затруднительно сделать такие уроки. Заранее спасибо!
@ДмитрийСавенок-х7з
@ДмитрийСавенок-х7з 8 ай бұрын
Капец полезный видос! Спасибо! Object fit рулит
@zloy_ax8496
@zloy_ax8496 2 ай бұрын
Огонь 🔥
@hjetwd
@hjetwd 8 ай бұрын
в css появились новые свойства для скроллбара, уже поддерживаются хромом и лисой, опера и сафари пока - нет. вот пример с переключением цветовой темы html { // * цветовая тема сайта по умолчанию (надо указывать, что бы браузер, при смене цветовой темы сайта через JS, перекрашивал скроллбары, поля форм и т.п. специфичные элементы) color-scheme: var(--base-color-scheme, light); // * цвет скролла состоит из двух - бегунок и его фон scrollbar-color: var(--base-scrollbar-thumb-color) var(--base-scrollbar-track-color); // * толщина скролла либо auto (по умолчанию, можно не писать), либо thin (тонкий) scrollbar-width: thin; // * плейсхолдер для скролла - браузер резервирует место под скролл, если он там может появится и отодвигает другие блоки от края экрана (может быть в двух противоположных сторон одновременно, если задать 2 значения - stable both-edges), помогает убрать "дерганье" страницы, когда открывается модальное окно и для html отключают скролл scrollbar-gutter: stable; // * анимируем смену цвета скролла, если анимации в браузере посетителя не заблокированы - работает для плавной смены цветовой темы @media (prefers-reduced-motion: no-preference) { transition: var(--base-transition); transition-property: scrollbar-color; } } body { margin: 0; min-height: 100dvh; color: var(--body-color); background-color: var(--body-background-color); @media (prefers-reduced-motion: no-preference) { transition: var(--base-transition); transition-property: color, background-color; } } :root { --base-transition: .2s ease-in-out; --base-color-scheme: light; --base-scrollbar-thumb-color: black; --base-scrollbar-track-color: white; --body-color: black; --body-background-color: white; } :root[data-theme=dark] { --base-color-scheme: dark; --base-scrollbar-thumb-color: white; --base-scrollbar-track-color: black; --body-color: white; --body-background-color: black; }
@bedeveloper
@bedeveloper 8 ай бұрын
👍
@ИгорьТетерин-ь5ъ
@ИгорьТетерин-ь5ъ 8 ай бұрын
Потрясающий формат подачи.. все понятно. Гениально. Автор, а напиши игру на css и вот так же покажи как ты это делаешь. Платформер например.. можно же уже наверное.
@chipdouglas9495
@chipdouglas9495 3 ай бұрын
цсс не обрабатывает события, только визуалку
@ЕгорЕгорович-д2т
@ЕгорЕгорович-д2т 8 ай бұрын
Спасибо , дядь.
@vladi4507
@vladi4507 8 ай бұрын
Круто Саш :) Будут ли уроки по woocommerce и headless в паре с wp graphql?
@всёоченьинтересно-й3и
@всёоченьинтересно-й3и 8 ай бұрын
Я могу программироть на чистом css только не могу найти тех, кто будет покупать мои работы и мне все друзья говорят, что нужно учить js итак далее
@bormanbormanov3323
@bormanbormanov3323 8 ай бұрын
Js,react, typescript,git,и много чего ещё,конкуренция сумасшедшая,ды должен знать больше чем твои конкуренты
@всёоченьинтересно-й3и
@всёоченьинтересно-й3и 8 ай бұрын
@@bormanbormanov3323 я уже давно забросила это дело, пусть конкуренты будут у других... У меня племянника в 8 лет отдали в школу программирования и я очень рада, что у меня было детство,а не программы днём и ночью...
@disconnect3763
@disconnect3763 2 ай бұрын
Братан учи javascript, мне нужны шаблоны на html + css
@anatoliychaliy8506
@anatoliychaliy8506 8 ай бұрын
Спасибо! А как насчет SEO по этому скрытому в css тексту? Не тестирова, гуглбот читает этот скрытый текст?
@bedeveloper
@bedeveloper 8 ай бұрын
Текст есть в дом дереве, боты его видят целиком.
@chipdouglas9495
@chipdouglas9495 3 ай бұрын
роботы цсс не обрабатывают. для сео просто цссник убери, будет чего-то в духе школьного док-файла, вот так робот видит твой сайт, соответственно задача верстальщика максимально всё упростить и сложить семантически
@artem__k
@artem__k 8 ай бұрын
Сафари вроде как не поддерживает стилизацию скролла, так что от js библиотек не получается отказаться(
@UDAV_
@UDAV_ 8 ай бұрын
чувак, в сафари как бы нет скролла)
@icetea1870
@icetea1870 7 ай бұрын
Го видос по анимациям с вау эффектом 🔥
@disconnect3763
@disconnect3763 2 ай бұрын
Куда вы пропали, почеиу видео больше нет?
@dondragon6949
@dondragon6949 8 ай бұрын
ну не строчи ты так}
@tonybelush6249
@tonybelush6249 5 ай бұрын
Александр, ваш бусти еще живой? Как быть тем кто в РФ?
@zichemerr
@zichemerr 8 ай бұрын
Как можно программировать на языке который не является языком программирования
@bedeveloper
@bedeveloper 8 ай бұрын
Я с детства программирую на css, на нем можно программировать 😆
@1caccount756
@1caccount756 8 ай бұрын
@fiatex
@fiatex 8 ай бұрын
@servera-center
@servera-center 8 ай бұрын
А нельзя наверное оплатить рублями?
@bedeveloper
@bedeveloper 8 ай бұрын
На genius.courses можно рублями
Mom had to stand up for the whole family!❤️😍😁
00:39
这是自救的好办法 #路飞#海贼王
00:43
路飞与唐舞桐
Рет қаралды 79 МЛН
Wait for the last one 🤣🤣 #shorts #minecraft
00:28
Cosmo Guy
Рет қаралды 19 МЛН
Когда отец одевает ребёнка @JaySharon
00:16
История одного вокалиста
Рет қаралды 17 МЛН
Сколько нужно коннектов, чтобы взять заказ на UpWork?
21:01
Быть Программистом
Рет қаралды 8 М.
Почему я бросил офис ради Фриланса?
13:54
Быть Программистом
Рет қаралды 2,4 М.
Новый CSS! 2024
18:06
Как пройти в IT?
Рет қаралды 28 М.
Сокращай и упрощай CSS с помощью :is()
8:57
Анна Блок
Рет қаралды 18 М.
Космические гипотезы: Как возникло все?
3:51:04
Космическое путешествие
Рет қаралды 982 М.
Mom had to stand up for the whole family!❤️😍😁
00:39