Это на столько же круто выглядит, на скол ко просто делается! Прям Вау!
Forwarded from Веб-страница
Создание объемной фигуры из текста с анимацией на HTML и CSS
Небольшой видеоурок по созданию интересной анимации из текста от нашего подписчика.
В качестве примера взята форма бутылки, но вы можете создать любую другую фигуру, используя этот метод.
https://tprg.ru/DIat
#фронтенд #html #css
Небольшой видеоурок по созданию интересной анимации из текста от нашего подписчика.
В качестве примера взята форма бутылки, но вы можете создать любую другую фигуру, используя этот метод.
https://tprg.ru/DIat
#фронтенд #html #css
YouTube
3D Фигура (бутылка) из текста на CSS и HTML с анимацией
Всем привет! В этом видео я рассказываю, как сделать любую 3D фигуру из текста на CSS и HTML на примере бутылки. Так же добавим к ней простую анимацию.
Данный урок позволит Вам создать любую фигуру из текста для своего сайта или сайта клиента.
Все исходные…
Данный урок позволит Вам создать любую фигуру из текста для своего сайта или сайта клиента.
Все исходные…
Forwarded from Хабр
«Статья может обидеть тех, кто прикипел к вёрстке дивами. Но <div> — не приговор, и мы не призываем от него целиком отказываться. Ну и всегда можно договориться»
Забудьте про div, семантика спасёт Интернет
Забудьте про div, семантика спасёт Интернет
Где обещанные видосы? Ты ж обещал в воскресенье выложить.
Рассказываю. В воскресенье утром после поездки в Киев у меня была температура 39 и адски болело горло. Сейчас уже полегчаало, температуры нет, горло болит не так сильно, но появился насморк и кашель (нет, не корона, я проверял, тест негативный).
Вероятно, не всем понравится, если я буду говорить мало (потому что врач рекомендует пока не нагружать горло лишний раз) и как переводчик из 90-х. Но если всё будет ОК, то на следующей неделе сделаем стрим-разбор и запишу 2-3 видоса по вёрстке. Возможно позже будет ещё разговорный стрим с ответами на вопросы.
Пока есть время - продумываю планы на канал на будущее.
Рассказываю. В воскресенье утром после поездки в Киев у меня была температура 39 и адски болело горло. Сейчас уже полегчаало, температуры нет, горло болит не так сильно, но появился насморк и кашель (нет, не корона, я проверял, тест негативный).
Вероятно, не всем понравится, если я буду говорить мало (потому что врач рекомендует пока не нагружать горло лишний раз) и как переводчик из 90-х. Но если всё будет ОК, то на следующей неделе сделаем стрим-разбор и запишу 2-3 видоса по вёрстке. Возможно позже будет ещё разговорный стрим с ответами на вопросы.
Пока есть время - продумываю планы на канал на будущее.
Вчера в рамках выполнения рабочей задачи наткнулся на интересное. Делюсь тут с вами: https://m.habr.com/ru/post/348502/
Хабр
Ищем поддержку hover на css
Доброго времени суток, дорогие хабрахабровцы! При создании адаптивной версии сайта, часто бывают ситуации, когда надо знать: поддерживает ли браузер пользователя hover, или нет. К примеру,...
Forwarded from Веб-стандарты (Веб-стандарты)
Закрытие по клику снаружи. Китти Жирадель делится реализацией меню, которое закрывается, когда теряет фокус или происходит клик за его пределами.
https://kittygiraudel.com/2021/03/18/close-on-outside-click/
https://kittygiraudel.com/2021/03/18/close-on-outside-click/
Всем привет!
Наконец-то моё горло попустило и я смогу и дальше записывать для вас видосы!
Первое видео этой недели уже на канале!
https://youtu.be/8nUPbfJeF9k
Наконец-то моё горло попустило и я смогу и дальше записывать для вас видосы!
Первое видео этой недели уже на канале!
https://youtu.be/8nUPbfJeF9k
YouTube
Каким макаром: разместить часть контента вне контейнера! calc(100% - 100vw)
В этом коротком видео рассказываю, как с помощью функции calc( ) в css разместить часть контента на странице, котоая выступает за пределы контейнера, в котором, по логике, должна находиться.
👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack…
👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack…
А вот и ссылочка на сегодняшнюю трансляцию: https://youtu.be/VaLJR5JyBsM
Не забудьте зайти и нажать на колокольчик, чтобы ютуб напомнил вам о начале трансляции и вы ничего важного не пропустили!
Не забудьте зайти и нажать на колокольчик, чтобы ютуб напомнил вам о начале трансляции и вы ничего важного не пропустили!
YouTube
CSS + UI/UX разбор #6
Сразу два Романа - дизайнер и верстальщик, в прямом эфире укажут на недостатки в своей области веб-разработки. Посмотрим и на ошибки дизайнера, и верстальщика, узнаем, что можно и нужно исправить и как не допустить аналогичных ошибок! #webdesign #UI/UX #html5…
Начинаем через 5 минут!
https://youtu.be/VaLJR5JyBsM
https://youtu.be/VaLJR5JyBsM
YouTube
CSS + UI/UX разбор #6
Сразу два Романа - дизайнер и верстальщик, в прямом эфире укажут на недостатки в своей области веб-разработки. Посмотрим и на ошибки дизайнера, и верстальщика, узнаем, что можно и нужно исправить и как не допустить аналогичных ошибок! #webdesign #UI/UX #html5…
Для тех кто вчера пропустил: запись стрима уже доступна на канале.
https://youtu.be/VaLJR5JyBsM
https://youtu.be/VaLJR5JyBsM
Кстааааати, ребятки! Забыл похвастаться! У нас релиз произошёл! Вэлкам!
https://informator.ua/ru/
https://informator.ua/ru/
Інформатор UA
Новости Украины, мировые новости, последние новости и события от редакции сайта Информатор
Последние новости онлайн ☝️ Самые актуальные и интересные новости ✔️ ФОТО ✔️ ВИДЕО ⏩ Лента новостей в реальном времени ⏳ Informator.ua: Независимый всеукраинский портал новостей Информатор
Привет! Почти три недели (с конца апреля) я потратил на то, чтобы переделать полностью сборку. Но не просто вот так вот взял и переделываю, а описываю весь процесс в статью, которая совсем скоро должна выйти на хабре.
Так что если вы думали, что Рома - ленивая задница и забросил выпуск роликов, то нет. Просто я занят созданием контента немного в другом формате. Как только допишу статью - выпуск роликов продолжится.
Так что если вы думали, что Рома - ленивая задница и забросил выпуск роликов, то нет. Просто я занят созданием контента немного в другом формате. Как только допишу статью - выпуск роликов продолжится.
Доброе утро!
Наконец вышла моя статья на Хабре.
В ней я рассказываю о процессе создания сборки Gulp, которой пользуюсь в работе.
https://habr.com/ru/post/560894/
Вэлкам читать!
Наконец вышла моя статья на Хабре.
В ней я рассказываю о процессе создания сборки Gulp, которой пользуюсь в работе.
https://habr.com/ru/post/560894/
Вэлкам читать!
Хабр
Как я сделал свою сборку Gulp для быстрой, лёгкой и приятной вёрстки
Серьёзно и профессионально я начал заниматься вёрсткой в 2019 году, хотя до этого ещё со школы интересовался данной темой как любитель. Поэтому новичком мне себя назвать сложно, но и профессионалом с...
Ребятки, всем привет!
Появилось немного свободного времени, чтобы продолжать пилить видосы на канал. Хочу провести стрим с лайв-кодингом (продолжим делать сайт R.olio).
Когда провести стрим?
Появилось немного свободного времени, чтобы продолжать пилить видосы на канал. Хочу провести стрим с лайв-кодингом (продолжим делать сайт R.olio).
Когда провести стрим?
Anonymous Poll
40%
Вечер пятницы (10.09)
52%
Вечер субботы (11.09)
24%
Вечер воскресенья (12.09)
Всем привет!
Как вы и решили, завтра вечером, в 17:30 проведём стрим.
Ссылочка тут: https://youtu.be/_rD3Jio3x40
Как вы и решили, завтра вечером, в 17:30 проведём стрим.
Ссылочка тут: https://youtu.be/_rD3Jio3x40
YouTube
Вёрстка продающего лендинга R-olio. HTML, CSS, Gulp.
Миссия: "вспомнить всё". Будем вспоминать на чём остановились в проекте и попробуем его доделать.
👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack
💬 Ссылка на канал в телеграмме: https://t.me/css_notes
💻 Ссылка на GitHub: https://github.com/budfy…
👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack
💬 Ссылка на канал в телеграмме: https://t.me/css_notes
💻 Ссылка на GitHub: https://github.com/budfy…
Всем привет! 1,5 минутки и будем начинать. Если кто забыл про стрим, то ссылочка тут: Ссылочка тут: https://youtu.be/_rD3Jio3x40
YouTube
Вёрстка продающего лендинга R-olio. HTML, CSS, Gulp.
Миссия: "вспомнить всё". Будем вспоминать на чём остановились в проекте и попробуем его доделать.
👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack
💬 Ссылка на канал в телеграмме: https://t.me/css_notes
💻 Ссылка на GitHub: https://github.com/budfy…
👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack
💬 Ссылка на канал в телеграмме: https://t.me/css_notes
💻 Ссылка на GitHub: https://github.com/budfy…
Друзья, всем привет!
Самые внимательные подписчики канала уже заметили, а остальным сообщаю, что следующий стрим по вёрстке проекта R-olio будет завтра вечером - в 18:30. Вэлкам писать форму обратной связи.
https://youtu.be/PLOeh7CEBBs
Самые внимательные подписчики канала уже заметили, а остальным сообщаю, что следующий стрим по вёрстке проекта R-olio будет завтра вечером - в 18:30. Вэлкам писать форму обратной связи.
https://youtu.be/PLOeh7CEBBs
YouTube
Вёрстка продающего лендинга R-olio. HTML, CSS, Gulp.
Будем верстать модальные окна корзины и формы обратной связи.
👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack
💬 Ссылка на канал в телеграмме: https://t.me/css_notes
💻 Ссылка на GitHub: https://github.com/budfy
🤑 Поддержать: https:/…
👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack
💬 Ссылка на канал в телеграмме: https://t.me/css_notes
💻 Ссылка на GitHub: https://github.com/budfy
🤑 Поддержать: https:/…
Привет! Мне тут сказали, что какой-то стрим через 10 минут начнётся. Говорят, приходи, Рома, без тебя ничё не получится. И ссылку вот эту скинули: https://www.youtube.com/watch?v=PLOeh7CEBBs
Кто со мной?
Кто со мной?
YouTube
Вёрстка продающего лендинга R-olio. HTML, CSS, Gulp.
Будем верстать модальные окна корзины и формы обратной связи.
👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack
💬 Ссылка на канал в телеграмме: https://t.me/css_notes
💻 Ссылка на GitHub: https://github.com/budfy
🤑 Поддержать: https:/…
👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack
💬 Ссылка на канал в телеграмме: https://t.me/css_notes
💻 Ссылка на GitHub: https://github.com/budfy
🤑 Поддержать: https:/…
👍2