Веб-разработка
-
Модель объектных документов (DOM): представление и взаимодействие с HTML, XHTML и XML
DOM (Document Object Model): представление HTML/XML как дерева объектов. Программный доступ, изменение структуры и содержимого документов. События и обработчики.
-
Динамический HTML: создание интерактивных веб-страниц
Динамический HTML (DHTML): создание интерактивных и анимированных веб-страниц с помощью JavaScript и стилей. Обзор технологии и её отличия от динамических страниц.
-
Язык разметки гипертекста HTML: история и основы
HTML: стандарт разметки для веб-страниц. Определяет структуру и контент сайтов, работает с CSS и JavaScript. Создание мультимедийных страниц.
-
SVG: Открытый стандарт для векторной графики
SVG: векторная графика в формате XML. Масштабируемость без потери качества, поддержка анимации и интерактивности. Открытый стандарт W3C для веб-дизайна.
-
Веб-сайт: определение, история и современное состояние
Сайт: что это такое? Коллекция веб-страниц под одним доменом. Узнайте о структуре, назначении и популярных сайтах (Google, YouTube, Facebook).
-
Создание и развитие веб-сайтов: история и современные тенденции.
Создание и поддержка сайтов: веб-дизайн, UI/UX, графика, SEO. Разработка фронтенда, оптимизация и обслуживание веб-ресурсов. Профессиональный подход!
-
Редакторы HTML: типы, функции и возможности
Редакторы HTML: создание и редактирование веб-страниц. Поддержка CSS, XML, JavaScript, FTP, Git. Выбор софта для удобной верстки сайтов.
-
WebDAV: Расширение HTTP для совместного редактирования
WebDAV: расширение HTTP для совместного редактирования файлов на веб-сервере. Контроль версий, управление пространствами имен, защита от перезаписи.
-
Adobe GoLive: История и Развитие WYSIWYG-Редактора
Adobe GoLive: WYSIWYG HTML-редактор и CMS от Adobe. История разработки, приобретение GoNet Communications, ребрендинг CyberStudio. Веб-разработка.
-
Иконки сайтов: руководство по созданию и использованию favicon
Фавикон: что это такое? Узнайте, как создать и использовать маленькую иконку сайта для улучшения брендинга и удобства пользователей. Форматы и нюансы.
-
Джеффри Зельдман: Пионер веб-стандартов и дизайна
Джеффри Зельдман: биография американского веб-дизайнера, пионера в области дизайна сайтов. Сочетание функциональности и эстетики в веб-разработке.
-
Разработка веб-сайтов и приложений
Разработка сайтов и приложений: создание от простых страниц до сложных веб-приложений. Веб-дизайн, программирование, CMS, безопасность и e-commerce.
-
Мобильные веб-браузеры: история и развитие
Мобильные браузеры: оптимизация веб-страниц для смартфонов и планшетов. Обзор функций, технологий (CSS3, JavaScript) и мобильного веба.
-
Веб-стандарты: принципы, история и развитие
Веб-стандарты: что это такое? Узнайте о принципах разработки сайтов, семантической структуре, доступности и отказе от устаревших методов ("tag soup").
-
"Таг-суп" в HTML: невалидный и некорректный код веб-страниц
Некорректная HTML-разметка ("tag soup"): причины, последствия и способы обработки браузерами. Парсеры "tag soup" для отображения сломанного HTML.
-
Форматы веб-каналов: RSS и Atom
Веб-каналы (RSS, Atom) – это формат данных для получения актуальных новостей и контента с сайтов. Подпишитесь и будьте в курсе обновлений!
-
HomeSite: История HTML-редактора для программистов
HomeSite: HTML-редактор для ручного кодирования от Adobe. История, особенности, приобретение Macromedia и прекращение поддержки в 2009 году.
-
Хакон Вьюм Ли: Пионер веб-стандартов и создатель CSS
Хакон Виум Ли – норвежский инженер, пионер веб-технологий и создатель CSS. CTO Opera Software, разработчик Prince CSS. Подробная биография и вклад в стандарты.
-
Формат веб-архивов MHTML: описание и поддержка браузерами.
MHTML: формат веб-архива для сохранения HTML страниц с изображениями в один файл. Использует MIME, multipart/related. Расширения .mhtml, .mht.
-
Разделение содержания и представления в веб-дизайне
Разделение контента и представления в веб-дизайне: CSS и XSLT для стилизации. Узнайте о преимуществах и принципах отделения структуры от оформления сайта.
-
Стилизация шрифтов в HTML и CSS
Выбор шрифтов в HTML и CSS: свойство `font-family`, начертания, семейства шрифтов и типографские гарнитуры. Узнайте, как настроить отображение текста!
-
Молли Хольцшлаг: Пионер веб-стандартов и доступности в сети
Молли Хольцшлаг (1963-2023) – автор книг по веб-дизайну, сторонник открытых стандартов и доступности. Лидер Web Standards Project, "Крёстная фея Веба".
-
Версии веб-страниц для печати: создание и особенности
Версия для печати веб-страниц: удаление навигации, форматирование под A4/Letter, отображение текста и изображений. Удобно для распечатки!
-
Валидатор W3C: Проверка и обеспечение качества веб-страниц
Валидатор W3C: проверка HTML и XHTML на соответствие стандартам. Обеспечьте качество кода, совместимость с браузерами и удобство сайта. SEO-влияние не доказано.
-
Доступность веб-ресурсов для всех пользователей
Доступность веб-ресурсов: создание сайтов без барьеров для людей с ограниченными возможностями. Альтернативный текст, размер шрифта, цветовое выделение.
-
Ячейки таблиц: структура и применение в HTML
Ячейки таблиц: основа хранения данных в графиках и веб-страницах. Горизонтальные и вертикальные группировки, HTML-элемент <table>, размеры ячеек.
-
Тантек Челик: Создатель Microformats и лидер веб-стандартов
Тантек Челик: турецко-американский разработчик, лидер Mozilla по веб-стандартам. Создатель Microformats, редактор CSS, автор учебника по HTML5.
-
CSS Zen Garden: Демонстрация возможностей CSS в веб-дизайне
CSS Zen Garden: демонстрация возможностей CSS в веб-дизайне. Один HTML-файл, сотни стилей от дизайнеров со всего мира. Вдохновение и примеры CSS!
-
Фреймы в HTML: история, использование и замена.
Фреймы в HTML: что это, как работают и почему устаревают. iframe vs. frameset. Нарушение политики одного источника, доступность и SEO.
-
A List Apart: Журнал о веб-дизайне и разработке
A List Apart: веб-дизайн, разработка и контент. Статьи о CSS, иллюстрациях, исследования рынка веб-дизайна с 1998 года.
-
Прозрачные GIF-разделители в веб-дизайне
Прозрачный Spacer GIF: маленький графический файл для верстки веб-страниц. Устаревший метод, замененный CSS и HTML таблицами. История создания.
-
Тест Acid2: Проверка соответствия веб-браузеров стандартам
Acid2: онлайн-тест для проверки соответствия браузеров стандартам HTML, CSS, PNG и Data URI. Выявите ошибки рендеринга и убедитесь в корректности отображения!
-
Облако тегов: визуализация частоты слов
Облако тегов: визуализация частоты слов в тексте. Ключевые слова, размер шрифта, ссылки на контент. Использование в веб-дизайне и SEO.
-
Инструменты для создания веб-сайтов: история и современные решения.
Создание сайтов без кода: онлайн-конструкторы и программы для ПК. Сравнение, типы и возможности для быстрого запуска вашего веб-сайта.
-
Микроформаты: Стандарт метаданных для веб-страниц
Микроформаты (μF) – это HTML-классы для структурированных данных на веб-страницах. Улучшают индексацию поисковиками (Google), RSS, социальные сети. SEO!
-
Клавиши доступа: история, проблемы и стандартизация.
Клавиши доступа (accesskey) в браузере: удобство или конфликт с программами для слабовидящих? Узнайте о проблемах и рекомендациях по их использованию.
-
Карты сайтов: виды и применение
Карта сайта: что это такое? Разновидности (для дизайнеров, пользователей, поисковых роботов). Улучшите навигацию и индексацию вашего сайта!
-
Атрибут alt: Альтернативный текст для изображений в HTML
Атрибут alt в HTML: зачем нужен, как использовать для описания изображений и повышения доступности сайта. Важно для SEO и пользователей с ограниченными возможностями.
-
Web Standards Project
-
Microsite
-
Сравнение HTML-редакторов
Сравнение HTML-редакторов: Amaya, Dreamweaver, Visual Studio Code и другие. Обзор, лицензии, версии и даты последних релизов. Выбор редактора HTML.
-
Режимы совместимости веб-браузеров: Quirks Mode и Standards Mode
Режим совместимости (quirks mode) в браузерах: поддержка старых веб-страниц, CSS ошибки IE, стандарты веб-разработки. Обратная совместимость сайтов.
-
Tableless web design
-
Онлайн-продюсер: обязанности, навыки и зарплата.
Онлайн-продюсер: кто это и чем занимается? Создание, редактирование и публикация контента для сайтов. Обязанности и специализация онлайн-продюсеров.
-
Web content
-
Элемент HTML Canvas: Возможности и Сравнение со SVG
Элемент HTML Canvas: создание 2D/3D графики, игр и визуализаций в браузере. Поддержка WebGL, API рисования и динамическое обновление изображений.
-
Онлайн-редакторы форматированного текста: принципы и реализация
Онлайн-редакторы текста: WYSIWYG интерфейсы для создания сайтов. История развития, от textarea до designMode в браузерах. Простота форматирования HTML.
-
Приоритет контенту: стратегия прогрессивного улучшения веб-дизайна
Прогрессивное улучшение в веб-дизайне: приоритет контенту для быстрой загрузки и SEO. HTML, CSS, JavaScript – слои для оптимального отображения.
-
Элемент HTML <blockquote>: назначение и использование
Элемент HTML <blockquote>: что это, синтаксис и применение для цитирования больших текстовых блоков. Узнайте о стилизации и устаревших методах использования.
-
HTML-письма: Форматирование, преимущества и недостатки
HTML email: форматирование, изображения, таблицы и удобство отображения. Узнайте о преимуществах HTML писем и поддержке почтовыми клиентами.
-
CSS и XSL: Сравнение языков стилей и их применение.
CSS и XSL: в чем разница? Узнайте о назначении и особенностях этих языков стилей для HTML, XML и других документов. Оптимизация стилей веб-страниц.
-
CSS hack