CSS-заметки
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
Немного о планах на эту и следующую недели.
Завтра (26,01) выйдет видео - продолжение вёрстки сайта R-olio 💻. Сверстаем карточку товара и раздел в ней.
Послезавтра (27.01) в 13:00 по Киеву проведём общительный разговорный стрим. Верстать не буду, но поговорить часик - поговорим. Ссылка на этот стрим тут: https://youtu.be/bLJVTc7god0
Нажмите на колокольчик 🛎, чтобы не пропустить начало стрима!
Возможно в субботу (но это не точно) будет CSS-разбор. Если в эту субботу разбора не будет - он однозначно будет на следующей неделе.
Кроме того, на следующей неделе начнём ещё один цикл видео по вёрстке совсем для новичков. Для тех, кто уже знает вёрстку, некоторые видео могут оказаться полезными для повторения и обновления старых знаний.
Видео по написанию игры обязательно будут, я не забыл. Пока думаю, делать её на чистом JS или на Vue, который буду изучать прямо на стримах вместе с вами.
КМБ по 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. Ошибки будут исправлены в течении дня.

Всем продуктивной недели и успехов в вебе /*обнял*/ ❤️
На данный момент отснял 8 часов видео по R-olio, почти закончил сайт, сейчас сижу монтирую. Ждите новых видосов на канале. Кроме того, в среду, в 17:00 будет стрим с разбором сайта. Как обычно, я и @nezdolIy посмотрим на дизайн и вёрстку, обсудим основные ошибки. Анонс стрима совсем скоро появится на канале.
Всем привет!
Соскучились за CSS-разборами? У меня их есть для вас!
https://youtu.be/s4GPUnBxFms
Сегодня, в 17:30 по Киеву проведём стрим вместе с @nezdolIy, разберём два сайта:
1. @notychWeb скинул нам на разбор свой сайт-портфолио. Посмотрим на него.
2. @jamesborn89 сделал лендинг машинки-трансформера, который мы тоже будем смотреть и разбирать по кусочкам.
Запись этого стрима останется на канале для тех, кто не успел, как и ссылка на страничку поддержки.
Forwarded from 01010010101010
В ожидании aspect-ratio:
все «хаки» для пропорциональных боксов

В ожидании широкой поддержки свойства aspect‑ratio предлагаю вам вспомнить несколько вариаций "хака", которыe мы все еще можем использовать, чтобы достичь такого же поведения с обычными боксами.

https://habr.com/ru/post/542212

#CSSfieldnotes
Новое видео по вёрстке лендинга "R-olio" уже на канале!
Переходите по ссылке, смотрите видео и обязательно поставьте лайк или дизлайк: так я буду понимать, нравится ли вам подобный контент или пора менять формат!
 А так же не забывайте прокомментировать увиденное и, конечно же, нажать на колокольчик, что бы не пропускать новые видео и стримы!
Друзья, вы же ещё не ложились спать, правда?
Во. И не надо пока. Прямо сейчас для вас рендерится ещё один ролик на канал. Скоро будет! Как говорится, не переключайтесь!
А вот и обещанное видео! Уже залито на канал и полностью готово к просмотру!
https://youtu.be/uIWlabVyEK8
Не забудьте подписаться на канал, поставить лайк этому видео, а так же перейти по ссылке в описании под роликом и передать привет в виден лайка Александру Лущенко за то, что подкинул мне тему для размышлений!
Курс молодого бойца принял новый облик. Редактирую 5 вордовских страниц следующего урока + напишу заново примеры кода, чтобы вы могли склонить репо к себе и потыкать джс своими же руками. Так же данный формат предоставляет некоторые нововведения, а именно возможность комьюнити предлагать свои примеры кода в уже имеющиеся уроки (об этом позже) ну и предлагать свои темы для нашего свами рассмотрения. Надеюсь что за ближайшие 2-4 недели мы пройдем с вами теоретическую базу и начнем писать какой-то небольшой проект + паралельно немного уйдем во вью и углубленный джс. В общем думаю вместе с вами мы еще немного опустим точку входа в мир джс разработки и со временем создадим еще один ресурс для изучения/повторения языка перед собесами и т.д.

UPD: сам урок будет часа через 2 :с
Йой, трохи затримався.
И так, продолжаем учить/повторять JS.
Что из нового:
Теперь все уроки будут собраны в 1 месте, а примеры кода можно будет стянуть к себе на комп и потыкать самостоятельно
Общая репо с навигацией: https://github.com/KolinRobinson/KMB
Вы можете делать вклад вразвитие этой ребрики, тем самым улучшая нашу шпаргалку и помагая новичкам предлагая в гите свои изменения
Также вы можете исправить ошибки таким же образом (я часто пишу ночами из-за нехватки времени и по этому не все успеваю отредачить)
Также вы можете ставить отслеживание на репо и узнавать о выходе статей первыми
Звездочки в репо тоже приветствуются

Что мы рассмотрели в Часте 1 / Урок 1
В данном уроке мы выучим/повторим операторы. И чтобы лучше их понять добавил иф и свитч инструкции.
Также появилась домашка, которую рекомендовано пройти тем кто начинает свое погружение в мир ДЖСа, если вы претендуете на уровень джуна - для вас все задачки будут простыми и можете решить их в голове, но сравнение с андефаинд в жизнипригодится)

Ознакомиться с материалом данной части изучения можно по ссылке https://github.com/KolinRobinson/KMB/tree/main/lesson%201

Всем удачного изучения и совбесов👌

Поддержать проект можно по ссылке: https://send.monobank.ua/2hRtPEUJ4v
Всем привет!
Давненько не было ничего нового на канале. Честно говоря, у меня было не много времени в последние пару недель, всё никак не успевал смонтировать видео для вас. Но вот появилась минутка и я сделал новый ролик о вёрстке слайдера. Наконец-то покончим с ним и на следующей неделе перейдём уже к другим секциям!
https://youtu.be/jk4gx99tMfM
Помните? С вас лайк 👍 и коммент 💭 !
Это на столько же круто выглядит, на скол ко просто делается! Прям Вау!
Forwarded from Веб-страница
Создание объемной фигуры из текста с анимацией на HTML и CSS

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

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

https://tprg.ru/DIat

#фронтенд #html #css
Forwarded from Хабр
​​«Статья может обидеть тех, кто прикипел к вёрстке дивами. Но <div> — не приговор, и мы не призываем от него целиком отказываться. Ну и всегда можно договориться»

Забудьте про div, семантика спасёт Интернет
Где обещанные видосы? Ты ж обещал в воскресенье выложить.
Рассказываю. В воскресенье утром после поездки в Киев у меня была температура 39 и адски болело горло. Сейчас уже полегчаало, температуры нет, горло болит не так сильно, но появился насморк и кашель (нет, не корона, я проверял, тест негативный).
Вероятно, не всем понравится, если я буду говорить мало (потому что врач рекомендует пока не нагружать горло лишний раз) и как переводчик из 90-х. Но если всё будет ОК, то на следующей неделе сделаем стрим-разбор и запишу 2-3 видоса по вёрстке. Возможно позже будет ещё разговорный стрим с ответами на вопросы.
Пока есть время - продумываю планы на канал на будущее.