WebMentor

2022-02-24 07:41:57 Мы нашли наиболее эффективный способ изучения новых технологий!

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

Вы получите 30-дневный доступ к экспертам веб-разработки уровня Senior + Открыть/Комментировать

2022-02-23 14:02:05 Ленивая загрузка изображений

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

Как это реализовать, рассказали в статье:

Читать статью

#статьи #img #js Открыть/Комментировать

2022-02-22 14:01:00 Как создать онлайн игру с нуля

В статье рассказали о процессе, технических решениях и уроках, извлеченных при создании онлайн игры Autowuzzler.

Также вы узнаете, как:
- обмениваться игровым состоянием между несколькими клиентами в режиме реального времени с помощью Colyseus
- выполнять физические расчеты с помощью Matter.js
- хранить данные в Supabase io
- создавать интерфейс с помощью SvelteKit.

Читать статью (EN)

#статьи #colyseus #matterjs #supabaseio #svetlekit #js #css Открыть/Комментировать

2022-02-21 14:01:52 Звёздный рейтинг с использованием SVG

Автор статьи рассказал, как реализовать звёздный рейтинг с помощью SVG:

Читать статью

#статьи #svg Открыть/Комментировать

2022-02-20 14:00:25 Видео на фоне сайта

Вставляем видео на фон сайта, работаем с svg - применяем стили верстки, применяем flex для выравнивания блоков, добавляем анимацию keyframes появления текста и выполняем градиентную заливку текста в HTML CSS.

Смотреть видео (18 мин.)

#видеоуроки #css Открыть/Комментировать

2022-02-19 16:02:41 Шаблоны макетов CSS Grid

Для тех, кто только осваивает технологию.

Открыть CodePen

#codepen #css #grid Открыть/Комментировать

2022-02-18 14:00:00 Эффект матового стекла в CSS

Эффект матового стекла или более известный как Glassmorphism уже давно является популярной функцией пользовательского интерфейса.

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

Читать статью (EN)

#статьи #css Открыть/Комментировать

2022-02-17 20:22:04 Переход от сплошного текста к вырезанному при скролле

Интересный эффект изменения текста: от сплошного цвета до knockout-стиля (когда у текста есть фон). Реализован на HTML и CSS.

Читать статью

#статьи #css Открыть/Комментировать

2022-02-16 21:00:01 Стили списков: полная кастомизация

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

Читать статью

#статьи #кастомизация Открыть/Комментировать

2022-02-16 20:12:07 Все значения свойства cursor в CSS

#шпаргалки #css Открыть/Комментировать