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

4 способа центрировать в CSS

Что это: короткая заметка об одной из самых частых задач в работе верстальщика.

Коротко: берём один и тот же <p> и пытаемся его центрировать по-разному (даже очень странным способом, который, скорее всего, не пройдёт никакое код-ревью).

👉 https://htmlacademy.ru/blog/css/center-vertically

Представьте, что вам нужно выбрать один JS-фреймворк, на котором вы будете писать всю жизнь, и другой, который навсегда исчезнет. Выбирайте с умом:

if, else, else if

Что это: очень короткая заметка о том, как работает ветвление в JavaScript.

Коротко: представьте, к каким действиям приведёт выполнение условий. И в первые 20 раз нарисуйте на бумажке. И вспомните фильм «Начало». И хватит работать, уже пятница.

👉 https://htmlacademy.ru/blog/js/else-if

Самый важный опрос дня, который разделит этот канал на две с половиной половины:

Трясём пароль с помощью 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 норм.

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