CSS-заметки
@css_notes
137 subscribers
50 photos
1 video
1 file
102 links
Это личный блог, в котором я делюсь своим опытом.
💰 Поддержать канал: https://css_notes.dyaka.com/donate
🔴 Ютуб: https://www.youtube.com/channel/UCqKk5FvlVi8TzJJGFuYwznw
📦 Сборка: https://github.com/budfy/Easy-webdev-startpack
Download Telegram
About
Blog
Apps
Platform
Join
CSS-заметки
137 subscribers
CSS-заметки
Всем привет!
Давненько не было ничего нового на канале. Честно говоря, у меня было не много времени в последние пару недель, всё никак не успевал смонтировать видео для вас. Но вот появилась минутка и я сделал новый ролик о вёрстке слайдера. Наконец-то покончим с ним и на следующей неделе перейдём уже к другим секциям!
https://youtu.be/jk4gx99tMfM
Помните? С вас лайк 👍 и коммент 💭 !
513 viewsTelepostBot, edited  
👍 10👎🤬🤯
CSS-заметки
Это на столько же круто выглядит, на скол ко просто делается! Прям Вау!
398 viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Forwarded from Веб-страница
​Создание объемной фигуры из текста с анимацией на HTML и CSS

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

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

https://tprg.ru/DIat

#фронтенд #html #css
YouTube
3D Фигура (бутылка) из текста на CSS и HTML с анимацией
Всем привет! В этом видео я рассказываю, как сделать любую 3D фигуру из текста на CSS и HTML на примере бутылки. Так же добавим к ней простую анимацию.

Данный урок позволит Вам создать любую фигуру из текста для своего сайта или сайта клиента.

Все исходные…
502 viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Forwarded from Хабр
​​«Статья может обидеть тех, кто прикипел к вёрстке дивами. Но <div> — не приговор, и мы не призываем от него целиком отказываться. Ну и всегда можно договориться»

Забудьте про div, семантика спасёт Интернет
474 viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Где обещанные видосы? Ты ж обещал в воскресенье выложить.
Рассказываю. В воскресенье утром после поездки в Киев у меня была температура 39 и адски болело горло. Сейчас уже полегчаало, температуры нет, горло болит не так сильно, но появился насморк и кашель (нет, не корона, я проверял, тест негативный).
Вероятно, не всем понравится, если я буду говорить мало (потому что врач рекомендует пока не нагружать горло лишний раз) и как переводчик из 90-х. Но если всё будет ОК, то на следующей неделе сделаем стрим-разбор и запишу 2-3 видоса по вёрстке. Возможно позже будет ещё разговорный стрим с ответами на вопросы.
Пока есть время - продумываю планы на канал на будущее.
499 viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Вчера в рамках выполнения рабочей задачи наткнулся на интересное. Делюсь тут с вами: https://m.habr.com/ru/post/348502/
Хабр
Ищем поддержку hover на css
Доброго времени суток, дорогие хабрахабровцы! При создании адаптивной версии сайта, часто бывают ситуации, когда надо знать: поддерживает ли браузер пользователя hover, или нет. К примеру,...
1.04K viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Forwarded from Веб-стандарты (Веб-стандарты)
Закрытие по клику снаружи. Китти Жирадель делится реализацией меню, которое закрывается, когда теряет фокус или происходит клик за его пределами.

https://kittygiraudel.com/2021/03/18/close-on-outside-click/
539 viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Всем привет!
Наконец-то моё горло попустило и я смогу и дальше записывать для вас видосы!
Первое видео этой недели уже на канале!
https://youtu.be/8nUPbfJeF9k
YouTube
Каким макаром: разместить часть контента вне контейнера! calc(100% - 100vw)
В этом коротком видео рассказываю, как с помощью функции calc( ) в css разместить часть контента на странице, котоая выступает за пределы контейнера, в котором, по логике, должна находиться.

👨🏼‍💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack…
590 viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Ребятки, чуть не забыл сказать!
У нас завтра стримчик в 19:00. Разберём вёрстку и дизайн сайта. Ну и поболтаем о том, о сём. Ссылочку завтра кину. Не пропустите!
575 viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
А вот и ссылочка на сегодняшнюю трансляцию: https://youtu.be/VaLJR5JyBsM
Не забудьте зайти и нажать на колокольчик, чтобы ютуб напомнил вам о начале трансляции и вы ничего важного не пропустили!
YouTube
CSS + UI/UX разбор #6
Сразу два Романа - дизайнер и верстальщик, в прямом эфире укажут на недостатки в своей области веб-разработки. Посмотрим и на ошибки дизайнера, и верстальщика, узнаем, что можно и нужно исправить и как не допустить аналогичных ошибок! #webdesign #UI/UX #html5…
801 viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Начинаем через 5 минут!
https://youtu.be/VaLJR5JyBsM
YouTube
CSS + UI/UX разбор #6
Сразу два Романа - дизайнер и верстальщик, в прямом эфире укажут на недостатки в своей области веб-разработки. Посмотрим и на ошибки дизайнера, и верстальщика, узнаем, что можно и нужно исправить и как не допустить аналогичных ошибок! #webdesign #UI/UX #html5…
838 viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Для тех кто вчера пропустил: запись стрима уже доступна на канале.
https://youtu.be/VaLJR5JyBsM
821 viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Кстааааати, ребятки! Забыл похвастаться! У нас релиз произошёл! Вэлкам!
https://informator.ua/ru/
Інформатор UA
Новости Украины, мировые новости, последние новости и события от редакции сайта Информатор
Последние новости онлайн ☝️ Самые актуальные и интересные новости ✔️ ФОТО ✔️ ВИДЕО ⏩ Лента новостей в реальном времени ⏳ Informator.ua: Независимый всеукраинский портал новостей Информатор
779 viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Привет! Почти три недели (с конца апреля) я потратил на то, чтобы переделать полностью сборку. Но не просто вот так вот взял и переделываю, а описываю весь процесс в статью, которая совсем скоро должна выйти на хабре.
Так что если вы думали, что Рома - ленивая задница и забросил выпуск роликов, то нет. Просто я занят созданием контента немного в другом формате. Как только допишу статью - выпуск роликов продолжится.
995 viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Доброе утро!
Наконец вышла моя статья на Хабре.
В ней я рассказываю о процессе создания сборки Gulp, которой пользуюсь в работе.
https://habr.com/ru/post/560894/
Вэлкам читать!
Хабр
Как я сделал свою сборку Gulp для быстрой, лёгкой и приятной вёрстки
Серьёзно и профессионально я начал заниматься вёрсткой в 2019 году, хотя до этого ещё со школы интересовался данной темой как любитель. Поэтому новичком мне себя назвать сложно, но и профессионалом с...
1.44K viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Ребятки, всем привет!
Появилось немного свободного времени, чтобы продолжать пилить видосы на канал. Хочу провести стрим с лайв-кодингом (продолжим делать сайт R.olio).
Когда провести стрим?
Anonymous Poll
40%
Вечер пятницы (10.09)
52%
Вечер субботы (11.09)
24%
Вечер воскресенья (12.09)
25 voters985 viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Всем привет!
Как вы и решили, завтра вечером, в 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…
1.2K viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Всем привет! 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…
1.57K viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Друзья, всем привет!
Самые внимательные подписчики канала уже заметили, а остальным сообщаю, что следующий стрим по вёрстке проекта 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:/…
2.24K viewsRoman Serdyuk 🇺🇦, 
CSS-заметки
Привет! Мне тут сказали, что какой-то стрим через 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:/…
👍2
2.7K viewsRoman Serdyuk 🇺🇦,