Публикации по теме 'css'
Сделайте свой сайт адаптивным за 3 простых шага
Мы собираемся выполнить 3 основных шага:
html {размер шрифта: 62,5%} Используйте «rem» вместо «px» Обновить медиа-запрос
Шаг 1
Установите размер шрифта html на 62,5%
Шаг 2
* Используйте «rem» вместо «px»
* rem относится к размеру шрифта корневого элемента (Html)
* По умолчанию Когда размер шрифта корневого элемента равен 100% = 1rem = 16px
* Так как размер шрифта корневого элемента (html) 62,5% = 1rem = 10px
Примечание. Чтобы использовать бэр в качестве единицы..
Еженедельный дайджест внешнего интерфейса № 286 (21–27 ноября 2022 г.)
Веб-разработка
• Все о формате JSON
Специальные возможности • Расположение уведомлений с учетом специальных возможностей • Руководство по специальным возможностям клавиатуры: JavaScript (часть 2) Эффекты • Обзор потрясающих демонстраций № 22 • Идеи встроенного переключения макета
CSS
• Производительность CSS против CSS-in-JS • Интерактивное руководство по Flexbox • Укрощение каскада с помощью БЭМ и современных селекторов CSS • Эксперименты со слоями,..
Еженедельный выпуск CSS 32
Добро пожаловать в 32-й выпуск CSS Weekly, бесплатного еженедельного сводного обзора кода CSS и статей по электронной почте.
Идеальное оглавление с помощью HTML + CSS | CSS-трюки Ранее в этом году я самостоятельно опубликовал электронную книгу «Понимание обещаний JavaScript (бесплатно для скачивания). Хотя… css-tricks.com»
Управление доступными темами дизайн-системы с помощью CSS Color-Contrast() —..
Создание веб-приложения «Калькулятор возраста» с использованием HTML и JavaScript
В современную цифровую эпоху веб-разработка является универсальным и полезным навыком. Чтобы начать ваше путешествие, мы собираемся создать простое, но функциональное веб-приложение «Калькулятор возраста», используя триумвират веб-разработки: HTML, CSS и JavaScript. Это приложение позволит пользователям легко определять свой возраст по дате рождения. Итак, засучите рукава и давайте погрузимся в это практическое руководство!
Установка основы с помощью HTML
Как и в любом проекте по..
Давайте создадим адаптивную HTML-карту | УИ-2
import React from "react";
import Styles from "./Card12.module.scss";
function Card12() {
return (
<div className={Styles.Card12_Container}>
<div className={Styles.Header}>
<div className={Styles.Left}>
<div className={Styles.Profile_Pic}>
<img
src="https://xsgames.co/randomusers/assets/avatars/male/42.jpg"
alt="Profile Pic"
/>..
HTML/CSS для виртуальных недель моды: онлайн-презентации подиумов
В последние годы в индустрии моды произошел трансформационный сдвиг: виртуальные недели моды стали заметной тенденцией. По мере того, как дома моды и дизайнеры адаптируются к цифровой эпохе, роль HTML и CSS в создании иммерсивных онлайн-презентаций на подиуме растет в геометрической прогрессии. В этой статье мы исследуем, как HTML и CSS переопределяют концепцию виртуальных недель моды, позволяя дизайнерам демонстрировать свои творения глобальной аудитории инновационными и привлекательными..
Как начать изучать веб-разработку с нуля
Опубликовано 29 июня • Первоначально опубликовано на htmlallthethings.com
Введение
Итак, вы хотите стать веб-разработчиком, но с чего начать? С таким количеством информации это может быть ошеломляющим! Будьте уверены, эксперты в области технологий Мэтт Лоуренс и Майк Каран успокоят вас и помогут выбрать правильный путь обучения, который подходит именно вам, в этой статье для начинающих!
Темы, затронутые в этой статье, включают:
Причины изучать веб-разработку Заблуждения о..
