Пишу классические методы CSS по-новому 🙌

[@golikroma]

Радует то, что ваши объяснения относительно простые и понятные! Можно разобраться и повторить!

[@АнютаКостенко-я2я]

Спасибо, что поделились новыми методами записями. Всё легко и доступно, попробуем применить на практике.

[@AlexZHIMuk]

Анна, спасибо большое! Как всегда актуалочка (:

[@beautifulnature8259]

Все работает нормально. По полочкам разложили что да как. Удачи в работе😊

[@ОлегПархоменко-ч7ч]

Это интересно, лично я попробую применить, спасибо.

[@elenaS95]

Спасибо,что поделились такой информацией 👍 было интересно узнать,как Вы пишите классические методы по новому 🔥

[@ТаисияНемченко-з1и]

Супер! Спасибо за очень полезное и информативное видео.

[@oxanaluzenko4709]

Все новое всегда приветствуется. Интересно и полезно

[@sergeymickolaenko1161]

Спасибо что поделились таким полезным видео.

[@ВладаКарпат]

Вас смотреть не только интересно но еще и полезно

[@ЮлиПешехонова]

Да, теперь стало намного проще, спасибо за информацию

[@SteppenWolf-k8l]

Спасибо за интересное и информативное видео!

[@struf1761]

Я тоже так начал писать благодаря тебе, тутор как всегда на высоте

[@АндрійСирота-я9и]

Методы круты и понятны. И за это вам большое спасибо.

[@LexiAlexi-xb1ik]

Неплохой подход и новые способы текстовых команд

[@dembelsky]

Простое и доступное объяснение! В целом всё понятно!

[@vladimir-dadonov]

width c min - красота, мне такая запись очень нравится

[@KindSanya]

Новый метод довольно таки интересный, обязательно ним воспользуюсь, так как до вашего видео я не знал о таком принципе

[@MrRomagromov]

Извините, но на хронометраже 2:30 какая-то дичь, про то, что css не влияет на скорость загрузки, а влияет сервер. Косвенно - да. Но с учетом малого размера css файлов, не особо. Тут скорее дело в скорости соединения. Но неужели автору канала неизвестно, что dom и css стили рендерит браузер!!! И время загрузки страницы, не считая скорости соединения полностью зависят от мощности устройства и сложности css. Возьмите два компьютера, один старый, один новый. И откройте на них страницу. Вы увидите, что с одного и того же сервера, с одинаковой скоростью соединения, на старой тачке все грузится в разы дольше. Дальше больше. Если вы насытите свой css файл градиентами - старый компьютер будет захлебываться. Потому что рендер градиентов ресурсоемкая задача. И последнее. CSS - это статика. И абсолютно до лампочки какой мощности у вас сервер.

[@rodigy]

Подводка к рекламе, остальное уже не важно видимо.

[@KidsPlanetOfficialChannel]

Благодарю! Ваш метод мне понравился больше, так как мой способ написания CSS немного устаревший. Возьму на заметку так сказать.

[@farmlingarchontas2216]

Топ обзор. Хорошее внимание к деталям. Мне очень понравилось. Лайк.

[@b.abdurashidov4863]

Все работает нормально спс

[@Руслан-х4й6ь]

Было очень интересно посмотреть данное видео узнала много новой информации о данном продукте.

[@ИванИванов-д3в7н]

Сейчас мы напишем меньше кода... убираем "margin: 0 auto;" и пишем "margin-inline: auto;". У меня вопрос - зачем? Раньше было проще и меньше... margin-inline мало того, что в два раза длиннее, так ещё и может не во всех браузерах работать.

[@Алекс-ж5п8я]

Я много знаю что классические методы можно многими способами писать. Вы дали еще проще тему. спасибо.

[@АнатолийАнатольевич-ю6з]

Главное сделать в этой области первый шаг.

[@alexschaus1909]

Спасибо за очень интересный и хороший обзор просмотрел и прослушал с интересом.

[@olegakchurin1219]

Like за рекламу. Очень классно прорекламировала 🔥🔥🔥 P.S Материал как всегда на высоте. Подача рекламы реально заинтересовало)

[@Mylife-hl6ph]

В любой программе можно найти новые варианты написания

[@PearlDpUa]

6:40 таким калькулятором не користувалася точно, все на вскидку робиться або на прикладі інших шаблонів

[@fbdnfndbdbdb1523]

Вы очень красиво и понятно все рассказываете

[@sashabest1479]

Нужно будет протестировать данный способ на практике, как знать, возможно данный пример будет как базовый.

[@BDfyfGfhdjkw]

Да такие методы нужно использовать

[@РоманСтецюк-ы6п]

На перший погляд все здається легко і просто. Побачимо як буде на практиці.

[@imperror555]

hover: hover - сработает на мобильном хроме, он в это умеет, здесь нужна медиа квери max-width

[@KeinStyle]

А что с поддержкой в браузерах?

[@igorzubkov3877]

Кто знает название ресурса, для расчета clamp тот что в видео?

[@АндрейАристов-ы5х]

Подскажите а как с точкой производительности, ведь каждое вычисление и использование калькулятора дает нагрузку на проц

[@WERWOLION]

Мне сегодня задание просят с поддержкой Интернет Эксплоера. А вы тут за новые методы. Я конечно сказал что ок. У браузера нет поддержки и по этому работа за 100$ будет стоить 1000$ , за пол года сделаю что угодно.

[@WERWOLION]

Так же функция min будет тормозить браузер. Поэтому макс видз лучше по нагрузке. Это касается всех css функций. Кальк и пр. Если их напихать много то будет больно.

[@WERWOLION]

Вы используете локальные переменные. А локальные переменные на западном сообществе уже используют другой нейминг --_name Если вы не используете префикс _ то это плохая практика. Нужно разграничить видимость переменной если это можно сделать через нейминг

[@WERWOLION]

У занков >< в медиа запросах отвратительная поддержка, и их можно будет использовать только в 2030 году, намного лучше использовать для этого миксины sass. Тем более что в медиа миксинах можно указывать точку стоп.

[@виртуоз_ру]

@@WERWOLION Ты уже отстал. Практически только что утвердили новую запись переменных: --_--name

[@WERWOLION]

@@виртуоз_ру я чекнул, они обновили --_--_--_-------___name

[@funtik1991]

Ви успешно достучались до аудитории верстальщиков-динозавров😀

[@tolasnisar2494]

Привычка это конечно хорошо но нужно и что-то новое пробовать.

[@kopchik1000]

Половину не понял но надеюсь со временем разберусь , что там и как.

[@LostInspector]

Javascript очень тесно завязан на HTML и CSS, и поэтому хорошо зная эти два языка, намного проще будет изучать Javascript

[@alexzom.]

в тему информативное видео и было интересно смотреть

[@АндрейДомарацкий-ц6й]

Люблю тебя!!

[@BugzzV]

многие зрители абсолютно не разбираются в программировании и вообще далеки от этого

[@filimon7997]

Дайте пожалуйста ссылку на тот онлайн калькулятор для clamp(a)

[@filimon7997]

Понятно, зимой снега не допросишься :(

[@404Negative]

зачем мне аеза, когда есть gcp / aws ??

[@ТимурСафаров-в1ч]

Используйте фреймворки

[@4499664]

но есть нюанс. при беглом взгляде на первоначальную запись, мне хватит 2-3 секунды чтобы понять, что там происходит. при использовании новых методов, это время увеличится кратно. понимаю, что видео не об этом, но всё же.

[@NickIl-ix5th]

нельзя объяснить последний пример ?

[@StonHenge]

Одно не могу понять. Если есть допустим макет с 3 разрешениями (мобилка, планшет, и десктоп) и везде разный шрифт у заголовка. То как с помощью clamp() выставить 3 размера, при этом чтобы по Pixel Perfect все 3 размера заголовка на разных разрешениях идеально совпадали? Допустим 20px, 25px и 50px ? А разрешения 320px, 768px, 1200px. ?

[@WERWOLION]

Pixel Perfect это про другое у тебя в Pixel Perfect , если клиент совсем тупой баран то ты на медиа 550-570 бъешь цифру из макета т.к ты соблюдаешь только цифры по макету и тогда диз должен тебе рисовать версии для 100 видов размеров экранов Исли РР не попадет в clamp то это 300% ошибка диза и ты можешь указать это сразу в момент взятия заказа.

[@WERWOLION]

Так же для попадаения в макет на sass использую спец миксины и могу попасть на нужное в макете разрешение

[@UnRealbl4]

Задать два раза clamp. Один от 320 до 768, второй в медиавыражение переопределить значение которое соответствуют ширине 768-1200.

[@Alex-mi2ij]

Мне бы научиться пользоваться старыми, а новыми уже потом 🙂

[@БогданКушнір-к5ы]

Видео не для широкой аудитории. Но специалистам оно точно пригодится!

[@rodigy]

Специалисты и так знают.

[@Ukrainka8456]

Вы бы обьясняли так, чтобы было понятно не только избранным...

[@DanDiablo]

Какая интересная реклама!

[@allpopov]

Методы, представленные здесь, тщательно продуманы и разработаны, чтобы быть максимально эффективными и понятными для всех.

[@cooperanderson8651]

Довольно интересные новшества. Но все запоминать так больно и стоит ли? Можно писать по-старому и не париться.

[@MrGureckij]

Данная конструкция не только непривычна, но и абсолютно не рабочая. Где вы это всё берёте. Первоисточник в студию. Удаляются внутренние поля, а манипулируете внешними полями. Где тут оптимизация?

[@СергійКапустинський-с5в]

Легче работать теми методами, к которым привык.

[@rodigy]

Короче то короче, а вот производительнее ли это вопрос.

[@shooddy]

2 минуты из 8 минутного ролика - реклама, что больше равно 25% ролика... А вы и дальше продолжайте ставить лайки и хвалить что всё работает хорошо

[@MrRomagromov]

Это накрученные лайки. Посмотрите комменты. Один за другим в одно ghtlkj;tyt и одинаковым смыслом - типа все круто, очень полезноt видео и тд. без конкретики по содержанию. Так школота зарабатывает по пять рублей. Они даже не пишут, что именно круто, потому что не понимают, о чем идет речь,

[@DaniaSigida]

По сути ничего нового..., зря потраченное время..., зачем делать просто когда можно сложно! Всего лишь один вопрос: ЗАЧЕМ???

[@SAPIENTIA666]

Абсолютно согласен. Зачем усложнять простое? Чтобы что?

[@Ruckus1986]

Ухо тоже можно чесать по-разному)

[@Ruckus1986]

Попробовал для магазина использовать clamp. Переделывал потом на привычные методы определения. Заголовки ведут себя по разному из-за разницы в количестве символов внутри. Это ужасно выглядит

[@SAPIENTIA666]

@@Ruckus1986 ну такое. Контент ради контента (со всем уважением к автору)

[@Ruckus1986]

@@SAPIENTIA666 не, за контент спасибо. Про новые функции рассказывает и т,д,. Тут больше вопросов к этим изобретателям) когда описание нововведения не может никто понять толком, то такое лучше не использовать))

[@d-mass-32]

Какая кошмарная вёрстка и дизайн у спонсора 😰 Сразу не вызывает доверия, даже регистрироваться неохота 😅 Выглядит как поделка детсадовцев 🤪 Простите уж за токсичность 😁 Нет слов одни эмоции 😅 Ну, ладно-ладно! Дно не пробито. Местами всё норм, но прямо очевидные косяки из всех щелей. Может, конечно, "я дизайнер - я так вижу" работает, но я так не вижу, сорян 😅 Цены на домены далеко от своих доменов и близко к другим доменам стоят в таблице, разъехавшееся по вертикали, ужасно смотрящееся окно регистрации, нелепо слипшиеся поля для регистрации и кнопка, зачем-то нерабочий крестик для закрытия, а ещё и инструкции по якобы взлому сервиса в консоли висят (шта? зачем?), и многое другое... (чтобы не голословно) Надеюсь не сильно художников обидел 😊 Сорян, если что...

[@sergey_zatsepin]

Э, а ссылка на калькулятор для клэмпа где? Нам самим яндексить? Жесть, Анют, подстава

[@annblok_webdev]

Всё в тг t.me/frontendblok (по поиску clamp можно найти)

[@lesters]

марджин инлайн, сомнительная херня, которая не работает в браузерах до 20 года