JavaScript задачи с собеседований

🔐 В интернете сменили один из важнейших криптографических ключей. Всего второй раз в истории.

11 октября корневая зона DNS перешла с KSK-2017 на KSK-2024. Предыдущая смена была в 2018 году. Этот ключ служит отправной точкой цепочки доверия DNSSEC, которая позволяет проверять подлинность DNS-ответов.

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

Большинству владельцев сайтов ничего менять не нужно. А тем, кто управляет резолвером с проверкой DNSSEC, ICANN рекомендует проверить наличие KSK-2024, Key Tag 38696 среди доверенных ключей. Полагаться только на автоматическое обновление не стоит.

https://www.icann.org/resources/pages/ksk-rollover-en

Почему сайт узнаёт тебя после удаления cookies?

Удалил cookies, но сайт будто помнит тебя? Показываем, как экран, язык, шрифты и настройки складываются в цифровой отпечаток браузера.

#Приватность #Cookies #Fingerprinting

https://www.youtube.com/shorts/mg5gVeuw2Xs

Arc Time Slider

Это кастомный слайдер, разработанный с использованием веб-технологий HTML, SCSS и JS. Этот уникальный слайдер добавляет интересный и инновационный элемент управления на вашем веб-сайте.

🌐Ссылка на код (https://codepen.io/nicolasjesenberger/details/KKGJgWr)

Ознакомьтесь с этими 5 советами по адаптивному веб-дизайну 👨‍💻

Импорт локальных изображений vs использование изображений из папки / public в Next.js

Совет по веб-доступности 💡

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

🌐 Человек, который создал первый веб-браузер, сервер и заложил основу современного интернета.

В 1989 году Тим Бернерс-Ли, работая в CERN, предложил систему для обмена связанными документами. А уже к концу 1990 года написал первый браузер-редактор WorldWideWeb, первый веб-сервер и сформулировал базовые технологии веба: HTML, HTTP и URL.

Первый сайт работал по адресу info.cern.ch и рассказывал о самом проекте World Wide Web.

Ключевой момент случился в 1993 году, когда CERN сделала технологию Web общедоступной. Это позволило ей быстро распространиться по всему миру без патентных барьеров и лицензий.

Позже Бернерс-Ли основал W3C, чтобы развивать открытые веб-стандарты и сохранять совместимость между браузерами и платформами.

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

🛠️ Awesome SRE - большая подборка ресурсов для Site Reliability Engineering

Репозиторий awesome-sre собирает полезные материалы по SRE и Production Engineering в одном месте.

Внутри есть подборки по:

- Monitoring и Observability
- Incident Response и Post-Mortem
- On-Call
- Chaos Engineering
- Automation и Toil Reduction
- Capacity Planning
- SLO / SLI
- Performance
- книгам, докладам, статьям и гайдам

Также собраны инструменты вроде Prometheus, Ansible, Puppet, SaltStack, Chaos Monkey, Gatling и другие решения для эксплуатации production-систем. :

Хорошая база, если изучаете SRE, DevOps, reliability engineering или готовитесь к собеседованию.

GitHub:
https://github.com/dastergon/awesome-sre

Card Carousel

Этот элемент веб-дизайна реализован с использованием HTML и CSS. Он представляет собой карусель карточек, и при наведении на карточку применяются CSS трансформации. Это позволяет создать интерактивный и привлекательный элемент на веб-странице.

🌐Ссылка на код (https://codepen.io/william-goldsworthy/pen/JzVajj)

Pure horizontal slider with sliding menu

Увлекательный проект, в котором вёрстка выполнена с использованием HTML и CSS, а логика раскрытия меню и карточек реализована с помощью JavaScript. Этот проект представляет собой горизонтальный слайдер с возможностью скольжения меню.

🌐Ссылка на код (https://codepen.io/kristen17/pen/KKrzbYo)

CSS совет 💡

Возможно, ты не знал об этом новом и самом простом способе вертикально центрировать контент в блочном макете.

Совет по HTML 💡

Семантический способ выделить часть текста ✅

Fancy Button

Кнопка с эффектом обрезанных углов, реализованная на чистом CSS.

https://codepen.io/bloqhead/pen/ErOjEL