Контейнерные CSS-запросы наконец-то здесь

С выходом Google Chrome (105) и Safari 16 появилась поддержка контейнерных запросов в CSS. Это даёт гораздо больше возможностей вёрстки. В этой статье вы узнаете, как работают контейнерные запросы, как мы можем их использовать и как выглядит синтаксис, а также увидите несколько реальных примеров и вариантов использования:

https://ishadeed.com/article/container-queries-are-finally-here/

#css #фронтенд

@javascriptv

​​Полезные API для фронтенд-разработчика

​— Fake Store API — интерфейс, который используется в создании интернет-магазинов. Данный API генерирует тестовые данные для заполнения, например, карточки товара или профиль пользователя.

— Unsplash API — это простой JSON API с базой бесплатных и качественных изображений для разработчиков.

— Count API помогает отслеживать количество просмотров страницы и клики на сайте.

#api #фронтенд

MyJavaScript — полезный ресурс для начинающих фронтенд-разработчиков

На MyJavaScript собраны руководства, шпаргалки, вопросы и другие материалы по JavaScript, TypeScript, React, Next.js, Node.js, Express, Prisma, GraphQL, Docker.

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

https://my-js.org/

#фронтенд

@javascriptv

Скроллим к фрагменту текста с помощью URL

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

Реализуется это довольно легко, так что стоит взять на вооружение. Инструкцию оставили здесь:

https://blog.jim-nielsen.com/2022/scroll-to-text-fragments/

#фронтенд #навигация #url

@javascriptv