Forwarded from Веб-страница
Наверняка каждый JavaScript-разработчик использовал метод
Но есть много других логов, которые могут помочь повысить эффективность отладки кода на JS. В этой статье читайте про 8 самых интересных из них:
https://tprg.ru/Lvha
#javascript #nodejs
console.log(‘text’) для отладки кода. Скорее всего, console.warn() и console.error() вам тоже знакомы.Но есть много других логов, которые могут помочь повысить эффективность отладки кода на JS. В этой статье читайте про 8 самых интересных из них:
https://tprg.ru/Lvha
#javascript #nodejs
Привет. Давно ничего не писал на канале. Так уж сложилось, что в последнее время был занят техническими вопросами и на философию времени совсем не осталось.
Тем не менее, результат моих "технических вопросов" вот тут, по ссылочке.
Это обновлённая сборка "Easy webdev startpack".
Ещё меньше нужно делать руками, ещё больше автоматизации!
Вэлкам!
Тем не менее, результат моих "технических вопросов" вот тут, по ссылочке.
Это обновлённая сборка "Easy webdev startpack".
Ещё меньше нужно делать руками, ещё больше автоматизации!
Вэлкам!
GitHub
GitHub - budfy/Easy-webdev-startpack: Сборка Gulp4 с плагинами для разработки вебпроектов
Сборка Gulp4 с плагинами для разработки вебпроектов - budfy/Easy-webdev-startpack
Привет! Давненько не было ничего на моём канале, казалось даже, что я его забросил. Но не тут -то было!
26 декабря, в день Рождества, проведём новогодний стрим.
Что будет на стриме:
- поболтаем о том, что важного произошло в 2020 году и какие планы на 2021-й;
- расскажу о своей сборке, как она работает и какие планы на будущее в этом направлении;
- поговорим с дизайнером о дизайне для верстальщиков и вёрстке для дизайнеров;
-- поговорим с ещё одним админом чата "От 0 до 1";
- начнём отмечать Новый Год ))
А чтобы не забыть о стриме, подпишитесь на канал и нажмите на колокольчик по ссылке. Так ютуб напомнит вам о нём.
https://youtu.be/JxrarYanMxA
26 декабря, в день Рождества, проведём новогодний стрим.
Что будет на стриме:
- поболтаем о том, что важного произошло в 2020 году и какие планы на 2021-й;
- расскажу о своей сборке, как она работает и какие планы на будущее в этом направлении;
- поговорим с дизайнером о дизайне для верстальщиков и вёрстке для дизайнеров;
-- поговорим с ещё одним админом чата "От 0 до 1";
- начнём отмечать Новый Год ))
А чтобы не забыть о стриме, подпишитесь на канал и нажмите на колокольчик по ссылке. Так ютуб напомнит вам о нём.
https://youtu.be/JxrarYanMxA
YouTube
Прямая трансляция пользователя CSS_notes
👨🏼💻 Ссылка на сборку: https://github.com/budfy/Easy-webdev-startpack💬 Ссылка на канал в телеграмме: https://t.me/css_notes💻 Ссылка на GitHub: https://g...
Forwarded from Веб-страница
Расширенный HTML
EHTML — это библиотека, которая расширяет обычные возможности HTML. С помощью неё можно, не используя JavaScript, отправить формы в json формате, загрузить HTML темплейты на определенную страницу и многое другое.
В этой статье автор библиотеки подробно рассказывает о её возможностях:
https://tprg.ru/byzH
#HTML
EHTML — это библиотека, которая расширяет обычные возможности HTML. С помощью неё можно, не используя JavaScript, отправить формы в json формате, загрузить HTML темплейты на определенную страницу и многое другое.
В этой статье автор библиотеки подробно рассказывает о её возможностях:
https://tprg.ru/byzH
#HTML
Forwarded from Веб-страница
20 полезных репозиториев GitHub
У программистов с опытом уже есть определённый инструментарий и база знаний, а вот у начинающих — нет.
В этой подборке 20 репозиториев, которые содержат в себе ПО, советы, шаблоны проектирования и многое другое, которые пригодятся не только начинающим, но и уже опытным разработчикам:
https://tprg.ru/2oXT
#github
У программистов с опытом уже есть определённый инструментарий и база знаний, а вот у начинающих — нет.
В этой подборке 20 репозиториев, которые содержат в себе ПО, советы, шаблоны проектирования и многое другое, которые пригодятся не только начинающим, но и уже опытным разработчикам:
https://tprg.ru/2oXT
#github
Всем привет!
У нас огромные планы на эту неделю:
1. Ещё немного подшаманил сборку. Теперь на мелочи нужно будет отвлекаться ещё меньше, а сама сборка ввиду уменьшения количества тасков будет работать чуточку быстрее. ⏱
2. Подправил один из плагинов сборки ивыкатил на npmjs.org (выкатить-то выкатил, но нашёл ошибку и удалил, пока никто не установил себе, а перезалить ту же версию можно только через сутки, так что вечером залью по-новой). ⚙️
3. В планах на вторник, 12 января - новый ролик о том, как вообще пользоваться сборкой. Раз на письменный мануал времени нет - запишу об этом видео. 🛠
4. В четверг, 14 января проведём стрим с CSS-разбором вёрстки. БОНУС - разбор дизайна свёрстанного сайта от @nezdolIy Разберём всё до винтиков! 🔩
5. В субботу, 16 января начну новую серию видео, где будем делать игру на HTML/CSS/JS. Нет, это будет не кликер и не платформер. Я хочу повторить проект киевской компании Rada.ltd и запилить экономический симулятор. В этом году исполняется 30 лет игре "Коммерсантъ", выпущенной под MS-DOS. Кто постарше, скорее всего, помнят её. Так вот, есть идея с нуля написать такую игру на знакомых нам всем технологиях. Будет интересно! 📟
Напоминаю, что поддержать меня 💵 можно по ссылке ниже.
У нас огромные планы на эту неделю:
1. Ещё немного подшаманил сборку. Теперь на мелочи нужно будет отвлекаться ещё меньше, а сама сборка ввиду уменьшения количества тасков будет работать чуточку быстрее. ⏱
2. Подправил один из плагинов сборки и
3. В планах на вторник, 12 января - новый ролик о том, как вообще пользоваться сборкой. Раз на письменный мануал времени нет - запишу об этом видео. 🛠
4. В четверг, 14 января проведём стрим с CSS-разбором вёрстки. БОНУС - разбор дизайна свёрстанного сайта от @nezdolIy Разберём всё до винтиков! 🔩
5. В субботу, 16 января начну новую серию видео, где будем делать игру на HTML/CSS/JS. Нет, это будет не кликер и не платформер. Я хочу повторить проект киевской компании Rada.ltd и запилить экономический симулятор. В этом году исполняется 30 лет игре "Коммерсантъ", выпущенной под MS-DOS. Кто постарше, скорее всего, помнят её. Так вот, есть идея с нуля написать такую игру на знакомых нам всем технологиях. Будет интересно! 📟
Напоминаю, что поддержать меня 💵 можно по ссылке ниже.
Как и обещал вчера, обновил сборку до версии 2.1.0
🤯 В новом релизе немного по-другому построена работа с scss и БЭМ-компонентами, переписаны таски и файл style.scss, изменена структура папок. Подробности будут вечером на канале в новом ролике.
🤖 Слегка допилил плагин gulp-svg-css, научил его генерировать не только фоновую картинку и css-класс из файла svg, но и создавать псевдоэлементы с соответствующим фоном. Сперва попробовал-было отправить контрибьют автору плагина, но судя по тому, что плагин обновлялся в 2016 году, контрибьюта нам ждать долго, а добавить плагин в сборку и юзать вместе с вами хочется уже сейчас. Поэтому создал форк и залил его на npmjs.com
Подробности того, как работает плагин, опять же, покажу в ролике о сборке, а скачать его можно будет по ссылке либо установить в свою сборку с помощью команды
💰 Ну а поблагодарить меня за сборку, плагин и ролики на ютубе, а заодно и поздравить с наступающим совсем скоро 🎂 днём рождения вы можете по вот этой ссылке.
🤯 В новом релизе немного по-другому построена работа с scss и БЭМ-компонентами, переписаны таски и файл style.scss, изменена структура папок. Подробности будут вечером на канале в новом ролике.
🤖 Слегка допилил плагин gulp-svg-css, научил его генерировать не только фоновую картинку и css-класс из файла svg, но и создавать псевдоэлементы с соответствующим фоном. Сперва попробовал-было отправить контрибьют автору плагина, но судя по тому, что плагин обновлялся в 2016 году, контрибьюта нам ждать долго, а добавить плагин в сборку и юзать вместе с вами хочется уже сейчас. Поэтому создал форк и залил его на npmjs.com
Подробности того, как работает плагин, опять же, покажу в ролике о сборке, а скачать его можно будет по ссылке либо установить в свою сборку с помощью команды
npm i gulp-svg-css-pseudo -D.💰 Ну а поблагодарить меня за сборку, плагин и ролики на ютубе, а заодно и поздравить с наступающим совсем скоро 🎂 днём рождения вы можете по вот этой ссылке.
Всем привет!
Как и обещал, сегодня выложил видео о том, как работать со сборкой 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...