Публикации по теме 'css'


Еженедельный дайджест внешнего интерфейса № 282 (24–30 октября 2022 г.)
Веб-разработка • Создание компонента всплывающей подсказки • Управление движением в браузере • Попытка Lit: библиотека веб-компонентов Google • CSS Snake & Ladders: многопользовательская игра, разработанная на HTML +CSS без JS Инструменты • Turbopack — преемник Webpack на базе Rust • Руководство по трассировке Chrome для начинающих • Изучение методов разработки через тестирование в Дено Производительность • 17% визуальных улучшений на мобильных устройствах 2G за..
5 основных ресурсов для изучения веб-разработки в 2021 году
Привет друзья! Я делюсь с вами множеством ресурсов о веб-разработке, которые помогут вам улучшить свои навыки и сэкономить время. 1. Git 🔧 Как вы знаете, для веб-разработки Git - незаменимый инструмент. Https://learngitbranching.js.org/ Вышеупомянутая ссылка предлагает лучший инструмент для изучения Git. Если у вас есть проблемы с изучением git, займитесь этим. Вы не пожалеете, я вам обещаю. 2. CSS 🎨 Три важных момента о CSS: Селектор CSS Https://flukeout.github.io/..
Давайте попрактикуемся в HTML и CSS — 2
Самый простой способ попрактиковаться в HTML и CSS — это клонировать коды. Слайд 21 — Фоновый HTML Давайте создадим index.html. Мы записываем все коды в HTML, но не обязательно делать это все. Введите восклицательный знак (! — 느낌표) и введите. Вы можете видеть, что формат HTML создается автоматически. Добавьте сюда два тега ‹link›. Тег ‹ ссылка › тег определяет ссылку между документом и внешним ресурсом. Тег ‹ ссылка › тег используется для ссылки на внешние таблицы..
Go Deep or Go Home: лучший способ повлиять на стили дочерних компонентов в Angular
По умолчанию Angular использует стратегию эмулированной инкапсуляции для инкапсуляции стилей компонентов. Это означает, что если мы хотим переопределить стиль компонента из нашего родителя, нам нужно использовать селектор ::ng-deep . Например: Вышеупомянутое работает, но я не большой поклонник этого подхода. Лучше использовать переменные CSS: Использование переменных CSS - более чистый и масштабируемый подход. Также проще реорганизовать child макет компонента, не..
Проверка формы HTML5 EASY Way
Когда появился HTML5, веб-разработчики повсюду обрадовались. У нас появилось множество приятных новых тегов, таких как <nav> , <header> и <section> , не говоря уже о совершенно революционных вещах, таких как <canvas> и <audio> . А еще есть LocalStorage, GeoLocation и, подождите, что? … проверка формы?! ОМФГ! Хорошее обещание проверки формы HTML5 Это все изменит! Больше никаких сумасшедших функций JavaScript для выполнения всех проверок на..
Как использовать плагин postcss-loader и auto-prefixer в webpack
Поскольку extract-text-webpack-plugin устарел, нам нужно использовать mini-css-extract-plugin для настройки веб-пакета. Итак, есть небольшие изменения в webpack.config.js. Я думаю, что новая версия намного проще в том смысле, что плагин работает как объект в массиве (как загрузчик). Вы можете вызвать его с помощью «plugin.loader» и просто поместить его поверх заказа. (Порядок веб-пакета снизу вверх.) Напротив, старая версия «extract-text-webpack-plugin» сама вызывает функцию..
Функциональный CSS  — почему его не существует и почему библиотеки, утверждающие, что они функциональны, полны…
В последнее время я продолжаю читать о «функциональном» CSS, и мне кажется, что чем больше я читаю о нем, тем меньше в нем смысла. Позвольте мне прояснить, прежде чем вскакивать — моя цель не в том, чтобы очернить концепцию функционального программирования, а в том, чтобы написать о том, как НЕ принимать вслепую WV Golf с наклейкой Ferrari и называть его роскошным режимом. транспорт. Я думаю, что в этом подходе есть свои достоинства, я просто думаю, что иногда евангелизация этих новых..