Спасибо вам :) Да, думал делать такое видео с изображением справа в углу и решил попробовать :) Мне кажется это делает ролик более живым и не рутинным :) Спасибо вам
Очень рад, что смог предложить интересное решение ) Обязательно добавьте ролик в закладки, что бы применять в проектах такой способ) Спасибо за вашу поддержку )
Не перестаю удивляться, сколько всего интересного можно узнать, получилось красиво и без джс) С веб камерой формат видео стал интересней, сколько ютуба пересмотрел, видео, в которых видишь рассказывающего лучше заходят) Спасибо за годный контент)
Спасибо вам за полезнейший комментарий. Да, я тоже решил так попробовать записать. Наверное картинка со мной немного отвлекает от основного контента, но мне кажется видео так интереснее смотрать :)
У меня есть предложение сделать канал на Твиче и там вместо того чтобы играть в игры писать код, но не просто писать, а комментировать все свои ошибки и проблемы как это делало например Карина Стримерша)))))
Да, я думаю об этом. В таких трансляциях важна изюминка или харизма :) Мне кажется, что зритель может заскучать, если просто комментировать код :) Но это интересно. Я немного потренируюсь и думаю попробую что то такое :)
Привет, а если инпут будет с бордером не только снизу, то получается что под плейсхолдером будет линия? Ее как-нибудь можно убрать не играясь с цветом фона под плейсхолдером и не делая ему заливку?
Приветствую :) Если я правильно понял вопрос, то вы имеете ввиду ситуацию, когда плейсхолдер перекрывает собой рамку input. В таком случае рекомендую выше поднимать плейсхолдер, используя свойство top
Я такую фичу уже делал и использовал js для фокуса)) Через css интересное решение, но как оно будет себя вести, если мы настроим более детальную валидацию и введение символы не будут ей оответствовать, тогда плейсхолдер перекроет наш ввод?
Я сам недавно открыл для себя такой способ :) Да, этот способ работает для простой валидации. Но мы говорим о встроенной в браузером валидации. Обычно в проектах валидацию делают через JS. Поэтому думаю проблем с этим не будет. Но если все же валидация браузерная, то да этот способ не подойдет )
Конечно способствует. Например это видео выбилось в топ из всех видео на канале по скорости набора просмотров :) И меня это радует. Я немного приболел. Постараюсь скорее поправиться и вернуться к работе над каналом :)
Спасибо за интересную реализацию. Отдельная благодарность за такое чёткое, детальное объяснение. Вас очень приятно слушать, а теперь ещё и видеть)
Спасибо вам :) Да, думал делать такое видео с изображением справа в углу и решил попробовать :) Мне кажется это делает ролик более живым и не рутинным :) Спасибо вам
Вы гений, Александр! пол дня потратила чтобы сделать кастомный плейсхолдер, пока не нашла у вас это видео! Вы очень сильно помогаете в обучении))
Очень рад, что смог предложить интересное решение ) Обязательно добавьте ролик в закладки, что бы применять в проектах такой способ) Спасибо за вашу поддержку )
Не перестаю удивляться, сколько всего интересного можно узнать, получилось красиво и без джс)
С веб камерой формат видео стал интересней, сколько ютуба пересмотрел, видео, в которых видишь рассказывающего лучше заходят)
Спасибо за годный контент)
Спасибо вам за полезнейший комментарий. Да, я тоже решил так попробовать записать. Наверное картинка со мной немного отвлекает от основного контента, но мне кажется видео так интереснее смотрать :)
очень хорошо преподнесли инфу , спасибо большое ! очень приятный человек!!
Спасибо вам за такой приятный комментарий :)) Очень поднимает настроение
Александр, спасибо! Отличное, нужное видео! Запишите, пожалуйста, еще видео по позиционированию более подробное.
Здравствуйте, спасибо вам ) будем работать над роликом
Интересная реализация плейсхолдера. Не видел ещё такого.
Да, я недавно такой способ открыл для себя)
Александр, приятно вас не только слушать и слышать, но и видеть, отличный формат, а главное полезный! Спасибо!
Спасибо вам за поддержеку :) Пробую новый формат, возможно буду как то улучшать ))
В этом году уже второе видео !
Очень круто ! Динамика выхода видео очень сильно радует !
Постараюсь усилить темп создания роликов. Сейчас немного приболел, но думаю обязательно наверстаю :)
Александр, спасибо большое за видео! Узнал для себя красивую реализацию инпута!
Рад, что видео вам пригодилось и большое спасибо за комментарий :)
Это шикарно,
У тебя классное видео бро + подписчик
Большое спасибо )) за поддержку и подписку :) Постепенно растем :)
Большое спасибо! Ваше видео очень выручило и сократило мне мучения))
Очень рад, что смог вам помочь этим роликом :) Буду работать над следующими :)
Интересная реализация. Буду пробовать
Круто чувак не знал что так можно буду теперь это использовать спасибо за видео
Да, я и сам не так давно открыл для себя этот способ :) Спасибо за отклик :)
ну, есть ещё пару примеров реализации такого плэйсхолдера)) С
:placeholder-shown и :focus-within и ещё один варик, надо будет вспомнить
Да да, на самом деле есть разные способы :) Я показал один из :)
Супер видео получилось! Все подробно и понятно! Ждём следующее
Спасибо вам. Обязательно буду работать над следующим роликом. Надеюсь вы там же будете поддерживать меня, мне это очень приятно и важно
Спасибо, очень круто! С меня подписка, смотрю много контента полезного на канале!
Спасибо за ваш комментарий и подписку 🤗
Класс! И не нужно тянуть тот же Material-UI с похожим инпутом...
Да да, у гугла почти такое же оформление полей ввода )
Виде нормально зашло. Типа: так ребята, у меня есть 10мин быстренько расскажу вам про плейсхолдер 😊
Да да :) Хотелось все быстро показать. Спасибо вам, рад что видео понравилось ))
Ждём видео про табы)))
Да да :) Планирую видео по табам :)
Спасибо за помощь топ контент, лайк)
Спасибо за отзыв)) надеюсь и другие видео канала будут вам полезны 😊
Если бы я знал про transform-origin раньше...
)) Очень много свойств в css. Сложно запомнить их и тем более выучить :) Да, transform-origin часто выручает
Как всегда полезно 👍спасибо
Спасибо за отклик :)
От души брат
Спасибо 👍
Спасибо вам за отклик :)
Не советую анимировать свойство "top", антипаттерн же. Всё же лучше для такого использовать transform.
Согласен, да. Лучше использовать tranform для таких анимаций )
У меня есть предложение сделать канал на Твиче и там вместо того чтобы играть в игры писать код, но не просто писать, а комментировать все свои ошибки и проблемы как это делало например Карина Стримерша)))))
Да, я думаю об этом. В таких трансляциях важна изюминка или харизма :) Мне кажется, что зритель может заскучать, если просто комментировать код :) Но это интересно. Я немного потренируюсь и думаю попробую что то такое :)
Привет, а если инпут будет с бордером не только снизу, то получается что под плейсхолдером будет линия? Ее как-нибудь можно убрать не играясь с цветом фона под плейсхолдером и не делая ему заливку?
Приветствую :) Если я правильно понял вопрос, то вы имеете ввиду ситуацию, когда плейсхолдер перекрывает собой рамку input. В таком случае рекомендую выше поднимать плейсхолдер, используя свойство top
Я такую фичу уже делал и использовал js для фокуса)) Через css интересное решение, но как оно будет себя вести, если мы настроим более детальную валидацию и введение символы не будут ей оответствовать, тогда плейсхолдер перекроет наш ввод?
Я сам недавно открыл для себя такой способ :) Да, этот способ работает для простой валидации. Но мы говорим о встроенной в браузером валидации. Обычно в проектах валидацию делают через JS. Поэтому думаю проблем с этим не будет. Но если все же валидация браузерная, то да этот способ не подойдет )
Только хотел такой же вопрос задать 😊
А уже ответили, оперативно работаете 😊
Шикарно
Спасибо :)
Буду оставлять коменты пока 100к не наберется подписчиков (кажется активность под видео этому способствует)
Конечно способствует. Например это видео выбилось в топ из всех видео на канале по скорости набора просмотров :) И меня это радует. Я немного приболел. Постараюсь скорее поправиться и вернуться к работе над каналом :)
@@alex_dudukalo Да,холодно вирусы 🦠 в самом активном состоянии, желаю быстро встать на ноги!
А если поле не required, тогда not focus valid уже не действует. Как быть?
С вебкой топ кстати
Да, решил немного поэксперементировать ) Конечно, немного отвлекает от кода, но может быть так интереснее. Буду наблюдать за реакцией :)