Всем привет!
Как и обещал, сегодня выложил видео о том, как работать со сборкой Easy-webdev-startpack.
https://youtu.be/_j38UEpskPU
Вэлкам, наслаждайтесь просмотром!
Как и обещал, сегодня выложил видео о том, как работать со сборкой Easy-webdev-startpack.
https://youtu.be/_j38UEpskPU
Вэлкам, наслаждайтесь просмотром!
YouTube
Мануал по работе со сборкой Easy-webdev-startpack 💣 На базе Gulp-4 Другая сборка тебе не нужна!
Мануал по работе с моей сборкой. Как начать проект, как пользоваться плагинами и миксинами, вшитыми в сборку, какая файловая система.
👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack
💬 Ссылка на канал в телеграмме: https://t.me/css_notes…
👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack
💬 Ссылка на канал в телеграмме: https://t.me/css_notes…
Друзья, всем привет!
Пока вы смотрите вышедший вчера ролик, мы тут готовим для вас новый интересный контент!
🔴 Завтра, 14 января, в 17:00 (в 18:00 по МСК) вместе с дизайнером @nezdolIy проведём стрим, на котором разберём дизайн и вёрстку сайта. Сайт на разбор предоставил @acrysense - фрилансер из Харькова.
🎁 Бонусом можно будет весь стрим загадывать желания - на стриме будет два Романа )))
👉 Если вы ещё не смотрели, рекомендую посмотреть вчерашнее видео о том, как работать со сборкой.
☝️ Так же рекомендую подписаться на мой канал на Youtube и позвонить в колокольчик , чтобы не пропускать новые видео.
🛠 Сборку можно скачать по этой ссылке.
🤑 Поддержать разработку можно вот по этой ссылке.
Пока вы смотрите вышедший вчера ролик, мы тут готовим для вас новый интересный контент!
🔴 Завтра, 14 января, в 17:00 (в 18:00 по МСК) вместе с дизайнером @nezdolIy проведём стрим, на котором разберём дизайн и вёрстку сайта. Сайт на разбор предоставил @acrysense - фрилансер из Харькова.
🎁 Бонусом можно будет весь стрим загадывать желания - на стриме будет два Романа )))
👉 Если вы ещё не смотрели, рекомендую посмотреть вчерашнее видео о том, как работать со сборкой.
☝️ Так же рекомендую подписаться на мой канал на Youtube и позвонить в колокольчик , чтобы не пропускать новые видео.
🛠 Сборку можно скачать по этой ссылке.
🤑 Поддержать разработку можно вот по этой ссылке.
YouTube
CSS + UI/UX разбор #4
Сразу два Романа - дизайнер и верстальщик, в прямом эфире укажут на огрехи в своей области веб-разработки. Посмотрим и на ошибки дизайнера, и верстальщика, узнаем, что можно и нужно исправить и как не допустить аналогичных ошибок!
👨🏼💻 Ссылка на сборку:…
👨🏼💻 Ссылка на сборку:…
👍1
CSS-заметки pinned «Друзья, всем привет! Пока вы смотрите вышедший вчера ролик, мы тут готовим для вас новый интересный контент! 🔴 Завтра, 14 января, в 17:00 (в 18:00 по МСК) вместе с дизайнером @nezdolIy проведём стрим, на котором разберём дизайн и вёрстку сайта. Сайт на разбор…»
Друзья, новое видео уже на канале! Премьера - через 30 минут!
Приглашаю к просмотру.
https://youtu.be/Hr9JYktNBO0
А если кто-то хочет угостить меня чашечкой кофе - проходите по этой ссылке: https://css_notes.dyaka.com/donate
Приглашаю к просмотру.
https://youtu.be/Hr9JYktNBO0
А если кто-то хочет угостить меня чашечкой кофе - проходите по этой ссылке: https://css_notes.dyaka.com/donate
YouTube
Верстка продающего лендинга R-olio. #1 Создание базовых стилей, подготовка к основной вёрстке.
В этом видео создаём основные компоненты вёрстки, базовые стили и переменные.
🖼️ Ссылка на макет: https://www.figma.com/file/JOml4b3AclLSKzTkhntB8T/R-olio-work?node-id=0%3A1
👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack
💬 Ссылка на…
🖼️ Ссылка на макет: https://www.figma.com/file/JOml4b3AclLSKzTkhntB8T/R-olio-work?node-id=0%3A1
👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack
💬 Ссылка на…
А вот и ссылочка на премьеру.
Напоминаю, что премьера похожа на прямой эфир - там есть чат 💬, в котором можно общаться, есть колокольчик 🛎, в который можно звонить, а так же палец 👍🏻, на который можно нажать.
А поддержать мой канал 🤑 и угостить меня пивом 🍺 можно вот по этой ссылке.
Напоминаю, что премьера похожа на прямой эфир - там есть чат 💬, в котором можно общаться, есть колокольчик 🛎, в который можно звонить, а так же палец 👍🏻, на который можно нажать.
А поддержать мой канал 🤑 и угостить меня пивом 🍺 можно вот по этой ссылке.
Друзья!
Короткое видео-объявление. Продублирую здесь.
Если вы хотите, чтобы мы с @nezdolIy разобрали вашу вёрстку и макет на стриме в рубрике #CSS-разбор - пишите мне в личку.
@serdyuk
https://youtu.be/4dZkPf6Rtgc
Короткое видео-объявление. Продублирую здесь.
Если вы хотите, чтобы мы с @nezdolIy разобрали вашу вёрстку и макет на стриме в рубрике #CSS-разбор - пишите мне в личку.
@serdyuk
https://youtu.be/4dZkPf6Rtgc
Немного о планах на эту и следующую недели.
Завтра (26,01) выйдет видео - продолжение вёрстки сайта R-olio 💻. Сверстаем карточку товара и раздел в ней.
Послезавтра (27.01) в 13:00 по Киеву проведём общительный разговорный стрим. Верстать не буду, но поговорить часик - поговорим. Ссылка на этот стрим тут: https://youtu.be/bLJVTc7god0
Нажмите на колокольчик 🛎, чтобы не пропустить начало стрима!
Возможно в субботу (но это не точно) будет CSS-разбор. Если в эту субботу разбора не будет - он однозначно будет на следующей неделе.
Кроме того, на следующей неделе начнём ещё один цикл видео по вёрстке совсем для новичков. Для тех, кто уже знает вёрстку, некоторые видео могут оказаться полезными для повторения и обновления старых знаний.
Видео по написанию игры обязательно будут, я не забыл. Пока думаю, делать её на чистом JS или на Vue, который буду изучать прямо на стримах вместе с вами.
Завтра (26,01) выйдет видео - продолжение вёрстки сайта R-olio 💻. Сверстаем карточку товара и раздел в ней.
Послезавтра (27.01) в 13:00 по Киеву проведём общительный разговорный стрим. Верстать не буду, но поговорить часик - поговорим. Ссылка на этот стрим тут: https://youtu.be/bLJVTc7god0
Нажмите на колокольчик 🛎, чтобы не пропустить начало стрима!
Возможно в субботу (но это не точно) будет CSS-разбор. Если в эту субботу разбора не будет - он однозначно будет на следующей неделе.
Кроме того, на следующей неделе начнём ещё один цикл видео по вёрстке совсем для новичков. Для тех, кто уже знает вёрстку, некоторые видео могут оказаться полезными для повторения и обновления старых знаний.
Видео по написанию игры обязательно будут, я не забыл. Пока думаю, делать её на чистом JS или на Vue, который буду изучать прямо на стримах вместе с вами.
YouTube
Праздничный birthday-стрим. Поговорим обо всём, отвечаю на вопросы по вёрстке, html, css, js.
Поболтаем на полурабочем стриме про вёрстку, html, css, js и просто "за жизнь".👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack💬 Ссы...
Как и обещал вчера, новое видео по вёрстке лендинга R-olio уже на канале. Премьера - в 20:30, то есть через 18 минут! 🎥 Го смотреть!
https://www.youtube.com/watch?v=q9JbXi-UwWQ
https://www.youtube.com/watch?v=q9JbXi-UwWQ
YouTube
Верстка продающего лендинга R-olio. #3 Делаем карточку товара.
В этом уроке сверстаем карточку товара, покажу работу с компонентами, а так же с CSS custom properties.🖼️ Ссылка на макет: https://www.figma.com/file/JOml4b...
Стрим начнём через 5 минут!
https://www.youtube.com/watch?v=bLJVTc7god0
https://www.youtube.com/watch?v=bLJVTc7god0
YouTube
Праздничный birthday-стрим. Поговорим обо всём, отвечаю на вопросы по вёрстке, html, css, js.
Поболтаем на полурабочем стриме про вёрстку, html, css, js и просто "за жизнь".👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack💬 Ссы...
КМБ по JS day 0
Скоро мне, Колину Робинсону, как и многим из вас предстоит снова встретиться со страшными и злыми HR and Team Lead во время интервью. А значит нужно освежить память и немного вспомнить что к чему в нашем любимом ДЖС.
Ближайшие 10 дней я буду делать шпаргалку-миниотчето своей подготовке к этому событию (мой субъективный миникурс по основам еще в разработке). Надеюсь что вам понравиться проделанная работа и после КМБ я продолжу писать для вас интересные посты и придумывать активности.
В нулевом дне рассмотрим такие небольшие темы как:
1) Знакомство с JavaScript
2) Переменные и их особенности
3) Типы данных
Ссылка на статью:
https://telegra.ph/KMB-po-JS-day-0-02-03
Надеюсь вам понравиться такой подгончик и вы узнаете что-то новое (хотя весь "движ" будет в следующих днях, их всего +-10 будет)
Также при желании можете поддержать развитие и выход дальнейших статей не только секции КМБ но и миникурса для начинающих и просто об интересностях нашего с вами любимого языка по ссылке: https://send.monobank.ua/2hRtPEUJ4v
P.S. Ошибки будут исправлены в течении дня.
Всем продуктивной недели и успехов в вебе /*обнял*/ ❤️
Скоро мне, Колину Робинсону, как и многим из вас предстоит снова встретиться со страшными и злыми HR and Team Lead во время интервью. А значит нужно освежить память и немного вспомнить что к чему в нашем любимом ДЖС.
Ближайшие 10 дней я буду делать шпаргалку-миниотчето своей подготовке к этому событию (мой субъективный миникурс по основам еще в разработке). Надеюсь что вам понравиться проделанная работа и после КМБ я продолжу писать для вас интересные посты и придумывать активности.
В нулевом дне рассмотрим такие небольшие темы как:
1) Знакомство с JavaScript
2) Переменные и их особенности
3) Типы данных
Ссылка на статью:
https://telegra.ph/KMB-po-JS-day-0-02-03
Надеюсь вам понравиться такой подгончик и вы узнаете что-то новое (хотя весь "движ" будет в следующих днях, их всего +-10 будет)
Также при желании можете поддержать развитие и выход дальнейших статей не только секции КМБ но и миникурса для начинающих и просто об интересностях нашего с вами любимого языка по ссылке: https://send.monobank.ua/2hRtPEUJ4v
P.S. Ошибки будут исправлены в течении дня.
Всем продуктивной недели и успехов в вебе /*обнял*/ ❤️
Telegraph
КМБ по JS day 0
Скоро мне, Колину Робинсону, как и многим из вас предстоит снова встретиться со страшными и злыми HR and Team Lead во время интервью. А значит нужно освежить память и немного вспомнить что к чему в нашем любимом ДЖС. Ближайшие 10 дней я буду делать шпаргалку…
На данный момент отснял 8 часов видео по R-olio, почти закончил сайт, сейчас сижу монтирую. Ждите новых видосов на канале. Кроме того, в среду, в 17:00 будет стрим с разбором сайта. Как обычно, я и @nezdolIy посмотрим на дизайн и вёрстку, обсудим основные ошибки. Анонс стрима совсем скоро появится на канале.
А вот и новое видео на канале! Продолжаю верстать сайт R-olio. Сегодня первая часть моей длинной эпопеи со слайдером. Завтра к обеду смонтирую продолжение.
https://youtu.be/tyabpsD20d4
https://youtu.be/tyabpsD20d4
YouTube
Верстка продающего лендинга R-olio. #4.1 Делаем слайдер (начало)
В этом уроке начнём верстать слайдер, покажу работу со Swiper.
🖼️ Ссылка на макет: https://www.figma.com/file/JOml4b3AclLSKzTkhntB8T/R-olio-work?node-id=1%3A2764
👨🏼💻 Ссылка на сборку: https://bit.ly/esystart
💬 Ссылка на канал в телеграмме: https://bit.ly/css_notes…
🖼️ Ссылка на макет: https://www.figma.com/file/JOml4b3AclLSKzTkhntB8T/R-olio-work?node-id=1%3A2764
👨🏼💻 Ссылка на сборку: https://bit.ly/esystart
💬 Ссылка на канал в телеграмме: https://bit.ly/css_notes…
Всем привет!
Соскучились за CSS-разборами? У меня их есть для вас!
https://youtu.be/s4GPUnBxFms
Сегодня, в 17:30 по Киеву проведём стрим вместе с @nezdolIy, разберём два сайта:
1. @notychWeb скинул нам на разбор свой сайт-портфолио. Посмотрим на него.
2. @jamesborn89 сделал лендинг машинки-трансформера, который мы тоже будем смотреть и разбирать по кусочкам.
Запись этого стрима останется на канале для тех, кто не успел, как и ссылка на страничку поддержки.
Соскучились за CSS-разборами? У меня их есть для вас!
https://youtu.be/s4GPUnBxFms
Сегодня, в 17:30 по Киеву проведём стрим вместе с @nezdolIy, разберём два сайта:
1. @notychWeb скинул нам на разбор свой сайт-портфолио. Посмотрим на него.
2. @jamesborn89 сделал лендинг машинки-трансформера, который мы тоже будем смотреть и разбирать по кусочкам.
Запись этого стрима останется на канале для тех, кто не успел, как и ссылка на страничку поддержки.
YouTube
CSS + UI/UX разбор #5
Сразу два Романа - дизайнер и верстальщик, в прямом эфире укажут на недостатки в своей области веб-разработки. Посмотрим и на ошибки дизайнера, и верстальщика, узнаем, что можно и нужно исправить и как не допустить аналогичных ошибок!
👨🏼💻 Ссылка на сборку:…
👨🏼💻 Ссылка на сборку:…
Стартуем! Вэлкам на стрим!
https://www.youtube.com/watch?v=s4GPUnBxFms
https://www.youtube.com/watch?v=s4GPUnBxFms
YouTube
CSS + UI/UX разбор #5
Сразу два Романа - дизайнер и верстальщик, в прямом эфире укажут на недостатки в своей области веб-разработки. Посмотрим и на ошибки дизайнера, и верстальщика, узнаем, что можно и нужно исправить и как не допустить аналогичных ошибок!
👨🏼💻 Ссылка на сборку:…
👨🏼💻 Ссылка на сборку:…
Forwarded from 01010010101010
В ожидании aspect-ratio:
все «хаки» для пропорциональных боксов
В ожидании широкой поддержки свойства aspect‑ratio предлагаю вам вспомнить несколько вариаций "хака", которыe мы все еще можем использовать, чтобы достичь такого же поведения с обычными боксами.
https://habr.com/ru/post/542212
#CSSfieldnotes
все «хаки» для пропорциональных боксов
В ожидании широкой поддержки свойства aspect‑ratio предлагаю вам вспомнить несколько вариаций "хака", которыe мы все еще можем использовать, чтобы достичь такого же поведения с обычными боксами.
https://habr.com/ru/post/542212
#CSSfieldnotes
Новое видео по вёрстке лендинга "R-olio" уже на канале!
Переходите по ссылке, смотрите видео и обязательно поставьте лайк или дизлайк: так я буду понимать, нравится ли вам подобный контент или пора менять формат!
А так же не забывайте прокомментировать увиденное и, конечно же, нажать на колокольчик, что бы не пропускать новые видео и стримы!
Переходите по ссылке, смотрите видео и обязательно поставьте лайк или дизлайк: так я буду понимать, нравится ли вам подобный контент или пора менять формат!
А так же не забывайте прокомментировать увиденное и, конечно же, нажать на колокольчик, что бы не пропускать новые видео и стримы!
YouTube
Верстка продающего лендинга R-olio. #4.2 Делаем слайдер (продолжение). Сборка Gulp4.
В этом уроке продолжаем верстать swiper-слайдер, делаем необычные точки (буллеты) с названием слайдов внутри, кастомизируем каждый слайд по отдельности. Верс...
А вот и обещанное видео! Уже залито на канал и полностью готово к просмотру!
https://youtu.be/uIWlabVyEK8
Не забудьте подписаться на канал, поставить лайк этому видео, а так же перейти по ссылке в описании под роликом и передать привет в виден лайка Александру Лущенко за то, что подкинул мне тему для размышлений!
https://youtu.be/uIWlabVyEK8
Не забудьте подписаться на канал, поставить лайк этому видео, а так же перейти по ссылке в описании под роликом и передать привет в виден лайка Александру Лущенко за то, что подкинул мне тему для размышлений!
Курс молодого бойца принял новый облик. Редактирую 5 вордовских страниц следующего урока + напишу заново примеры кода, чтобы вы могли склонить репо к себе и потыкать джс своими же руками. Так же данный формат предоставляет некоторые нововведения, а именно возможность комьюнити предлагать свои примеры кода в уже имеющиеся уроки (об этом позже) ну и предлагать свои темы для нашего свами рассмотрения. Надеюсь что за ближайшие 2-4 недели мы пройдем с вами теоретическую базу и начнем писать какой-то небольшой проект + паралельно немного уйдем во вью и углубленный джс. В общем думаю вместе с вами мы еще немного опустим точку входа в мир джс разработки и со временем создадим еще один ресурс для изучения/повторения языка перед собесами и т.д.
UPD: сам урок будет часа через 2 :с
UPD: сам урок будет часа через 2 :с