Самоучитель по HTML, CSS, XML, Javascript
Создание сайта требует определенных знаний. Источником знаний всегда были книги. Однако в определенный момент сюда добавилась еще одна чрезвычайно обширная база данных – сеть Интернет. Данный сайт собирает в одном месте информацию, которая необходима или может оказаться интересной начинающему вебмастеру. Это своего рода самоучитель и справочник по тем или иным интернет-технологиям - HTML, CSS, XML, JavaScript, jQuery и др.
Пример HTML:
<!DOCTYPE html>
<html>
<title>Учебник HTML</title>
<body>
<h1>Это заголовок</h1>
<p>Это параграф или абзац.</p>
</body>
</html>
Пример CSS:
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
Пример XML:
<?xml version="1.0" encoding="UTF-8"?>
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Напоминание</heading>
<body>Не забудь обо мне в эти выходные!</body>
</note>
CSS функция min() и адаптивность сайта
В этой статье мы поэкспериментируем с CSS функцией min() и изучим её гибкость в работе с различными единицами измерения, чтобы определить, является ли она универсальным решением для адаптивности
Что если использовать контейнерные единицы измерения для... всего?
Контейнерные единицы измерения, это такие же единицы измерения (вроде, px или rem, но более тесно связанные с единицами измерения области просмотра, например, vw или vi), размер которых зависит от контейнера, в котором они находятся
Введение в управляемую прокруткой CSS анимацию - Прогресс просмотра
В этой статье мы изучим два типа анимаций, работающих от прокрутки, - анимацию прокрутки и анимацию просмотра. В конце концов вы сможете не только отличать эти два вида анимаций друг от друга, но и уверенно использовать их в своей работе
Regex стала лучше - История и будущее регулярных выражений в JavaScript
Раньше регулярные выражения в JavaScript были недостаточно мощными по сравнению с другими современными языками программирования, но многочисленные улучшения, появившиеся в последние годы, в корне изменили эту ситуацию. И теперь они могут стать потрясающим инструментом для поиска и замены текста
Липкие заголовки и полновысотные элементы: Сложная комбинация
Липкое (sticky) позиционирование - одна из тех функций CSS, которая довольно чувствительна и может быть сведена на нет множеством факторов. И один из этих факторов заключается в том, что липкие элементы плохо работают, если им приходится вместе с другими элементами формировать общую высоту
Альтернатива обычным техническим иллюстрациям и визуализации данных
Чаще всего встречаются линейные и круговые диаграммы, но есть и многое другое! В этой статье приведены интересные и нечасто встречающиеся примеры технических иллюстраций и визуализации данных
Что может сломать CSS свойство aspect-ratio
В CSS есть свойство aspect-ratio, которое получило полную поддержку примерно в 2021 году. Это свойство дает гораздо лучший дизайнерский результат, чем принудительное изменение размеров. Однако, у него есть и свои особенности использования, незнание которых может привести к некоторым проблемам
Разрешите представиться, Каскадные слои CSS
Чтобы преодолеть проблемы с каскадом и специфичностью, нам нужно быть осторожными с тем, где писать конкретный блок кода CSS. В этой статье мы рассмотрим, как работают каскадные слои, и как они помогут нам писать код CSS с большей уверенностью, что он будет работать так, как нам нужно
Что такое медиаобъект? Еще один кирпичик вашего сайта
Из чего состоит интернет? По крайней мере, уровень пользовательского интерфейса в основном состоит из медиаблоков. Обычно, это изображение, расположенное слева, и какой-нибудь описательный текст справа от него
Раздел "Как сделать"
Оригинальное изображение
Черно-белое изображение
