Распространённые ошибки при написании CSS с помощью БЭМ
При разработке программного обеспечения важно согласовать руководящие принципы, технологии и методологии. Одной из таких методологий является БЭМ. Если вы хотите работать в команде, применяющей методологию БЭМ, то стоит убедиться, что вы всё делаете правильно.
Какие ошибки могут возникнуть, узнаете здесь:
https://tprg.ru/f2Uy
#css
При разработке программного обеспечения важно согласовать руководящие принципы, технологии и методологии. Одной из таких методологий является БЭМ. Если вы хотите работать в команде, применяющей методологию БЭМ, то стоит убедиться, что вы всё делаете правильно.
Какие ошибки могут возникнуть, узнаете здесь:
https://tprg.ru/f2Uy
#css
JavaScript: разрабатываем приложение для записи звука
Небольшой туториал по созданию приложения на JavaScript, которое сможет записывать звук, сохранять его, а также воспроизводить запись. В общем говоря, это веб-версия диктофона.
Хотите научиться также? Тогда открывайте статью:
https://tprg.ru/nrOW
#javascript
Небольшой туториал по созданию приложения на JavaScript, которое сможет записывать звук, сохранять его, а также воспроизводить запись. В общем говоря, это веб-версия диктофона.
Хотите научиться также? Тогда открывайте статью:
https://tprg.ru/nrOW
#javascript
Интерактивное руководство по созданию @keyframe анимации
Анимация с помощью
В этой статье вы углубитесь в ключевые кадры CSS. Вы узнаете, как они работают, и посмотрите, как создать с их помощью довольно шикарную анимацию.
https://tprg.ru/lqWA
#css
Анимация с помощью
@keyframes — это один из самых мощных и универсальных инструментов в CSS, и мы можем использовать его для самых разных отличных вещей. В этой статье вы углубитесь в ключевые кадры CSS. Вы узнаете, как они работают, и посмотрите, как создать с их помощью довольно шикарную анимацию.
https://tprg.ru/lqWA
#css
Безопасный CSS
Безопасный CSS — это набор сниппетов, которые могут помочь вам в написании защищённого CSS. Другими словами, у вас будет меньше проблем в будущем при их использовании.
Подробнее в статье:
https://tprg.ru/Io0E
#css
Безопасный CSS — это набор сниппетов, которые могут помочь вам в написании защищённого CSS. Другими словами, у вас будет меньше проблем в будущем при их использовании.
Подробнее в статье:
https://tprg.ru/Io0E
#css
Ahmad Shadeed Blog
Defensive CSS - Ahmad Shadeed
A list of defensive CSS techniques to avoid potential future issues
Попап вместо селекта: новые HTML-элементы наконец-то решат старую проблему
В своём новом видео Вадим Макеев рассказал про новый способ создания выпадающего меню, который пока что находится на стадии разработки, но уже сейчас его можно «пощупать». Он решит проблему стилизации и большого количества JS-кода в случае создания кастомного кроссбраузерного селектора.
Подробнее:
https://www.youtube.com/watch?v=mG0VFWCTnZI
#видео #фронтенд #html
В своём новом видео Вадим Макеев рассказал про новый способ создания выпадающего меню, который пока что находится на стадии разработки, но уже сейчас его можно «пощупать». Он решит проблему стилизации и большого количества JS-кода в случае создания кастомного кроссбраузерного селектора.
Подробнее:
https://www.youtube.com/watch?v=mG0VFWCTnZI
#видео #фронтенд #html
YouTube
🥨 Попап вместо селекта: ✨новые HTML-элементы✨ наконец-то решат старую проблему
00:00 Интро
00:22 В чём проблема?
01:50 Описание задачи
02:34 Недостатки селекта
04:36 Что нам нужно
05:22 Open UI
07:20 Попап вместо селекта
09:46 Стилизация попапа
11:45 Доступность и фокус
13:52 Кроссбраузерность
15:41 Выводы
16:59 Аутро
Нравится? Становитесь…
00:22 В чём проблема?
01:50 Описание задачи
02:34 Недостатки селекта
04:36 Что нам нужно
05:22 Open UI
07:20 Попап вместо селекта
09:46 Стилизация попапа
11:45 Доступность и фокус
13:52 Кроссбраузерность
15:41 Выводы
16:59 Аутро
Нравится? Становитесь…
Forwarded from Типичный программист
Милоты пост: парень собрал для бабушки устройство, которое позволяет ей получать фотки от внуков с помощью термопринтера и чековый ленты.
Чтобы распечатать фото с подписью, достаточно просто отправить его в Telegram. Фотка автоматически напечатается на термопринтере, а бабушке останется только её оторвать.
Устройство работает на Raspberry Pi Zero 2 и встроенном SIM-модеме. А подробнее о процессе разработки можно почитать в этом Twitter-треде: https://twitter.com/palmerabollo/status/1480599689003212805
#diy #raspberry
Чтобы распечатать фото с подписью, достаточно просто отправить его в Telegram. Фотка автоматически напечатается на термопринтере, а бабушке останется только её оторвать.
Устройство работает на Raspberry Pi Zero 2 и встроенном SIM-модеме. А подробнее о процессе разработки можно почитать в этом Twitter-треде: https://twitter.com/palmerabollo/status/1480599689003212805
#diy #raspberry
Создаём красивые градиенты
Хотите разобраться, как работают градиенты в браузерах? Это поможет вам создавать качественные градиенты без некрасивых переходов цветов.
Если интересно, то переходите по ссылке. А ещё там вы найдёте уже готовый генератор градиентов:
https://www.joshwcomeau.com/css/make-beautiful-gradients/
#фронтенд #css
Хотите разобраться, как работают градиенты в браузерах? Это поможет вам создавать качественные градиенты без некрасивых переходов цветов.
Если интересно, то переходите по ссылке. А ещё там вы найдёте уже готовый генератор градиентов:
https://www.joshwcomeau.com/css/make-beautiful-gradients/
#фронтенд #css
5 лучших расширений VS Code для разработчиков Vue на 2022 год
VS Code является наиболее популярным редактором кода среди веб-разработчиков благодаря открытому исходному коду и множеству полезных расширений. Вероятно, многие из вас тоже пользуются именно им. А если вы ещё и работаете с Vue, то в этой статье вы найдёте 5 расширений, которые придутся вам по душе:
https://blog.openreplay.com/top-5-vs-code-extensions-for-vue-developers-for-2022
#фронтенд #vue
VS Code является наиболее популярным редактором кода среди веб-разработчиков благодаря открытому исходному коду и множеству полезных расширений. Вероятно, многие из вас тоже пользуются именно им. А если вы ещё и работаете с Vue, то в этой статье вы найдёте 5 расширений, которые придутся вам по душе:
https://blog.openreplay.com/top-5-vs-code-extensions-for-vue-developers-for-2022
#фронтенд #vue
Noutbuk tanlashda nimalarga eʼtibor berish kerak?
👨💻 Eng optimal noutbuk tanlashda eʼtibor berishingiz kerak boʻlgan elementlarni keltirib oʻtamiz:
💾 RAM — tezkor xotira
🔹 2 GB hajmga ega xotira sizga ofis dasturlari uchun ishlashda muammo tugʻdirmaydi;
🔹 8 GB hajmga ega xotirada dizayn va 3D modellashtirish uchun moʻljallangan dasturlarni erkin ishlata olasiz;
🔹 16 GB hajmli xotirada moushn grafika, videolarni render qiluvchi dasturlar ancha tez ishlaydi.
🎞 Videokarta
🔹 Videokartasiz noutbuklar ham unchalik yomon emas, yaʼni noutbuk ishlashida katta muammolar tugʻilmaydi;
🔹 2 GB hajmli videokarta onlayn oʻyinlar va dizayn dasturlarini ancha tezlatadi;
🔹 4 GB hajmli videokartada eng katta oʻyinlar va dasturlar ham, maʼlumotlar almashinuvi ham juda tez amalga oshiriladi.
🔋 Batareyka
🔹 3000 mA / soatdan kam batareyali noutbuklar 2-3 soat zaryadsiz ishlashi mumkin;
🔹 3000 — 6000 mA / soatlik batareyali noutbuklar 3-5 soatgacha zaryadsiz ishlay olishi mumkin;
🔹 8000 mA / soat va undan yuqori amp
👇👇
@procodeuz
👨💻 Eng optimal noutbuk tanlashda eʼtibor berishingiz kerak boʻlgan elementlarni keltirib oʻtamiz:
💾 RAM — tezkor xotira
🔹 2 GB hajmga ega xotira sizga ofis dasturlari uchun ishlashda muammo tugʻdirmaydi;
🔹 8 GB hajmga ega xotirada dizayn va 3D modellashtirish uchun moʻljallangan dasturlarni erkin ishlata olasiz;
🔹 16 GB hajmli xotirada moushn grafika, videolarni render qiluvchi dasturlar ancha tez ishlaydi.
🎞 Videokarta
🔹 Videokartasiz noutbuklar ham unchalik yomon emas, yaʼni noutbuk ishlashida katta muammolar tugʻilmaydi;
🔹 2 GB hajmli videokarta onlayn oʻyinlar va dizayn dasturlarini ancha tezlatadi;
🔹 4 GB hajmli videokartada eng katta oʻyinlar va dasturlar ham, maʼlumotlar almashinuvi ham juda tez amalga oshiriladi.
🔋 Batareyka
🔹 3000 mA / soatdan kam batareyali noutbuklar 2-3 soat zaryadsiz ishlashi mumkin;
🔹 3000 — 6000 mA / soatlik batareyali noutbuklar 3-5 soatgacha zaryadsiz ishlay olishi mumkin;
🔹 8000 mA / soat va undan yuqori amp
👇👇
@procodeuz
Forwarded from Веб-страница
Визуальное руководство по useEffect
Отличная статья для тех, кто с трудом понимает как работает
https://alexsidorenko.com/blog/useeffect/
#react
Отличная статья для тех, кто с трудом понимает как работает
useEffect в React и зачем он нужен. Здесь на понятных и простых примерах наглядно показано, как ведёт себя код в различных случаях, когда необходимо использовать useEffect с ним и без него:https://alexsidorenko.com/blog/useeffect/
#react
Forwarded from Веб-страница
Как сделать дизайн сайта с нуля? Гайд в трёх частях
Создание дизайна сайта — это не просто подбор подходящих цветов по палитре, а полноценное проектирование.
У нас есть гайд из трёх частей, в котором вы узнаете, как с нуля создать высококачественный сайт:
1. Какой сайт вам нужен: https://tprg.ru/XmW6
2. Визуальная концепция: https://tprg.ru/a3dG
3. Инструменты для создания макета: https://tprg.ru/XmW6
#фронтенд #дизайн
Создание дизайна сайта — это не просто подбор подходящих цветов по палитре, а полноценное проектирование.
У нас есть гайд из трёх частей, в котором вы узнаете, как с нуля создать высококачественный сайт:
1. Какой сайт вам нужен: https://tprg.ru/XmW6
2. Визуальная концепция: https://tprg.ru/a3dG
3. Инструменты для создания макета: https://tprg.ru/XmW6
#фронтенд #дизайн
Forwarded from MJ
Amaliyot (стажировка, internship) haqida ba'zi savollar
1. Biron joyda amaliyot o'tagan bo'lsangiz, u yerdagi amaliyot o'tash tartibi, kundalik vazifalaringiz qanday bo'lgan?
2. Amaliyot formatidan ko'nglingiz to'lganmi? Javobga biroz ta'rif bersangiz.
3. Amaliyot deganda o'zi aynan qanday holatni tushunasiz?
Rasm manbasi
1. Biron joyda amaliyot o'tagan bo'lsangiz, u yerdagi amaliyot o'tash tartibi, kundalik vazifalaringiz qanday bo'lgan?
2. Amaliyot formatidan ko'nglingiz to'lganmi? Javobga biroz ta'rif bersangiz.
3. Amaliyot deganda o'zi aynan qanday holatni tushunasiz?
Rasm manbasi
Forwarded from Веб-страница
Android, iOS, кроссплатформа — всё по теме мобильной разработки в одном Telegram-канале: @mobi_dev