Удаление дубликатов — распространённая проблема в программировании, возникающая в различных контекстах, например, при очистке данных или обеспечении уникальности записей. Этот вопрос могут задать на собеседовании, поскольку он довольно прост и может подготовить собеседника к более сложным вопросам.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Наследование в CSS — это действительно суперспособность, и именно оно превращает разработку в Интернете в удовольствие, если вы принимаете его. В этой небольшой статье я собираюсь обратить вас в супер фанатов.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Рассказываем о лучших подходах к созданию паттерна Singleton в JavaScript и TypeScript. Также обсудим его плюсы и возможные недостатки при использовании в проектах.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Таймлайн с возможностью раскрывать пункты. Сделан на SVG, CSS и JavaScript.
Открыть код
Please open Telegram to view this post
VIEW IN TELEGRAM
Пишите более безопасный CSS, используя
@property, позволяющий определять типы для пользовательских свойств. Узнайте, почему традиционные запасные значения могут не сработать и как функции @property повышают устойчивость определений пользовательских свойств.Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
В этой статье я расскажу об одном из стандартных API JavaScript, о котором, вы, возможно не слышали. Это AbortController.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Кнопка с анимированным эффектом при наведении. Сделана на CSS, SVG и JavaScript.
Открыть код...
Please open Telegram to view this post
VIEW IN TELEGRAM
Веб формы и поля ввода поддерживают множество дополнительных атрибутов, способных дать подсказку браузеру и улучшить пользовательский опыт заполнения форм в Интернете. Приложив совсем немного дополнительных усилий, можно сделать так, чтобы формы помогали, а не мешали.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
В современной веб-разработке CSS сброс и нормализация — две важные техники, позволяющие добиться согласованности стилей в разных браузерах.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Индикатор прогресса прокрутки — довольно простая вещь, которую можно создать с помощью анимации, основанной на прокрутке в
scroll()-стиле. Но мы создадим индикаторы для каждого раздела страницы, используя view()-стиль.Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
В современной разработке на JavaScript для асинхронной работы и обработки ошибок часто применяются
try-catch и async-await, что утяжеляет код. Новый оператор ?= упрощает обработку ошибок и улучшает читаемость. В статье рассматриваются его работа, особенности и преимущества.Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
🎛 Разделяй зоны ответственности в голове, не только в коде
Ты отвечаешь за архитектуру, а ещё за баги, а ещё за багфиксы, а ещё за багфиксы багфиксов? Психическая нагрузка растёт, даже если задач немного.
👉 Совет: распределяй мышление по режимам: отдельно — для глубокой разработки, отдельно — для поддержки, отдельно — для хаоса и фаерфайтинга. Сознательное переключение режимов помогает держать контроль и меньше уставать.
Ты отвечаешь за архитектуру, а ещё за баги, а ещё за багфиксы, а ещё за багфиксы багфиксов? Психическая нагрузка растёт, даже если задач немного.
👉 Совет: распределяй мышление по режимам: отдельно — для глубокой разработки, отдельно — для поддержки, отдельно — для хаоса и фаерфайтинга. Сознательное переключение режимов помогает держать контроль и меньше уставать.
Давайте анимируем CSS переменные! Это мощный способ применения CSS анимации, которая в противном случае была бы утомительной или непрактичной.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Иногда, спеша уложиться в сроки, мы не задумываемся о доступности. Но пара небольших изменений может значительно улучшить сайт для всех пользователей, независимо от их возможностей и устройств.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Если у вас есть аккаунт на Vercel, вы, наверное, замечали, как плавно фон ссылок в панели навигации перемещается, следуя за курсором мыши. Такого эффекта несложно добиться с помощью CSS и нескольких строчек JS. Однако, интереса ради, я решил попробовать добиться похожего эффекта на чистом CSS.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Красивая анимация горения страницы при скролле. Сделана на CSS и JavaScript.
Открыть код...
Please open Telegram to view this post
VIEW IN TELEGRAM
Помните HTML-элемент marquee? Он устарел, поэтому вряд ли стоит его использовать, когда понадобится что-то вроде горизонтальной автопрокрутки. Вот тут-то и приходит на помощь CSS, потому что в нём есть все необходимые инструменты для реализации этой функции.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
В статье расскажем, как Supabase — бесплатный аналог Google Firebase — помогает разработчикам быстро создавать приложения и сайты. Узнаете, как работать с базой данных, аутентификацией, хранением файлов и реальным временем, без необходимости управлять сервером.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
