Персональный сайт Дмитрия Журавлева

Связь: dmitriyzhuravlev@yandex.ru

Обожаю Всемирную история Мела Брукса.
Недавно узнал, что римских девственниц-весталок играли девушки из журнала Playboy.

Всемирная история Мела Брукса: весталки

Нужно было всего лишь титры почитать.

Всемирная история Мела Брукса: весталки

Кстати, Мел Брукс жив-здоров: дядьке 96 лет и он даже участвует в съёмках сиквела Всемирной истории. Вот ссылочка: https://www.imdb.com/title/tt15715052/
Будет сериал, 8 серий. Надеюсь, юмор будет хоть немого таким же, как в оригинале. Понятно, что сейчас времена не те и шутить, как раньше, уже не дадут. Но Мел Брукс еврей, ему могут простить. :)
Комментариев нет



Плотность - почти как в советское время.
Комментариев нет

Сделать видео фоном для div-блока? Без проблем. На airbnb схожий приём был раньше со счатливыми лицами людей.
Тегу video нужно поставить атрибуты autoplay, muted и loop.
Если не поставить muted, то autoplay не заработает в современных браузерах.

Кстати, моя умная кошка советует не использовать слишком много свистелок на сайте

Можно хоть для всего сайта сделать фоном (но не надо).
Работает даже в IE11.
Комментариев нет

HTML
<div class=""></div>
<a href=""></a>
<div style=""></div>
<input type="number">
<ul></ul>
<select></select>
<button></button>
<span></span>
<h1><h1/>
CSS
font-size: 1.1em;
user-select: none;
animation-duration: 4s;
box-sizing: border-box;
height: var(--size);
position: relative;
width: 100%;
word-break: keep-all;
white-space: nowrap;
top: -60px;
clip-path: circle(50%);
transform: translateX(10px);
JavaScript
fetch('https://api.example.org')
.then((r) => r.json())
.then((data) => {
productsArr.push(data.result);
})
.catch((e) => handleError(e));
setTimeout(hideWarning, 4000);
if (user.isAuthed === false) {
updateRoute(); }
Комментариев нет

Наконец-то изучил SVG. Как-то всё не было то ли времени, то ли потребности, чаще использовал готовые картинки.

В общем, моё первое баловство с SVG:
Комментариев нет

В целях изучения вебсокетов написал свой онлайн-чат. Использовал npm-пакет ws, т.к. у ноды намеренно нет встроенной поддержки вебсокетов.
Залил на гитхаб:
https://github.com/rudimadima/simple-websocket-chat

Скриншот чата:


Вот линк - можно зайти, початиться (бэк на Heroku залил).

Кстати, у ws ноль зависимостей, люблю такой подход.
Вебсокеты - обалденная технология, очень понравилась :)
Комментариев нет

Баловство с CSS-тенями. Наведите курсор мыши на блок - появится светящаяся тень. Идея не моя, я лишь под себя подогнал и анимаций добавил.
Вообще, работа с тенями в браузере - штука ресурсозатратная. В данном случае теней используется много плюс анимация перехода. На медленном смартфоне у меня подтормаживание плавности.
FF тоже отрабатывает не идеально, а вот древние IE11 и Opera 12 - без тормозов.

DimaDima



Комментариев нет

Увидел прикольную анимацию - раскрывающаяся папка с вылазящими документами, решил сделать свой вариант.
Читать далее...

Комментариев нет

Написал скроллер для сайта: "модная" перемотка по вертикали большими блоками, размером с окно браузера.

Т.е. такое листание страниц целиком, как на некоторых лендингах.

Вот пример работы.
Откройте лучше на мобилке, понятнее будет о чем речь. Для десктопов, имхо, это лишнее, но тут каждый сам решает.

Залил на гитхаб, если кому удобнее оттуда тянуть:
https://github.com/rudimadima/full-page-slider
Комментариев нет

Ни один современный браузер не даст запустить виндовый *.exe файл с помощью браузерного JS. Не разрешит даже содержимое файла прочитать с жёсткого диска без разрешения пользователя. Иначе бы любой кулкацкер лазил по чужим дискам при заходе на вредоносный сайт.

Но если очень хочется, то можно всё сделать. :) Надо пошаманить с помощью node.js.
Вариант будет удобен, когда есть парк ПК в одной организации.

Ставим на все компы node.js, ставим expressjs, делаем автостарт node.js при старте винды.

Создаём index.js:
const express = require('express');
const app = express();
const port = 5555;
const child_process = require('child_process');

app.get('/run/myscript.bat/', (req, res) => {
	res.send('Running myscript.bat');

	child_process.exec('myscript.bat', function(err, data) {  
			console.log(err);
			console.log(data.toString());                       
	});
});

app.listen(port, () => {
	console.log(`Listening at http://localhost:${port}`);
});

И создаём myscript.bat:
c:\Windows\System32\calc.exe
Для примера тут используется виндовый калькулятор.

Далее нужно всего лишь открыть в браузере адрес:
http://localhost:5555/run/myscript.bat/
и калькулятор запустится.

Соответственно нужен просто сайт/html-страница со ссылками на нужный урл. Кликаем ссылку - делаются нужные дела на компе (запускаются приложения, чистятся папки, выключается ПК и пр.).
Ну или автоматически во фреймах открывать/закрывать нужные адреса, когда требуется, т.е. вообще контроль будет со стороны сервера. В общем, простор для фантазии.
Комментариев нет

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43