Крутые эффекты наведения CSS, использующие обрезку фона, маски и 3D

В этой статье вы найдёте целую подборку различных эффектов наведения на CSS с инструкциями по их созданию:

https://css-tricks.com/css-hover-effects-background-masks-3d/

#css #фронтенд

Покайтесь, грешники!

​GitHub прекратила разработку редактора кода Atom

Один из популярных редакторов кода уходит на покой. Уже в конце этого года компания переведёт репозиторий проекта в режим архива, оставив его доступным только для чтения. Информация об этом появилась в официальном блоге GitHub.

Проект просуществовал 11 лет, но теперь команда GitHub сосредоточится на развитии Microsoft Visual Studio Code, GitHub Codespaces и других облачных решений.

https://habr.com/ru/news/t/670510/

#новости

Есть желающие развивать форк?

​Разбивка на страницы и фильтрация на стороне сервера Angular

В этой статье вы узнаете, как использовать RxJS для реализации разбиения на страницы и фильтрации на стороне сервера для таблицы данных в приложении Angular:

https://levelup.gitconnected.com/angular-server-side-pagination-and-filtering-2206ce8279d1

#angular

Необычный часы для вашего сайта

Эти часы выполнены в футуристичном стиле и представляют собой комбинацию SVG и ванильного JavaScript. Забирайте себе на сайт:

https://codepen.io/jkantner/pen/MWEmExB

#codepen

​Переносим уведомления из Google Календаря в Telegram

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

Подробнее:

https://habr.com/ru/post/666372/

#javascript #telegram #бот

​6 API-интерфейсов, которые должны знать фронтенд-разработчики

Для фронтенд-разработки существуют самые разные API. В этой статье представлены несколько полезных API, которые важно знать программистам. Они помогут быстрее разрабатывать и тестировать интерфейсы:

https://blog.bitsrc.io/6-apis-frontend-developers-should-know-3a94815c53dd

#фронтенд #api

​Максимально простое объяснение микрофронтендов

Микрофронтенды как концепция начали появляться на радарах разработчиков и других специалистов еще в 2016 году. По сути, это несколько миниатюрных частей внешнего интерфейса веб-сайта, которые объединяются, чтобы обеспечить всю необходимую функциональность, настройку и мощность.

Лучше понять, как это работает и в чём преимущества такого подхода можно узнать тут:

https://dev.to/richkurtzman/explaining-micro-frontends-as-simply-as-possible-2pch

​Gatekeeper и его роль в обеспечении безопасности кластеров Kubernetes

Расширение сред Kubernetes (K8s), добавление новых кластеров и приложений — необходимые процессы для развития сервисов. В таких условиях для администратора Kubernetes важно обеспечить соблюдение политик безопасности для всех новых и существующих ресурсов. Но сделать это вручную практически невозможно. К счастью, автоматизировать можно и это. И поможет в этом Gatekeeper:

https://habr.com/ru/company/vk/blog/669788/

#devops #kubernetes

​Веб-разработчики сегодня be like:

​Реально ли стать техдиром к 30-ти и стоит ли оно того?

А вот и новый выпуск подкаста Frontend Weekend. На этот раз гостем выпуска стал Алексей Авдеев, который уже к 30 годам стал СТО в студии mish.design. При этом он успевает и сам с заказчиками встречаться, и преподавать, и заниматься пет-проектами.

Как ему удаётся всё успевать, можно узнать здесь:

https://youtu.be/5W0qLdhGhl8

#подкаст #видео

​Что такое децентрализованная база данных?

Обычно, при росте баз данных применяется распределённый подход. Но мы в 2022 году всё-таки и web3 даёт знать о себе и здесь. Поэтому предлагаем вам познакомиться с новым вариантом БД, а именно децентрализованным.

Подробнее в статье:

https://blog.bitsrc.io/what-is-a-decentralized-database-8ed4edfdc743

#web3 #бд

​Какие знания нужны бэкендеру для трудоустройства?

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

https://nuancesprog.ru/p/15821/

#бэкенд

Анимированная карточка входа

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

Посмотреть код можно тут:

https://codepen.io/ig_design/pen/KKVQpVP

#codepen #css

Помогаю IT-сообществу как могу!

​7 трюков с веб-компонентами

В этой статье вы найдёте 7 советов и приёмов, которые могут быть не очень очевидны в отношении веб-компонентов, но при этом оставаться крайне полезными:

https://daverupert.com/2022/04/7-web-component-tricks/

Акробатичный лоадер

Нестандартный лоадер выполнен с помощью SVG и CSS-анимации. В данном проекте не используется JavaScript, поэтому он практически никак не влияет на нагрузку.

Посмотреть код можно тут:

https://codepen.io/jkantner/pen/VwrYggy

#codepen

​Как использовать JavaScript для расстановки элементов на веб-странице

Данный метод работает практически с любым сайтом. С помощью него вы сможете отсортировать контент на странице так, как вам нужно, даже если разработчик не предусмотрел такую возможность по умолчанию.

Подробнее:

https://nuancesprog.ru/p/15583/

#javascript

​Теперь лучшие материалы для ДевоПсов собраны в одном месте

Топовые статьи на русском и английском языках каждый день появляются в Telegram-канале «DevOps для ДевоПсов». Переходите и убедитесь в этом сами: @devo_pes.

Управляемая игральная кость на CSS

Данная игральная кость выполнена без применения JavaScript, не смотря на то, что здесь предусмотрено управление её положением. Вся работа выполнена с помощью препроцессоров Pug и SCSS. Подробнее:

https://codepen.io/HunorMarton/pen/mdERrLy

#codepen