Отправляет email-рассылки с помощью сервиса Sendsay

Как создать сайт

Как создать сайт

Создание градиента на Canvas Здравствуйте! В этом уроке рассмотрим создание градиента в canvas. Элемент Canvas позволяет использовать градиент в качестве фона. Для этого применяется объект CanvasGradient, который можно создать либо с помощью метода createLinearGradient) (линейный градиент, либо с помощью метода createRadialGradient) (радиальный градиент. Читать далее ...

2021-02-07 16:36:03 + Комментировать

Как создать сайт

Фоновые изображения в Canvas Здравствуйте! В этом уроке разберем как в Canvas можно взаимодействовать с фонами. Вместо конкретного цвета для заливки фигур, например, прямоугольников, мы можем использовать изображения. Для этого у контекста canvas имеется специальная функция createPattern, которая принимает 2 параметра: изображение, которое будет использоваться в качестве фона, и принцип повторения изображения. Читать далее ...

2021-01-31 17:18:00 + Комментировать

Как создать сайт

Настройка рисования canvas Здравствуйте! В этом уроке разберем, как можно настроить контекст рисования на canvas. Контекст элемента canvas предоставляет ряд свойств, с помощью которых можно настроить отрисовку на canvas. К подобным свойствам относятся следующие: strokeStyle : устанавливает цвет линий или цвет контура. По умолчанию установлен черный цвет fillStyle : устанавливает цвет заполнения фигур. По умолчанию установлен черный цвет lineWidth : устанавливает толщину линий. По умолчанию равно 1.0 lineJo...

2021-01-24 18:04:32 + Комментировать

Как создать сайт

Доступ к canvas и рисование прямоугольников Здравствуйте! Этим уроком я начинаю довольно обширную тему Canvas. Одним из основных нововведений HTML5 стал элемент Canvas и продвинутые возможности по работе и манипуляции 2d графикой. С помощью canvas можно рисовать как простейшие графические примитивы - линии, фигуры, текст, так и создавать сложные графические игры. В дополнение canvas позволяет манипулировать изображениями и даже видео. Читать далее ...

2021-01-17 18:19:41 + Комментировать

Как создать сайт

Java Script управление HTML5 video и audio Здравствуйте! В этом уроке рассмотрим возможности JavaScript по управлению видео и аудио данными. После того, как в стандарте HTML 5 появилась возможность добавлять видеоплееры на веб-страницу, то в JavaScript были добавлены функции для взаимодействия и управления видео и аудио. Вот их то мы и рассмотрим в этом уроке. Читать далее ...

2021-01-10 16:58:49 + Комментировать

Как создать сайт

Drag and Drop HTML5 Здравствуйте! Я уже писал про drag'n'drop с помощью JavaScript . В этой же статье я хочу рассказать о Drag and Drop средствами HTML 5. Технология drag and drop (иногда может упоминаться как drag'n'drop) позволяет сделать элементы на веб-страницах перетаскиваемыми (совсем как окна с программами в операционной системе. Ранее это было возможным только с помощью реализаций сложных JavaScript функций или подключением jQuery . Сейчас технология drag and drop является частью спецификации HTML5...

2021-01-03 17:41:52 + Комментировать

Как создать сайт

FullScreen API Здравствуйте! В этом уроке рассмотрим один интересный API, который позволяет программно переключать браузер в полно экранный режим. Называется он FullScreen API и позволяет как переключаться в режим полного экрана, так и выходить из него. Читать далее ...

2020-12-27 19:18:52 + Комментировать

Как создать сайт

Web Workers - выполнение скриптов в фоновом режиме Здравствуйте! В этом уроке познакомимся с Web Workers данная технология позволяет выполнять скрипты в фоне и таким образом можно избежать зависаний браузера, если какой-то скрипт потребляет очень много памяти. Web Worker - это JavaScript-файл, который загружается и исполняется в фоновом режиме. Это позволяет загружать JavaScript-файл динамически, а затем исполнять скрипт с помощью фонового процесса, не влияющего на пользовательский интерфейс. Работники тип...

2020-12-20 18:14:52 + Комментировать

Как создать сайт

File и FileReader API Здравствуйте! В этом уроке рассмотрим FileReader API, который позволяет читать файлы и загружать в браузер. Объект File наследуется от объекта Blob и обладает возможностями по взаимодействию с файловой системой. Есть 2 способа его получить. Во-первых, есть конструктор, похожий на Blob: new File(fileParts, fileName, [options) fileParts - массив значений Blob/BufferSource/строки. fileName - имя файла, строка. options - необязательный объект со свойством: lastModified - дата последнего и...

2020-12-13 16:30:28 + Комментировать

Как создать сайт

База данных IndexedDB Здравствуйте! В этом уроке разберем встроенную базу данных IndexedDB, которая является более мощным решением, чем localStorage . Вот ее ключевые преимущества Хранилище ключей/значений: доступны несколько типов ключей, а значения могут быть любыми. Поддерживает транзакции для надёжности. Поддерживает запросы в диапазоне ключей и индексы. Позволяет хранить больше данных, чем localStorage. Для традиционных клиент-серверных приложений эта мощность обычно чрезмерна. IndexedDB предназначена...

2020-11-15 17:12:50 + Комментировать