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

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

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

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

Күн бұрын

Пікірлер: 29
@MicroDobb
@MicroDobb 9 ай бұрын
Спасибо за урок! ждем продолжение!
@MicroDobb
@MicroDobb 9 ай бұрын
А, и ещё очень интересны уроки по gsap анимациям! Но это если будет не очень затруднительно сделать такие уроки. Заранее спасибо!
@hjetwd
@hjetwd 9 ай бұрын
в 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 9 ай бұрын
👍
@всёоченьинтересно-й3и
@всёоченьинтересно-й3и 9 ай бұрын
Я могу программироть на чистом css только не могу найти тех, кто будет покупать мои работы и мне все друзья говорят, что нужно учить js итак далее
@bormanbormanov3323
@bormanbormanov3323 9 ай бұрын
Js,react, typescript,git,и много чего ещё,конкуренция сумасшедшая,ды должен знать больше чем твои конкуренты
@всёоченьинтересно-й3и
@всёоченьинтересно-й3и 9 ай бұрын
@@bormanbormanov3323 я уже давно забросила это дело, пусть конкуренты будут у других... У меня племянника в 8 лет отдали в школу программирования и я очень рада, что у меня было детство,а не программы днём и ночью...
@disconnect3763
@disconnect3763 3 ай бұрын
Братан учи javascript, мне нужны шаблоны на html + css
@ДмитрийСавенок-х7з
@ДмитрийСавенок-х7з 9 ай бұрын
Капец полезный видос! Спасибо! Object fit рулит
@ИгорьТетерин-ь5ъ
@ИгорьТетерин-ь5ъ 9 ай бұрын
Потрясающий формат подачи.. все понятно. Гениально. Автор, а напиши игру на css и вот так же покажи как ты это делаешь. Платформер например.. можно же уже наверное.
@chipdouglas9495
@chipdouglas9495 4 ай бұрын
цсс не обрабатывает события, только визуалку
@disconnect3763
@disconnect3763 3 ай бұрын
Куда вы пропали, почеиу видео больше нет?
@artem__k
@artem__k 9 ай бұрын
Сафари вроде как не поддерживает стилизацию скролла, так что от js библиотек не получается отказаться(
@UDAV_
@UDAV_ 9 ай бұрын
чувак, в сафари как бы нет скролла)
@vladi4507
@vladi4507 8 ай бұрын
Круто Саш :) Будут ли уроки по woocommerce и headless в паре с wp graphql?
@anatoliychaliy8506
@anatoliychaliy8506 9 ай бұрын
Спасибо! А как насчет SEO по этому скрытому в css тексту? Не тестирова, гуглбот читает этот скрытый текст?
@bedeveloper
@bedeveloper 9 ай бұрын
Текст есть в дом дереве, боты его видят целиком.
@chipdouglas9495
@chipdouglas9495 4 ай бұрын
роботы цсс не обрабатывают. для сео просто цссник убери, будет чего-то в духе школьного док-файла, вот так робот видит твой сайт, соответственно задача верстальщика максимально всё упростить и сложить семантически
@ЕгорЕгорович-д2т
@ЕгорЕгорович-д2т 9 ай бұрын
Спасибо , дядь.
@1caccount756
@1caccount756 9 ай бұрын
@fiatex
@fiatex 9 ай бұрын
@zloy_ax8496
@zloy_ax8496 3 ай бұрын
Огонь 🔥
@icetea1870
@icetea1870 8 ай бұрын
Го видос по анимациям с вау эффектом 🔥
@dondragon6949
@dondragon6949 9 ай бұрын
ну не строчи ты так}
@zichemerr
@zichemerr 9 ай бұрын
Как можно программировать на языке который не является языком программирования
@bedeveloper
@bedeveloper 9 ай бұрын
Я с детства программирую на css, на нем можно программировать 😆
@servera-center
@servera-center 9 ай бұрын
А нельзя наверное оплатить рублями?
@bedeveloper
@bedeveloper 9 ай бұрын
На genius.courses можно рублями
@tonybelush6249
@tonybelush6249 6 ай бұрын
Александр, ваш бусти еще живой? Как быть тем кто в РФ?
Новый CSS! 2024
18:06
Как пройти в IT?
Рет қаралды 30 М.
А я думаю что за звук такой знакомый? 😂😂😂
00:15
Денис Кукояка
Рет қаралды 4,9 МЛН
Players push long pins through a cardboard box attempting to pop the balloon!
00:31
Забудь про Локальный Сервер! Запускай все под Docker!
34:12
Быть Программистом
Рет қаралды 9 М.
ЧТО ТАКОЕ GIT | FRONTEND ПРОСТЫМИ СЛОВАМИ
20:23
CSS Flexbox. Полный курс
59:57
webDev
Рет қаралды 166 М.