Публикации по теме 'html5'


Семантика Теги
Категоризация вашего контента в HTML5 Если вы фронтенд-разработчик, то наверняка слышали о семантических тегах. Для многих это любимый вопрос на собеседовании. Хотите знать, что это такое? Поверьте, это не имеет большого значения. Семантика просто позволяет вам более точно описать ваш контент. Позвольте мне привести очень простой пример, если вы хотите, чтобы на вашем веб-сайте были верхний и нижний колонтитулы, что вы обычно делаете. <div class=”..
Платформы не имеют права на ваше кодирование
Каждая платформа, для которой вы пишете код, — это улица с двусторонним движением. Платформы должны заслужить вашу лояльность Существует ряд возможных платформ, для которых мы можем писать код. Как правило, они делятся на три широкие категории: веб, мобильные и настольные. До того, как Интернет стал преобладающим, настольные компьютеры были основной целью приложений. Веб-платформы и мобильные платформы предлагают невероятный набор функций и привлекают конечных пользователей. Если..
Интероперабельная веб-разработка
Дэвид Катухе ( @DeltaKosh ), руководитель программы в команде TED в Microsoft, создает набор лабораторий для интероперабельной веб-разработки. Цель этого состоит в том, чтобы убедиться, что веб-сайт просто работает , независимо от платформы и браузера, в котором вы его просматриваете, включая мобильные устройства. Вот ссылка на его лабораторные работы на GitHub , которые чрезвычайно подробны и просты для понимания. Вот некоторые из затронутых тем: Пограничный режим и..
HTML5 on Fire 🔥: маскировка как профессионал (1/2)
Изучите простые современные методы создания потрясающих анимаций в HTML5. Часть 1: маскирование с помощью CSS. Часть 2 : расширенное маскирование с помощью SVG. Вы, наверное, знаете, что After Effects может создавать действительно классную анимированную графику, в то время как анимация HTML5 всегда выглядит довольно простой. Я художник-график, а также разработчик интерфейса, поэтому я хотел восполнить этот пробел и сделать мои анимации H5 больше похожими на мои проекты AE. После..
Простой способ загрузить изображение с помощью JS
Этот документ объясняет, как загрузить изображение и отобразить его, а также отображает загруженное изображение в модели, когда пользователь нажимает на него. Это будет реализовано с помощью API FileReader. FileReader API — это объект, позволяющий веб-приложениям асинхронно читать содержимое файлов, хранящихся на компьютере пользователя, используя объекты File для указания файла для чтения. 1.Создайте шаблон Сначала мы создадим файл HTML с именем ImageUpload.html со следующим..
Вот что произошло в этом году: обзор фронтенд-разработки за 2016 год
Бен Хардинг – инженер по интерфейсу 2016 год был удачным для фронтенд-разработки. От улучшенной поддержки до улучшенной функциональности дизайна — есть несколько выдающихся улучшений. Но каковы наиболее важные обновления экосистемы внешнего интерфейса, из которых вы можете извлечь уроки в 2016 году, и что это означает в будущем? Мы рассмотрим этот обзор разработки интерфейса за 2016 год. Обзор разработки интерфейса: важные обновления в 2016 году Мы можем подытожить 2016 год..
Создание игр в Интернете
Итак, вы хотите создавать кроссплатформенные игры для разных устройств, которые изначально работают в браузере. Мы вас прикрыли. Посмотрите мою последнюю серию скринкастов, в которых мы углубляемся в Phaser. Phaser - это JavaScript-фреймворк на основе HTML5, который позволяет создавать 2D-игры в браузере. Часть первая: создание кроссплатформенных игр В этой первой части мы рассмотрим настройку приложения Phaser, загрузку ресурсов, обработку карт спрайтов и основной поток программы...