RiseLab

Замена DOM-элемента и его содержимого на чистом JS

Допустим у вас есть следующая разметка:

<div id="greeting">
	<h1>Hello, world!</h1>
	<p>It's a lovely day in the neighborhood.</p>
</div>

А теперь представьте, что вы хотите полностью заменить элемент #greeting вот этим:

<div id="salutations">
	<h1>Hi, universe!</h1>
	<p>The sun is always shining!</p>
</div>

Как бы вы это сделали? Рассмотрим 3 возможных подхода.

Читать далее…

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

Контейнер для линз Eyekan Pebble

Контейнер для линз Eyekan Pebble

Давно хотел купить кейс для контактных линз, чтобы использовать его в поездках. Именно этот выбрал в первую очередь из-за сравнительно большого зеркала.

Читать далее…

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

Поиск с металлоискателем: первая монета

Поиск с металлоискателем: первая монета

Первая прогулка с металлоискателем в окрестностях деревни Ельники интересных находок не принесла: кроме кусков проволоки и бутылочных крышек выкопать ничего не удалось. Зато я немного набрался опыта и следующая поездка в район Хохловки оказалась более продуктивной 🙂

Читать далее…

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

Беспроводные наушники для металлоискателя своими руками

Беспроводные наушники для металлоискателя своими руками

Пользоваться металлоискателем Garrett ACE 250 без наушников крайне неудобно: звук встроенной «пищалки» очень громкий и не регулируется. Первым решением проблемы были проводные наушники с регулятором громкости, однако наличие провода также доставляло большие неудобства. В итоге эти наушники были просто примотаны к ручке металлоискателя (в качестве временного решения) и я занялся поиском подходящих беспроводных наушников.

Читать далее…

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

Fiskars Solid: лопата для копа

Fiskars Solid: лопата для копа

Приобрёл укороченный вариант штыковой лопаты Fiskars Solid в пару к своему металлоискателю Garrett ACE 250. Эта лопата очень популярна среди кладоискателей 🙂

Читать далее…

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

Онлайн-трансляция (стриминг) видео с веб-камеры через Firebase

Онлайн-трансляция (стриминг) видео с веб-камеры через Firebase

В ходе изучения темы машинного обучения (и компьютерного зрения в частности) у меня возникла мысль попробовать осуществить онлайн-трансляцию видео с домашней веб-камеры на своём сайте через Firebase. Идея показалась мне интересной, т.к. в будущем можно было бы демонстрировать работу различных алгоритмов распознавания объектов в реальном времени. При этом использование Firebase в качестве промежуточного звена избавило бы от необходимости решать проблему получения данных с «серого» IP.

Читать далее…

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

LeetCode: варианты решений задач

LeetCode: варианты решений задач

Решаю задачи с LeetCode. Для написания кода выбрал Python3 за его математичность 🙂

Читать далее…

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

Анимированный спойлер для изображений при помощи SVG и CSS

Анимированный спойлер для изображений при помощи SVG и CSS

Решил немного поиграться с CSS-анимацией и SVG. Идея следующая: сделать спойлер для изображений в виде шторок, раздвигающихся при наведении.

Читать далее…

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

Изготовление опоры для подоконника стеклопакета

Изготовление опоры для подоконника стеклопакета

При установке пластикового окна на кухне был демонтирован так называемый «хрущёвский холодильник», в результате чего под окном образовалась пустая ниша. Монтажники установили подоконник на кирпичную кладку только по краям, средняя его часть при этом висит в воздухе, что делает конструкцию ненадёжной. Решил сделать опору из фанеры и деревянных брусков.

Читать далее…

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

SSD накопитель Kingston SA400M8/240G

SSD накопитель Kingston SA400M8/240G

Взял для апгрейда своего Lenovo M700 Tiny, который сейчас использую в качестве домашнего рабочего компьютера.

Читать далее…

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