Pull to refresh
3
0
Роман @yroman

Писатель кодов

Send message

Мощь CSS-масок

Level of difficultyMedium
Reading time8 min
Views5.9K

Декабрь 2023 года стал значимой датой в истории развития CSS-свойства mask: все современные браузеры в своих последних версиях обеспечили его полную поддержку, теперь без использования своих вендорных префиксов. А это означает, что данное свойство прочно и надолго вошло в жизнь каждого фронтенд-разработчика. Осталось лишь фронтенд-разработчикам принять его в свою жизнь и перестать его бояться!

В статье я кратко напомню основные теоретические идеи свойства и подробно расскажу о реальных примерах использования на основании опыта разработки Taiga UI.

Читать далее
Total votes 54: ↑52 and ↓2+59
Comments0

Неизвестно полезный CSS. Часть 4

Level of difficultyMedium
Reading time6 min
Views8.7K


Привет, Хабр. Я продолжаю рассказывать про неизвестные широкому кругу разработчиков CSS фишки. Я отбираю их так, чтобы они были полезны в разного рода проектах.


Неважно, верстаете ли вы сайт для малого бизнеса или создаёте супермодное React приложение. Они поддерживаются большинством браузеров. Отдельно отмечу, что я не считаю IE11 современным браузером. По этой причине я не учитывал его.


Сегодня мы рассмотрим:

  • сброс стилей до значений, взятых из веб-стандартов;
  • возврат значений свойств, установленных в браузере;
  • что можно сделать с прыжками контента при открытии и закрытии модального окна;
  • возможность отобразить текст «красиво» с помощью ключевого слова system-ui;
  • способ стилизации элементов на языке, отличающимся от основного.

Больше не буду затягивать. Давайте посмотрим, что я вам подготовил.

Читать дальше →
Total votes 36: ↑36 and ↓0+53
Comments18

Launcher для GoodbyeDPI – понятный способ обойти все блокировки и восстановить YouTube в России

Level of difficultyEasy
Reading time2 min
Views274K

Сейчас опишу интуитивно понятный способ восстановления работоспособности YouTube и обхождения любых блокировок провайдера на Windows компьютере. Уверен, что статью по указке РКН быстро удалят, так что если тема вам интересна, дочитайте до конца, сразу скачайте себе программу, даже если планируете использовать после. Заносить в закладки особого смысла нет. Ну и ставьте лайк. Отдельно также следует повысить карму ValdikSS - Пользователь / Хабр (habr.com) автору уникального решения GoodbyeDPI, который публиковал статью с описанием своего решения пару недель назад тут: Автономный способ обхода DPI и эффективный способ обхода блокировок сайтов по IP-адресу, теперь там банер РКН и слова «Эта интернет-страница удалена из публичного доступа по юридическим причинам».

Я не буду заново описывать техническое решение GoodbyeDPI, кратко это программа (или служба ОС Windows) позволяющая обнаруживать «заглушки» созданные провайдерами по указанию РКН для блокировки небогоугодных сайтов. Программа бесплатно распространяется на GitHub, является консольной утилитой мало понятной рядовому пользователю. Полное описание и ссылки есть на NNMClub ⚡ Автономный способ обхода DPI и эффективный способ обхода блокировок сайтов по IP-адресу. GoodbyeDPI и ReQrypt + Blockcheck – ресурс, конечно же, заблокирован у вас, если еще не установлен какой-либо способ обхода блокировок.

Сейчас появилось решение в виде графической оболочки для GoodbyeDPI, которое на русском языке позволяет в пару кликов решить проблемы медленного YouTube и не работающих сайтов. Решение Launcher for GoodbyeDPI, это простое окошко настройки к GoodbyeDPI, который также идёт в комплекте. Скачивайте с сайта автора, или с моего зеркала.

Восстановите YouTube и запрещенные сайты
Total votes 207: ↑194 and ↓13+217
Comments182

QML: отличие оператора ":" Qt.binding от Binding

Level of difficultyMedium
Reading time2 min
Views1.2K

В чём отличие ":" от Binding? Изучаем тонкости присваивания значений переменным в QML. Небольшая заметка, которая поможет вам сделать код понятней, и избавит вас от неожиданного поведения вашей программы.

Читать далее
Total votes 6: ↑5 and ↓1+7
Comments20

Что нужно знать о современном CSS (весна 2024 года)

Level of difficultyMedium
Reading time15 min
Views28K

Цель этого руководства — познакомить вас со списком новых (потрясающих) возможностей, недавно появившихся в CSS.

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

Читать далее
Total votes 36: ↑35 and ↓1+45
Comments11

Экономика загородного дома. Как утеплить дом и не разориться?

Reading time30 min
Views47K

Экономичное отопление. Как утеплить дом и не разориться?

Каждый городской житель мечтает о загородном доме.

Тишина, свежий воздух!

И тут же вы едете смотреть участок земли в превосходном живописном и экологичном месте.

Вопрос стоимости отопления загородного дома‑ это та проблема, которую начинают решать уже ввязавшись в стройку на уже купленном участке земли в живописном месте.

И тут внезапно выясняется, что газа нет!

Что это означает?

Это означает, что у вас в наличии 15 кВт подключенного электричества на все хозяйственные нужды, включая отопление.

15кВт — много это или мало?

Ответ как обычно прячется в самом вопросе, а именно: Смотря для чего?

Ниже приведён проект реального одноэтажного дома. (см.рис.1–2)

Читать далее
Total votes 88: ↑66 and ↓22+60
Comments408

Два секундомера на логических микросхемах

Level of difficultyMedium
Reading time8 min
Views6.5K


Привет, Хабр! Сегодня мы рассмотрим и соберём два цифровых таймера без микроконтроллера. Это прекрасные примеры того, каким образом можно добиться желаемого результата максимально простыми средствами.
Читать дальше →
Total votes 53: ↑53 and ↓0+53
Comments17

Мой опыт собеседования в Google [оффер на L5]

Level of difficultyEasy
Reading time8 min
Views56K

Предупреждение: я не смогу привести в статье конкретные вопросы из-за подписанного соглашения о неразглашении (NDA).

Работая в лондонском офисе Facebook в команде Instagram*, я начал задумываться о возвращении в Индию. В ноябре 2022 года со мной связался рекрутер Google. Он сообщил об открытии в Бангалоре должности уровня L5 и спросил, интересно ли мне это.

Так как я уже раздумывал о переезде в Индию, то ранее собеседовался в Google, но мне предложили более низкую должность (L4), чем я хотел; потом я устроился в META* на уровень E5.

Я ответил рекрутеру, что хочу запланировать собеседование на март 2023 года, потому что готовился стать отцом и хотел в этот важный период выделить время для своей семьи.

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

На этот раз в процессе подготовки возникла уникальная для меня сложность — счастливое пополнение в моей семье, дочка. За моё внимание боролись подгузники и кодинг, было очень сложно выделить время на сосредоточенную подготовку! У меня было примерно 25-30 дней на освоение и искусства ухода за ребёнком, и прохождения собеседования.
Читать дальше →
Total votes 62: ↑58 and ↓4+82
Comments95

Как сохраняли еду во время путешествий до появления холодильника

Reading time9 min
Views13K

Первый в мире холодильник был запатентован в 1899 году, но как без него справлялись путешественники на протяжении многих тысячелетий? У них были свои хитрости и способы сохранения продуктов.

Мы продолжаем серию статей о путешествиях. В первой части мы рассказали, что ели и чем лакомились мореплаватели в ходе экспедиций. Сегодня расскажем, как им удавалось сохранять продукты без холодильника, а также историю создания бульонного кубика.

Читать далее
Total votes 39: ↑28 and ↓11+20
Comments44

Nuclear War Survival Skills [3]: Глава 4 – Эвакуация

Level of difficultyEasy
Reading time18 min
Views4K

Возможности США по эвакуации в случае военного кризиса низки и имеют тенденцию к ухудшению. Несколько лет назад из примерно 3100 планов эвакуации, необходимых по всей стране, было составлено около 1500, и в них участвовало лишь около трети американцев, живущих в зонах риска. К 1986 году некоторые города и штаты отказались от планов эвакуации во время военного кризиса. Однако у большинства населенных пунктов они все еще есть, что может спасти миллионы жизней в случае наступления кризисов длительностью несколько дней, если следовать им и полностью выполнить до нападения. Кто и при каких обстоятельствах отдал бы приказ об эвакуации под угрозой нападения, остается без ответа. Более того, принудительная эвакуация во время военного кризиса не была и не является частью какого-либо официального американского плана эвакуации.

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

Читать далее
Total votes 12: ↑9 and ↓3+9
Comments1

Основы цифровой электроники: регистр сдвига

Level of difficultyEasy
Reading time8 min
Views13K

Привет, Хабр! Какая волшебная микросхема не только позволяет создавать удивительные световые эффекты бегущих огней, но и помогает расширить порты микроконтроллера, когда всего две его ножки могут управлять восемью, шестнадцатью и так далее светодиодами, реле и прочими полезными штуками?

Конечно же, это регистр сдвига! Сегодня мы с ним познакомимся на нескольких увлекательных примерах.
Читать дальше →
Total votes 51: ↑51 and ↓0+51
Comments4

Собираем игру «Змейка» на макетной плате. Часть 2: «векторный» дисплей

Reading time5 min
Views5.9K
В первой части мы собрали автомат с логикой игры. Точнее, не всей игры, а только движения самой змеи. В этой, заключительной, части мы разберёмся с подключением экрана и закончим всю схему целиком.


Большое разрешение — по клику
Total votes 45: ↑45 and ↓0+45
Comments16

6 новых возможностей CSS, которые должен знать каждый front-end разработчик в 2023 году

Level of difficultyEasy
Reading time2 min
Views26K

Мощные и стабильные CSS фичи, которые вы можете использовать уже сегодня.

Я считаю, что каждый front-end разработчик должен знать, как использовать container query, создавать привязку к прокрутке, избегать position: absolute с помощью grid, быстро создавать круг, использовать каскадные слои и достигать большего с помощью логических свойств. Эта статья — описание каждой из 6 новых возможностей CSS.

Читать далее
Total votes 17: ↑10 and ↓7+5
Comments6

Сортировка слиянием — не так просто, как кажется

Reading time20 min
Views31K

В одной конторе соискателю на позицию Senior C# developer выдали тестовое задание: отсортировать файл со строками определенного формата.

Требования такие:

* Формат строки: число, точка, пробел, далее любые символы до конца строки.

* Порядок сортировки — сначала сортируем текстовой части строки, потом по числу если текстовые части совпадают.

* Кодировка — UTF-8.

* Размер файла — 100гб - гарантированно больше объема ОП.

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

Как и многие другие программисты, узнав о таком тестовом задании, я возмутился. Внешнюю сортировку слиянием практически всех проходили в ВУЗе, но практически никто никогда не писал её. Задача очень непрактическая и непонятно какие навыки проверяет. Так мне казалось.

Эта задача вызвала бурные обсуждения о способах её решения. Многие программисты, причисляющие себя к рангу senior, предложили использовать базы данных, ибо не барское это дело - вручную писать алгоритмы сортировки. Некоторые даже попытались сделать решение на Apache Spark. Однако никто до конца задачу не решил, ибо мало кому удалось отсортировать в нужном порядке даже 10ГБ файл менее чем за 15 минут без SSD.

Я подумал, что стоит решить задачу до конца с помощью программирования, и тоже причислить себя к рангу senior developer.

Читать далее
Total votes 66: ↑64 and ↓2+72
Comments175

Часть 1. Управление знаниями в Obsidian. Обработка информации. Рабочий процесс. Источники информации. Работа с заметками

Level of difficultyHard
Reading time40 min
Views230K

Этот текст открывает цикл статей по рассмотрению проблемы управления знаниями в Obsidian. Эта часть почти не будет содержать практических советов о работе с заметками конкретно в Obsidian. Однако в ней будут раскрыты несколько более важные проблемы обработки различных источников информации. Несмотря на последовательное перетекание статьи из одной главы в другую, вы можете попробовать каждый пункт рассматривать как идею, как хак или как возможность внедрить в свою жизнь и рабочий процесс что-то новое.

Начнём долгий путь
Total votes 34: ↑31 and ↓3+37
Comments77

Как создать свою СУБД с нуля и не сойти с ума. Практическое пособие начинающему некроманту. Часть первая

Reading time43 min
Views32K

Наступил Апокалипсис.

Нет, не стоит бежать запасаться банками с консервами и крышками отечественной бай-колы! Апокалипсис произошёл только в нашей фантазии и с определённой целью — чтобы проверить, а может ли человек, обладающий только книгами по теме и стандартной библиотекой языка, воссоздать инструмент, который будет служить ему верой и правдой?

Так родился учебный проект SicQL, реляционная СУБД, чей символ — сова — это олицетворение силы знаний и мудрости. Олицетворение тех знаний и той мудрости, которые мы получим, создав с нуля то, чем мы пользуемся каждый день, может, не осознавая всей сложности таких инструментов.

Приглашаю присоединиться к увлекательному путешествию!

Принять приглашение на борт
Total votes 54: ↑53 and ↓1+64
Comments62

Неизвестный UART: теория

Reading time12 min
Views32K

Можно с уверенностью сказать, что с момента публикации первой версии стандарта RS‑232 в мае 1960 года и по настоящее время, было написано приблизительно 109 независимых реализаций UART на всём, чём угодно. Однако, подобно «Hello world» в мире прикладного ПО, а также мигания светодиодом — «Hello world» в мире цифровой электроники (сигнализирующий об успешной настройке оборудования и среды разработки) — процесс написания UART способен проиллюстрировать особенности языка или платформы, демонстрируя применение тех или иных синтаксических конструкций для решения практических, насущных и понятных проблем.

В данном цикле статей будет рассказано про написание модуля UART на SystemVerilog, про синтез данного модуля на различных платформах и про некоторые другие аспекты применения UART в ПЛИС. Но прежде, чем писать код, поговорим про сам протокол и про особенности аппаратной части вне контекста ПЛИС.

СТАРТ_БИТ
Total votes 91: ↑91 and ↓0+91
Comments36

Старое железо СССР. ЭВМ БЭСМ-3М

Reading time5 min
Views13K

БЭСМ-3М

Хронологически это часть 0, самое начало. Мы, я с приятелем, первый курс, только познакомились с Шефом. Чтобы понять, что мы такое, Шеф давал нам тестовые задания.

Читать далее
Total votes 74: ↑72 and ↓2+90
Comments44

Созвездие Дельфина

Reading time12 min
Views9K


Скажу прямо, Дельфин — не самое известное из созвездий. Большую Медведицу знают очень многие. Отдельной категорией идут зодиакальные созвездия, которые сверхпопулярны, потому что люди думают, что есть какая-то связь одной из звездных групп кольца Зодиака с датой их рождения. Но Дельфин к этому кругу не относится — это не зодиакальное созвездие — не существует людей, рожденных под знаком Дельфина. И последнее обстоятельство сильно уменьшает шансы познакомиться с этим замечательным созвездием.

К счастью, существует большое количество увлеченных астрономией людей, для которых созвездие Дельфина имеет особое значение, и они часто упоминают его, фотографируют, рассказывают о нем своим друзьям. И это — напротив — повышает шансы познакомиться со “Звёздным Дельфином”.

Для читателей моих астрономических статей и слушателей лекций этот шанс уже реализовался. И прямо сейчас мы познакомимся с Дельфином.

Читать дальше →
Total votes 33: ↑32 and ↓1+41
Comments4
1
23 ...

Information

Rating
4,943-rd
Location
Москва, Москва и Московская обл., Россия
Registered
Activity

Specialization

Fullstack Developer
Lead