Трясём пароль с помощью CSS

Что это: анимация, которая сделает ваш сайт похожим на макбук.

Коротко: берём поле ввода, десяток строк джаваскрипта и кубическую кривую Безье. И кааааак трясём пароль! У-у-у!

Разбор кода и демо 👉 https://htmlacademy.ru/blog/css/shaking-password

Извините, но у нас тут какая-то неделя холиваров про редакторы кода. Очередной — из комьюнити Академии.

Помогите разобраться, раз уж вы так категорично за тёмную тему:

🌞 Доброе утро! 💕

Надеюсь, тебе спалось крепко и виделись хорошие сны.

Я верю, что ты лучший программист на этом вашем... джаваскрипте? 😅 Пусть твой код пишется легко и без ошибок! 🍓🍒

Береги себя и осторожнее с андефайнедами! 🌷🤗 Твой Доктайп. 🌸💕

Почему программистам нужно хотя бы немного разбираться в текстах и буквах? Чтобы пользователи не страдали от таких сообщений об ошибках.

Вот скажите мне, что случится после нажатия на ссылку?

Находка недели: фотокамера на чистом CSS

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

Для тех, кто проникся, есть 1787 строк кода на CSS: https://codepen.io/kassandrasanch/pen/WNxJZyz

Разница между 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)?