Разница между blockquote, cite и q

Все три — про цитаты, но если вы давно учили HTML, то можно и перепутать.

blockquote для длинных отдельных цитат, q — для коротких внутри строки и с кавычками, а cite для указания источников.

Не путайте: https://htmlacademy.ru/blog/html/blockquote-cite-q 👈

Мы с коллегами поспорили, смешной ли это мем. Помогите рассудить:

Инструмент дня — responsively

Что это: опенсорсное приложение для Винды, Мака или Линукса.

Коротко: показывает сайты как будто на разных устройствах в одном окне и, кажется, не требует за это денег.

Где смотреть: https://responsively.app/

Вышел Firefox 118

В нём, кроме встроенного переводчика и других по-настоящему важных вещей, добавилась поддержка вычисления длины гипотенузы через CSS-функцию hypot().

Так что если вы ничего не слышали о гипотенузе с восьмого класса и недолюбливаете новую панель загрузки в Chrome, переходите. Firefox норм.

Полный список обновлений

Так и запишем: «тестирует, поддерживает работоспособность»

Быстрая задачка для утра пятницы

Что появится в консоли после выполнения команды? (чур не подглядывать)

Внезапный тест Тьюринга

Эту карточку накодила нейросеть или настоящий дизайнер? Отвечайте сердцем:

Произошёл мем

🎧 Подкаст «Про код», выпуск 23

00:00:58 Встроенная поддержка .env в Node.js 20.6
00:13:35 Ах этот вредный NODE_ENV или нет?
00:24:20 Адаптивный шрифт масштабируется с помощью компонуемых утилит CSS
00:40:55 Могут ли символы SVG влиять на производительность в интернете?
00:58:42 Bun на хайпе

Ведущие: Коля Шабалин и Игорь Антонов.

Слушайте на любимой площадке

В соцсети Х активно обсуждают правило красивых скруглений в интерфейсе, спорят и ругаются.

А правило-то простое: внешний радиус = внутренний радиус + padding. И всё.

Если пропустили обсуждение, вот вам демка от Джея: 👉https://codepen.io/jh3y/pen/KKrYaxx

Проснулись, потянулись? Вот вам ещё одна хитрая задачка.

Что появится в консоли после выполнения команды
console.log(1 + "1" - 1)?

А потом вспоминаете, что на самом деле вы поддерживаете легаси-проекты в веб-студии, и расходитесь по домам

Знакомимся с localStorage

Есть в браузере такая штука — localStorage. Там хранятся данные, которые легко переживут выход из браузера и перезагрузку компьютера. Много чего не переживут, конечно. Но об этом (и о том, как туда что-то сложить, и убрать, и вообще) — в статье.

А ещё вслушайтесь — Локал Сторыдж. Слово-то какое!

👉https://tml.io/localStorage

Вообще мы сегодня честно-пречестно хотели рассказать о Geolocation API, но тут в чате Академии появился судьбоносный вопрос. А когда, если не в субботу, спорить о нейросетях? Приходите на огонёк тоже:

Как узнать геолокацию на JS (без бесячки)

Скажите, бесит, когда заходите на сайт, они просят геолокацию, вы отказываетесь, а они назначают дефолтный адрес, потому что ну что же теперь, доставлять ваше жидкое мыло в Рязань?

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

👉️️️️ https://tml.io/geolocation

🎧 Подкаст «Про код», выпуск 24

00:00:52 Будьте готовы к Interop 2024
00:13:21 Бета-версия TypeScript 5.3, улучшений много
00:40:33 Как :not() объединяет несколько селекторов
00:48:08 Переменные окружения и анти-паттерны работы с конфигурацией
00:57:02 Как Photoshop использует браузерные технологии на пределе возможностей
01:11:00 Должны ли ESM модули быть по умолчанию?

Ведущие: Коля Шабалин и Игорь Антонов

Слушайте на любимой площадке