В. | Дзен

Эта статья является продолжением первой части: Я добавил в программу (код веб-страницы) метод построения треугольника Серпинского методом хаоса. Немного теории. Хаос в мифологии - бесформенная совокупность материи и пространства - противоположность порядку. Напротив, тео́рия ха́оса в математике описывает поведение, которое кажется случайным и хаотичным, даже если модель, описывающая систему, является детерминированной, т.е результат заранее предопределен, как в нашем случае для треугольника Серпинского...

4 дня назад

HTML иконки в браузерах без файлов – ещё один трюк

Обычно веб-страница содержит набор файлов изображений для иконок, которые описываются в разделе <head>, а сами файлы размещаютcя в корневом или другом разделе сайта (путь также указан в разделе <head>). Я описал это в статье: Но с появлением стандартного File API в HTML5 можно вообще обойтись без отдельных файлов иконок - все данные можно непосредственно хранить в разделе <head> HTML файла. А. Алгоритм такой. 1. Всё-таки нужен исходный файл с изображением иконки. 2. С помощью метода readAsDataURL() объекта FileReader() формируем строку данных из файла изображения...

1 неделю назад

Треугольник Серпинского - упражнение на JavaScript

Треугольник Серпинского - это фрактал, также известен как «салфетка» Серпинского. Для интересующихся фракталами он достаточно подробно описан В РУВИКИ: Треугольник Серпинского Там же приведена программа на JavaScript, которая рисует один из вариантов треугольника Серпинского. В качестве упражнения я взял за основу этот алгоритм и разработал веб-страницу, на которой можно поэкспериментировать с треугольником Серпинского. Добавлены возможности изменения минимального размера детали (т.е. высоты длины...

1 неделю назад

Просмотр изображения без загрузки файла на сервер.

Как быть если нужно сделать превью, т.е. предпросмотр, какого-либо изображения на веб-странице, но нежелательно грузить само изображение или файл, где оно находится, с локального компьютера на сервер-хост, где и находится код HTML5/CSS3/JS данной страницы? Например, это могут быть личные фотографии, или изображения очень большого объёма, которые загрузят канал, или другие соображения не делиться информацией с сервером. А может наоборот, нежелание предоставлять возможность загрузить сервер всяким хламом...

1 неделю назад

Программа для укладки мозаики по Ешеру.

А вот и сама программа (вэб-страница - только стандартные HTML5/CSS3/JS): После вызова предлагается несколько образцов плитки, которые нарисовал или подготовил я сам: Можно также нарисовать свой вариант плитки и добавить файл для выбора (или несколько файлов по-одному) - файлы НЕ ГРУЗЯТСЯ НА СЕРВЕР - только на вашем ПК. Например, у меня на ПК нашёлся такой файл: Затем нажимаем кнопку...

2 недели назад

Простая графика в HTML5/CSS3/JavaScript по мотивам Эшера.

Ма́уриц Корне́лис Э́шер (1898 — 1972) — нидерландский художник-график. Он не писал картины маслом, он создавал литографии и гравюры, в которых пытался создать у зрителя представление о том, что он наблюдает что-то нереальное, невозможное, т.е. перевернуть восприятие сложных трёхмерных объектов. Вот два характерных примера его творчества: Я попробовал создать, используя только простые средства HTML5/CSS3/JavaScript, программу (или веб-страницу), которая рисует что-то похожее по мотивам творчества Эшера...

3 недели назад

Первобытное vs. компьютерное искусство ИИ.

Что такое искусство? В первую очередь это красота, по-возможности понятная, и уж совсем в последнюю очередь приятная. Но это также и то, что вызывает наше сопереживание. Высшей стадией сопереживания является катарсис – древние греки испытывали его каждый раз, когда смотрели представление в местном амфитеатре, или когда участвовали в мистерии. Ну и для самого творца – это творчество – для него возможность творить может быть важнее всех соображений выше и всего другого. Я считаю, что эти три момента – критерий определения того, является ли данное произведение искусством...

3 недели назад

HTML иконки в браузерах – очень просто.

Вот самый простейший способ сделать иконку: Этот симпатичный, на мой взгляд, домик на вкладе слева вверху я нарисовал лично в редакторе Paint (даже не в Paint 3D), как файл формата PNG размером 16x16, и сохранил в корневом каталоге. В тексте HTML в разделе <head> добавил строку: <link type="image/png" sizes="16x16" rel="icon" href="favicon.png"> На самом деле всё немного сложнее, но всё-равно не стоит сильно заморачиваться. Немного истории: Первоначально браузеры, начиная с Microsoft Internet Explorer...

1 месяц назад

В чём лучше набирать тексты своих программ.

Есть такие языки программирования, что набирать текст программы имеет смысл только в своей среде программирования, громоздкой и огромной как слон. Например, язык ABAP, используемый в системе SAP R/3 (теперь называется SAP ERP или как-нибудь ещё) – они ушли из России и Белоруссии, и только иски вдогон и радость российских фирм поддержки оставшихся клиентов SAP напоминают про эту фирму. Но для тройки фронтенд языков – HTML5/CSS3/JavaScript – текст можно набрать и сохранить в ЛЮБОМ текстовом редакторе: Word, Блокнот и т...

1 месяц назад

Цвета в HTML5/CSS3 – калькулятор жёсткости воды (пример).

В качестве примера использования цвета как дополнительного канала донесения информации, а также как пример манипуляции цветом в элементах на экране, предлагаю вашему вниманию онлайн калькулятор жёсткости воды. Бутилированная вода из магазина может иметь разную жёсткость, причём она не всегда указывается на этикетке. Чаще всего указывается содержание ионов по отдельности. Немного теории: · С 1 января 2014 года в России введён межгосударственный стандарт ГОСТ 31865-2012 «Вода. Единица жёсткости». По новому ГОСТу жёсткость выражается в градусах жесткости (°Ж)...

1 месяц назад

Цвета в HTML5/CSS3.

Человек создан для счастья, как птица для полёта. Мы любим радостные и лёгкие цвета, нам не нравится серость и мрачные тона. Цвет в HTML5/CSS3 – это то, чем можно очень просто управлять, выражая свой вкус. В версиях HTML до 5-й были два специальных атрибута цвета для прямого указания в метках («тэгах») элементов: · color – цвет текста элемента; · bgcolor – цвет фона элемента; В HTML5 оба эти атрибута устарели и не поддерживаются (старые версии браузеров, конечно, могут их поддерживать). HTML5 определяет...

1 месяц назад

Нет перспектив (Моя «карьера» фрилансера в ИТ).

Сначала немного об оставшихся шагов из списка, а затем окончательные выводы. 1. 2006-2025 Freelance Job - удаленная работа на дому (без вложений), фриланс биржа с вакансиями от прямых работодателей. - Работа для фрилансеров на дому для новичков, биржа удаленной работы в России; 2. 2025 freelance.ru - Фриланс официальный сайт фрилансеров и самозанятых. Удаленная работа. Фриланс работа и вакансии, фрилансер, работа на дому. Freelance.ru freelancer site.; 3. FL.ru, 2005 – 2025 - Крупнейшая биржа фриланса с лучшими профессионалами рунета...

1 месяц назад