Code Ready | Frontend
20.8K subscribers
735 photos
332 videos
17 files
492 links
Авторский канал по Frontend разработке.
Ресурсы, гайды, задачи, шпаргалки.
Информация ежедневно пополняется!

Автор: @energy_it

РКН: https://clck.ru/3NJCKs

Реклама на бирже: https://telega.in/c/code_ready
Download Telegram
👩‍💻 Разберем тег <pre> — сохранение форматирования текста в HTML!

Тег <pre> нужен для отображения предварительно отформатированного текста, если необходимо сохранить все пробелы и переносы в HTML.

Его особенности:
• Шрифт по умолчанию моноширинный (как в редакторах кода);

Браузер не убирает лишние пробелы и переносы;

Можно сочетать с тегом <code> для подсветки кода;


Он хорошо подходит для отображения стихотворений или демонстрации примеров кода.

📣 Code Ready | #атрибут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1912🔥6
😁46🔥7👍53
ChatGPT 5 — страшное оружие в умелых руках

Российский разработчик Олег Миллер, занимающий обучением и тренировкой новой модели Open AI в Сан-Франциско, рассказывает в своём блоге:

Как отключить цензуру у ChatGPT (инструкция)
Малоизвестные ИИ, с которыми вы станете богатым
Почему человечество обречено на катастрофу из-за развития ИИ

За такие инсайды он может быть уволен. Поэтому блог закрытый, а ссылка на него постоянно меняется. Успей вступить: https://t.me/+OwwN18-CRncxZjli
🤝3🔥2😁21👍1
👩‍💻 Мини-трюк с CSS — кнопка «Copy → Copied» без JavaScript!

В этом посте - простой приём, который позволяет сделать интерактивную кнопку копирования текста, полностью на HTML+CSS. Пользователь получает визуальный отклик при клике.

Как работает:
Используем скрытый checkbox и стилизованный label, чтобы отслеживать состояние кнопки.

Через селектор :checked + label::after меняем текст кнопки на «✔️ Copied!», создавая эффект копирования.

Добавляем label:active для плавного эффекта нажатия и визуальной обратной связи.


Такой приём можно использовать в сниппетах кода, формах или карточках товаров.

📣 Code Ready | #фишка
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍188🔥6😁1