Самоучитель по 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>
Переход на Markdown после 20 лет работы с HTML
Спустя почти два десятилетия и более 1600 опубликованных статей, написанных в чистом HTML, я сделал давно ожидаемый шаг: перешёл на Markdown
Улучшаем API для Resize Observer
Интерфейсы слежения за изменением размера (Resize Observer), изменениями DOM (Mutation Observer) и пересечениями (Intersection Observer) — это полезные API, которые превосходят своих предшественников по производительности
Что такое облачные технологии?
Облачные технологии представляют собой совокупность методов и решений, обеспечивающих возможность хранения, обработки и передачи данных через сеть Интернет без привязки к локальным устройствам пользователей.
Создание работающей сегодня плиточной разметки типа Masonry
Как то возник вопрос, как сделать плиточную раскладку (типа Masonry), которая работала бы во всех браузерах? Ответ был найден. И это заняло всего 66 строк кода JavaScript.
Создание навигационной панели с "подвижным выделением" с помощью JavaScript и CSS
Создаем навигационную панель с "подвижным выделением" современным средствами Javascript и CSS. В соответствии с данным шаблоном граница вокруг активного элемента навигации анимируется непосредственно от одного элемента к другому, когда пользователь нажимает на элементы меню
Обновление Drupal 10 до Drupal 11: Пошаговое руководство
Обновление сайта Drupal с версии 10 до 11 — отличный способ сохранить ваш сайт защищенным, быстрым и готовым к будущему. Переход с Drupal 10 на 11, благодаря семантическому версионированию Drupal, проходит более гладко, чем предыдущие крупные обновления
Что такое Markdown и как его использовать
Markdown - это легкий язык разметки, разработанный для упрощения процесса написания и форматирования текста. Markdown позволяет форматировать текст с использованием простого синтаксиса, который затем можно преобразовать в HTML или другие форматы
Каскадные слои CSS vs БЭМ vs утилитарные классы: управление специфичностью
При написании CSS практически невозможно избежать разочарования, когда стили применяются не так, как ожидалось — это особенность специфичности. Вы применили стиль, он сработал, а позже пытаетесь переопределить его другим стилем и...
Создание глубины и движения: пошаговое руководство по созданию эффекта параллакса
Создание визуально привлекательного сайта — это не только о ярких цветах и типографике. Сегодня это также о создании захватывающих пользовательских впечатлений, которые увлекают пользователей при прокрутке страницы
Раздел "Как сделать"
Оригинальное изображение
Черно-белое изображение
