Самоучитель по 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>
Что если использовать контейнерные единицы измерения для... всего?
Контейнерные единицы измерения, это такие же единицы измерения (вроде, px или rem, но более тесно связанные с единицами измерения области просмотра, например, vw или vi), размер которых зависит от контейнера, в котором они находятся
Введение в управляемую прокруткой CSS анимацию - Прогресс просмотра
В этой статье мы изучим два типа анимаций, работающих от прокрутки, - анимацию прокрутки и анимацию просмотра. В конце концов вы сможете не только отличать эти два вида анимаций друг от друга, но и уверенно использовать их в своей работе
Regex стала лучше - История и будущее регулярных выражений в JavaScript
Раньше регулярные выражения в JavaScript были недостаточно мощными по сравнению с другими современными языками программирования, но многочисленные улучшения, появившиеся в последние годы, в корне изменили эту ситуацию. И теперь они могут стать потрясающим инструментом для поиска и замены текста
Липкие заголовки и полновысотные элементы: Сложная комбинация
Липкое (sticky) позиционирование - одна из тех функций CSS, которая довольно чувствительна и может быть сведена на нет множеством факторов. И один из этих факторов заключается в том, что липкие элементы плохо работают, если им приходится вместе с другими элементами формировать общую высоту
Альтернатива обычным техническим иллюстрациям и визуализации данных
Чаще всего встречаются линейные и круговые диаграммы, но есть и многое другое! В этой статье приведены интересные и нечасто встречающиеся примеры технических иллюстраций и визуализации данных
Что может сломать CSS свойство aspect-ratio
В CSS есть свойство aspect-ratio, которое получило полную поддержку примерно в 2021 году. Это свойство дает гораздо лучший дизайнерский результат, чем принудительное изменение размеров. Однако, у него есть и свои особенности использования, незнание которых может привести к некоторым проблемам
Разрешите представиться, Каскадные слои CSS
Чтобы преодолеть проблемы с каскадом и специфичностью, нам нужно быть осторожными с тем, где писать конкретный блок кода CSS. В этой статье мы рассмотрим, как работают каскадные слои, и как они помогут нам писать код CSS с большей уверенностью, что он будет работать так, как нам нужно
Что такое медиаобъект? Еще один кирпичик вашего сайта
Из чего состоит интернет? По крайней мере, уровень пользовательского интерфейса в основном состоит из медиаблоков. Обычно, это изображение, расположенное слева, и какой-нибудь описательный текст справа от него
Секрет эффективного CSS? Соблюдайте модульность!
Включение CSS и HTML в абстракции, обрабатываемые на сервере, в конечном итоге ведет к значительному раздуванию кода, потому что CSS и HTML требуют гораздо более модульной структуры объектов, чем, например, PHP
Раздел "Как сделать"
Оригинальное изображение
Черно-белое изображение
