Нажмите на кнопку "Персональный AI-подбор" и получите готовую корзину каналов под любой бюджет за пару секунд.

30.5

Будни разработчика

Интернет технологии

Всё о разработке вообще и фронтенде в частности: лучшие статьи, фишки, баги браузеров и личный опыт автора

Поделиться

В избранное

Купить рекламу в этом канале

Формат:

keyboard_arrow_down

1/24
2/48
3/72
7 дней
Репост

1 час в топе / 24 часа в ленте

Количество:

keyboard_arrow_down

1
2
3
4
5
8
10
15

Стоимость публикации:

2 517^.48₽

2 517^.48₽

Последние посты канала

#заметка дня

Сейчас многое в воздухе напоминает времена, когда можно было запустить сайт или мобильное приложение с минимальными усилиями — и оно начинало жить. Просто потому, что закрывало понятную задачу. Без идеального кода, без идеального интерфейса. Главное — идея.

У меня был опыт запуска конструктора надгробий. Да, звучит так себе, но на старте всё работало — живой завод, заказы, настроенный фронт. Потом было продолжение — конструкторы футболок, зеркал, чего угодно. Но дальше MVP дело не пошло: выгорел, закопался в полировке, перегорел на этапе реализации. И в какой-то момент понял: если нет простого пути от идеи до пользы — всё, конец.

При этом я видел, как совсем неотполированные, страшные внешне продукты отлично зарабатывали. Их делали не разработчики, и явно не для разработчиков. Но они решали задачу — и этого хватало, чтобы пользователи и деньги нашлись.

Сейчас похоже происходит с ИИ. Alex Four (Гик-культура и Русское IT за границей) хорошо сформулировал, что мы снова в моменте, когда технологии стали достаточно доступными, чтобы быстро воплощать идеи. Причём без необходимости сразу собирать команду. Идея по-прежнему главное — а ИИ скорее ускоряет путь от задумки до работающего прототипа. Не заменяет, но помогает докрутить, попробовать, запустить.

Это не продлится вечно, но пока — время делать.

1100

13:49

16.05.2025

imageИзображение не доступно для предпросмотра

#статья_дня

Фича-флаги: фронтенд против бэкенда — где провести линию раздела?

Сегодняшняя статья от ConfigCat — отличный разбор того, как по-разному работают feature flags в клиенте и на сервере.

Если ты не в курсе:
фича-флаг — это переключатель, который позволяет включать или отключать части функциональности без выката новой версии. Прекрасный способ тестировать, экспериментировать и чинить баги на лету.

Фронтенд-флаги
Плюсы:
— моментальные изменения, удобны для UX-экспериментов
— не требуют изменений на сервере

Минусы:
— логика доступна в клиенте (а значит и пользователю)
— сложно скрыть саму фичу, даже если она выключена
— возможны баги при сбоях SDK

Да ладно, кому нужны исходники вашего SPA...

Бэкенд-флаги
Плюсы:
— безопасно: логика и флаги не видны снаружи
— удобно управлять доступом, ролями, регионами и т.п.

Минусы:
— отклик медленнее
— нужна координация между фронтом и бэком
— UI не всегда знает, что делать с отключённой фичей

Автор также говорит о гибридном подходе, который позволяет совместить лучшее из двух миров: контроль на бэке, адаптация интерфейса на фронте.

В статье всё по делу, с примерами и выводами:
https://configcat.com/blog/2025/05/08/frontend-vs-backend-feature-flags/

#feature #dev

1200

10:39

16.05.2025

imageИзображение не доступно для предпросмотра

#статья дня

Фича-флаги: фронтенд против бэкенда — где провести линию раздела?

Сегодняшняя статья от ConfigCat — отличный разбор того, как по-разному работают feature flags в клиенте и на сервере.

Если ты не в курсе:
фича-флаг — это переключатель, который позволяет включать или отключать части функциональности без выката новой версии. Прекрасный способ тестировать, экспериментировать и чинить баги на лету.

Фронтенд-флаги
Плюсы:
— моментальные изменения, удобны для UX-экспериментов
— не требуют изменений на сервере

Минусы:
— логика доступна в клиенте (а значит и пользователю)
— сложно скрыть саму фичу, даже если она выключена
— возможны баги при сбоях SDK

Да ладно, кому нужны исходники вашего SPA...

Бэкенд-флаги
Плюсы:
— безопасно: логика и флаги не видны снаружи
— удобно управлять доступом, ролями, регионами и т.п.

Минусы:
— отклик медленнее
— нужна координация между фронтом и бэком
— UI не всегда знает, что делать с отключённой фичей

Автор также говорит о гибридном подходе, который позволяет совместить лучшее из двух миров: контроль на бэке, адаптация интерфейса на фронте.

В статье всё по делу, с примерами и выводами:
https://configcat.com/blog/2025/05/08/frontend-vs-backend-feature-flags/

#feature #dev

1200

10:39

16.05.2025

imageИзображение не доступно для предпросмотраplay_circleВидео недоступно для предпросмотра

#заметка дня

Перед вами две иллюстрации. Видео мы обсудим сейчас, а графики — в заключении, идёт?

Итак, на видео представлен пример очередного формата передачи идей моушен-дизайна в приложениях и браузерах! И имя ему — Lava.

И, неожиданно, он снова от AirBnb!

Почему снова? Если вы помните, Lottie — тоже их инициатива. А это почти промышленный стандарт, даже ваши анимированные стикеры в телеге — это Lottie.

А вот Duolingo использует Rive.

Так зачем же AirBnb понадобился очередной формат?

Ну, ответ, на самом деле, довольно простой: сложные, неотличимые от растровых, векторные изображения занимают очень много вычислительных ресурсов. Каждый, кто делал видеостикеры в телеге это знает. Ещё и весят несколько тонн.

Плюс, стыковка кадров для отображения разных состояний — в векторе намного сложнее, поэтому анимации или возвращаются сначала в исходное положение, или аниматоры прибегают к разным трюкам.

Почему же нельзя было выбрать какой-то из существующих видеоформатов? Ответ очевиден: поддержка альфа-канала в видео браузерами всё ещё на зачаточном уровне, обходные манёвры очень дороги. Ну и видео всё же немного иную задачу решают, кадры на лету в них тоже подменить довольно непросто.

Подробнее об этом можно почитать в твите от одного из авторов формата.

Кстати, что же такое этот формат?

На самом деле, это довольно сложный AVIF-спрайт, работа с которым описана в JSON. Откуда мы это знаем, ведь формат не открыт?

Ну, всё, что попадает в веб, становится в той или иной мере открытым! Вот и инициатива по реверс-инжинирингу LAVA подъехала: https://github.com/AlexStrNik/OpenLava/tree/main

Кому интересно, посмотрите. Там есть даже попытка конвертации из lava в webm :)

Теперь к графику цен стоков, вторая иллюстрация.

Жёлтый — это Booking.com. Синий — AirBnb. Nuff said.

При этом, миру разработки, а особенно фронтенду, AirBnb дал столько, что никакому Букингу и не снилось. Но... бизнес и благотворительность — вещи разные.

Хочется пожелать удачи AirBnb, чтобы они выбрались из круга общественного давления и репутации и продолжили радовать нас крутыми инструментами.

#transparent #video #lava

#заметка дня

Перед вами две иллюстрации. Видео мы обсудим сейчас, а графики — в заключении, идёт?

Итак, на видео представлен пример очередного формата передачи идей моушен-дизайна в приложениях и браузерах! И имя ему — Lava.

И, неожиданно, он снова от AirBnb!

Почему снова? Если вы помните, Lottie — тоже их инициатива. А это почти промышленный стандарт, даже ваши анимированные стикеры в телеге — это Lottie.

А вот Duolingo использует Rive.

Так зачем же AirBnb понадобился очередной формат?

Ну, ответ, на самом деле, довольно простой: сложные, неотличимые от растровых, векторные изображения занимают очень много вычислительных ресурсов. Каждый, кто делал видеостикеры в телеге это знает. Ещё и весят несколько тонн.

Плюс, стыковка кадров для отображения разных состояний — в векторе намного сложнее, поэтому анимации или возвращаются сначала в исходное положение, или аниматоры прибегают к разным трюкам.

Почему же нельзя было выбрать какой-то из существующих видеоформатов? Ответ очевиден: поддержка альфа-канала в видео браузерами всё ещё на зачаточном уровне, обходные манёвры очень дороги. Ну и видео всё же немного иную задачу решают, кадры на лету в них тоже подменить довольно непросто.

Подробнее об этом можно почитать в твите от одного из авторов формата.

Кстати, что же такое этот формат?

На самом деле, это довольно сложный AVIF-спрайт, работа с которым описана в JSON. Откуда мы это знаем, ведь формат не открыт?

Ну, всё, что попадает в веб, становится в той или иной мере открытым! Вот и инициатива по реверс-инжинирингу LAVA подъехала: https://github.com/AlexStrNik/OpenLava/tree/main

Кому интересно, посмотрите. Там есть даже попытка конвертации из lava в webm :)

Теперь к графику цен стоков, вторая иллюстрация.

Жёлтый — это Booking.com. Синий — AirBnb. Nuff said.

При этом, миру разработки, а особенно фронтенду, AirBnb дал столько, что никакому Букингу и не снилось. Но... бизнес и благотворительность — вещи разные.

Хочется пожелать удачи AirBnb, чтобы они выбрались из круга общественного давления и репутации и продолжили радовать нас крутыми инструментами.

#transparent #video #lava

1400

07:29

15.05.2025

play_circleВидео недоступно для предпросмотра

#статья дня

Я знаю, знаю — вас всех уже достали различные реализации Doom.

Тут дум, там дум, а на байкале не дум.

И точно так же я прекрасно знаю, как вам надоели все эти #codepen'ы дня в стиле «вы только посмотрите, Мона Лиза на одном div'е», которые являются эксплуатацией линейных и радиальных градиентов и часто вообще делаются через формулы в Excel: группы пикселей конвертируются в колор-стопы градиентов.

Формулы в экселе... погодите. Если что-то можно описать формулой, значит, это что-то можно и автоматизировать?

Сюрприз-сюрприз! Можно. И вот тут начинается абсолютная дичь. Подбираемся к статье дня!

Итак, есть такой проект: WASM DOOM. Это просто движок, на его выходе — canvas. И что делает безумный автор статьи дня?

Правильно, рендерит холст в CSS-градиенты! Вот, собственно, и статья: https://dev.to/grahamthedev/doomrendered-using-a-single-div-and-css-1fal?

А вот прямая ссылка «на поиграть»: https://grahamthe.dev/demos/doom/

Кажется, на этом разговоры о Моне Лизе в одном DIV'е можно заканчивать.

#css #doom

1500

10:29

14.05.2025

play_circleВидео недоступно для предпросмотра

#статья дня

Я знаю, знаю — вас всех уже достали различные реализации Doom.

Тут дум, там дум, а на байкале не дум.

И точно так же я прекрасно знаю, как вам надоели все эти #codepen'ы дня в стиле «вы только посмотрите, Мона Лиза на одном div'е», которые являются эксплуатацией линейных и радиальных градиентов и часто вообще делаются через формулы в Excel: группы пикселей конвертируются в колор-стопы градиентов.

Формулы в экселе... погодите. Если что-то можно описать формулой, значит, это что-то можно и автоматизировать?

Сюрприз-сюрприз! Можно. И вот тут начинается абсолютная дичь. Подбираемся к статье дня!

Итак, есть такой проект: WASM DOOM. Это просто движок, на его выходе — canvas. И что делает безумный автор статьи дня?

Правильно, рендерит холст в CSS-градиенты! Вот, собственно, и статья: https://dev.to/grahamthedev/doomrendered-using-a-single-div-and-css-1fal?

А вот прямая ссылка «на поиграть»: https://grahamthe.dev/demos/doom/

Кажется, на этом разговоры о Моне Лизе в одном DIV'е можно заканчивать.

#css #doom

1500

10:29

14.05.2025

imageИзображение не доступно для предпросмотра

Здесь разрабы не просто двигают кнопки и лутают деньги, а создают шедевры!

Я Никита — frontend-разработчик, любящий свою работу. Я приглашаю тебя в свой канал о фронтенде с душой Frontend For The Soul с вдохновляющим комьюнити, фичами, которых нет в других источниках, регулярными трендовыми идеями и книгами.

Здесь каждый пиксель имеет душу. Присоединяйся — @frontendforthesoul

1600

14:20

13.05.2025

imageИзображение не доступно для предпросмотра

#инструмент дня

Вот вы такие посмеялись надо мной, когда я предложил сделать генератор кривых в CSS aka функция clip-path shape() из SVG, а это уже реальность!

напоминаю, в чём суть беседы: https://t.me/htmlshit/3603

Из этого:


M199.6,18.9c-4.3-8.9-12.5-16.4-22.3-17.8c-11.9-1.7-23.1,5.4-32.2,13.2c-9.1,7.8-17.8,16.8-29.3,20.3c-20.5,6.2-41.7-7.4-63.1-7.5C38.7,27,24.8,33,15.2,43.3c-35.5,38.2-0.1,99.4,40.6,116.2c32.8,13.6,72.1,5.9,100.9-15c27.4-19.9,44.3-54.9,47.4-88.6c0.2-2.7,0.4-5.3,0.5-7.9C204.8,38,203.9,27.8,199.6,18.9z

нужно сделать это:


clip-path: shape(from 97.54% 10.91%,curve by -10.93% -10.76% with -2.11% -5.38%/-6.13% -9.91%,curve by -15.78% 7.98% with -5.83% -1.03%/-11.32% 3.26%,curve by -14.36% 12.27% with -4.46% 4.71%/-8.72% 10.15%,curve by -30.93% -4.53% with -10.05% 3.75%/-20.44% -4.47%,curve to 7.15% 25.66% with 18.67% 15.81%/11.86% 19.43%,curve by 19.9% 70.23% with -17.4% 23.09%/-0.05% 60.08%,curve by 49.46% -9.07% with 16.08% 8.22%/35.34% 3.57%,curve by 23.23% -53.55% with 13.43% -12.03%/21.71% -33.18%,curve by 0.25% -4.77% with 0.1% -1.63%/0.2% -3.2%,curve to 97.54% 10.91% with 100.09% 22.46%/99.64% 16.29%,close);

Я знаю, вы любите простыню кода в постах!

так вот, Темани Афиф, автор уже известного вам проекта CSS Shape взял и сделал!

А не просто клоуна поставил, слыш ты

Пруф: https://css-generators.com/svg-to-css/

Да, поддерживается только одна кривая aka path aka атрибут d, но каков эффект!

Там, кстати, довольно сложные примеры есть. Одна кривая совсем не означает что-то непрерывное: перо же можно поднимать и опускать по координатам.

Как вам такой поворот, котаны?

#svg #css #shape #clip

1600

07:35

13.05.2025

play_circleВидео недоступно для предпросмотра

#codepen дня

Кому в детстве нравилось крутить в руках всякие цепочки и кисточки для велосипедов?

Сегодня ваш шанс вспомнить то самое чувство!

Очередной прекрасный пример анимации по скроллу от Stijn Van Minnebruggen (я хз как произнести, это что-то из Евротура)

Тут: https://codepen.io/donotfold/pen/ZYYYJRV

Работает в Chrome и Safari TP.

Кто переведёт на GSAP? Он, кстати, недавно официально бесплатным стал, даже для коммерческого использования.

#css #scroll #animation

1800

12:41

12.05.2025

play_circleВидео недоступно для предпросмотра

#codepen дня

Кому в детстве нравилось крутить в руках всякие цепочки и кисточки для велосипедов?

Сегодня ваш шанс вспомнить то самое чувство!

Очередной прекрасный пример анимации по скроллу от Stijn Van Minnebruggen (я хз как произнести, это что-то из Евротура)

Тут: https://codepen.io/donotfold/pen/ZYYYJRV

Работает в Chrome и Safari TP.

Кто переведёт на GSAP? Он, кстати, недавно официально бесплатным стал, даже для коммерческого использования.

#css #scroll #animation

1800

12:41

12.05.2025

close

С этим каналом часто покупают

134.7

localhost › IT-юмор

Интернет технологии

15.9K

ER:

21.1%

4 155^.94₽

4 155^.94₽

83.6

Пещера Айтишника

Интернет технологии

7.2K

ER:

17.8%

1 918^.88₽

1 918^.88₽

20.8

WebTaverna /> js, css, html

Интернет технологии

5.7K

ER:

10.0%

1 160^.84₽

1 160^.84₽

14.6

HTML

Интернет технологии

69.9K

ER:

--

13 286^.70₽

13 286^.70₽

54.8

Программист

Интернет технологии

17.6K

ER:

14.4%

5 594^.40₽

5 594^.40₽

24.0

Html Gram

Интернет технологии

11.1K

ER:

--

2 377^.62₽

2 377^.62₽

18.1

Жизнь Кодера

Интернет технологии

5.1K

ER:

--

3 496^.50₽

3 496^.50₽

45.5

IT Папа

Интернет технологии

4.5K

ER:

--

1 398^.60₽

1 398^.60₽

30.1

Я - Программист

Интернет технологии

6.0K

ER:

13.8%

1 398^.60₽

1 398^.60₽

72.8

Записки IT специалиста

Наука и технологии

7.7K

ER:

20.1%

2 097^.90₽

1 678^.32₽

39.9

IT-Мемасы от Эникея

Интернет технологии

8.8K

ER:

18.8%

1 818^.18₽

1 818^.18₽

32.2

JavaScript Job | Вакансии | Стажировки

Работа и вакансии

10.6K

ER:

--

3 076^.92₽

3 076^.92₽

Отзывы канала

keyboard_arrow_down

Добавлен: Сначала новые
Добавлен: Сначала старые
Оценка: По убыванию
Оценка: По возрастанию

4.8

8 отзыва за 6 мес.

Превосходно (75%) За последние 6 мес

Очень хорошо (25%) За последние 6 мес

Высокая конверсия

Показать еще

Новинки в тематике

2.1

Райтапы по CTF{2024}

Интернет технологии

1.8K

ER:

--

1 398^.60₽

1 398^.60₽

1.3

БайтГен

Интернет технологии

7.2K

ER:

--

1 397^.20₽

1 397^.20₽

1.1

Фронтенд для души

Интернет технологии

1.7K

ER:

--

13 986^.00₽

13 986^.00₽

1.1

КАК Я СТАЛ ХАКЕРОМ

Интернет технологии

2.2K

ER:

--

2 797^.20₽

2 797^.20₽

Лучшие в тематике

126.2

бесплатные IT мероприятия | free it events

Интернет технологии

12.6K

ER:

--

8 391^.60₽

8 391^.60₽

123.1

Сегодня в тренде

Интернет технологии

1.09M

ER:

9.4%

251 748^.00₽

251 748^.00₽

101.9

RealTech

Интернет технологии

54.9K

ER:

--

4 895^.10₽

4 160^.84₽

85.2

TrendWatching: IT, технологии, бизнес

Интернет технологии

1.2M

ER:

6.0%

251 748^.00₽

251 748^.00₽

84.5

IT-KB.RU - cобрание заметок об информационных технологиях (Linux и Windows)

Интернет технологии

6.7K

ER:

18.4%

6 013^.98₽

3 006^.99₽

83.6

Пещера Айтишника

Интернет технологии

7.2K

ER:

17.8%

1 918^.88₽

1 918^.88₽

82.6

The After Times

Интернет технологии

17.5K

ER:

24.5%

4 195^.80₽

3 356^.64₽

82.1

HRTechRU

Интернет технологии

12.6K

ER:

--

13 986^.00₽

11 888^.10₽

81.5

Пакет Безопасности

Интернет технологии

21.2K

ER:

--

41 118^.84₽

32 895^.07₽

81.4

ITMeeting - Анонсы бесплатных мероприятий по разработке

Интернет технологии

14.4K

ER:

9.0%

11 888^.10₽

11 888^.10₽

80.5

DevOps

Интернет технологии

21.6K

ER:

--

13 286^.70₽

13 286^.70₽

78.6

Эксплойт

Интернет технологии

2.07M

ER:

8.5%

489 510^.00₽

489 510^.00₽

77.6

kaleos.p

Интернет технологии

71.5K

ER:

--

20 699^.28₽

20 699^.28₽

73.9

Admin Guides | Сисадмин

Интернет технологии

11.3K

ER:

--

4 195^.80₽

3 356^.64₽

73.1

Анализ данных (Data analysis)

Интернет технологии

45.2K

ER:

--

23 076^.90₽

23 076^.90₽

Статистика канала

Рейтинг

30.5

Оценка отзывов

4.8

Выполнено заявок

214

Выбрано

0

каналов на сумму:

0^.00₽

Подписчики:

0

Просмотры:

Перейти в корзинуКупить за:0^.00₽

Регистрация

Восстановление пароля

Авторизация