Pull to refresh
12
0
Sergej Hof @sergof

Пользователь

Send message

Приемы оптимизации веб-графики в 2021 году

Reading time 4 min
Views 11K

Привет, Хабр!

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

Читать далее
Total votes 53: ↑52 and ↓1 +51
Comments 24

Трясём стариной — или как вспомнить Ассемблер, если ты его учил 20 лет назад

Reading time 11 min
Views 23K
Это — тёплая, ламповая статья об Ассемблере и разработке ПО. Здесь мы не будем пытаться писать убийцу Майкрософта или Андроида. Мы будем писать убийцу 2048. Здесь не будет докера и терраформа с кубером. Зато здесь вы сможете найти большое количество материалов по Ассемблеру, которые помогут вам вновь погрузиться в мир трёхбуквенных инструкций. Доставайте пивко, и поехали. (Саундтреком к этой статье можно считать IBM 1401 a system manual)

Читать дальше →
Total votes 101: ↑95 and ↓6 +89
Comments 100

Что такое цветовое пространство? Разбор

Reading time 5 min
Views 29K
Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…



Поэтому сегодня мы поговорим о том, что такое цветовое пространство и цветовой охват?

  • 100% sRGB — это много или мало?
  • Что такое ΔE?
  • Почему старые ЭЛТ-мониторы точнее отображали цвет?

А также подскажем, на что обратить внимание при покупке монитора, если вы работаете с цветом!
Читать дальше →
Total votes 13: ↑10 and ↓3 +7
Comments 6

Интервью с переводчиком Лема (+ ответы на вопросы читателей Хабра)

Reading time 2 min
Views 4.4K
image


Биографическая книга Виктора Язневича о Станиславе Леме и его философском наследии, содержит большое количество цитат из работ Лема про философов.

Я открыл для себя Виктора Язневича, когда изо всех сил искал перевод эссе «Безопасна ли техника безопасности», он мне помог и быстро отвечал на email. Это было 5 лет назад. 12 сентября 2021 Лему стукнуло 100 лет и я вновь написал письмо этому удивительному переводчику. Мне захотелось сделать с ним интервью (и попросить хабрачитателей, чтобы они помогли мне с вопросами для этого человека).

На русском есть два интервью с Виктором (раз, два), вот выжимка из них:

  • Виктор Язневич 40+ лет собирал коллекцию книг Лема (1000+ книг, 40+ языков, из 50+ стран).
  • Виктор — составитель сборников «Молох», «Так говорил Лем», «Мой взгляд на литературу», «Хрустальный шар», «Черное и белое».
  • Большинство переводов философских и «компьютерных» работ Лема — за его авторством.
  • Общий тираж Лема — 40 млн (13 млн — 330 книг на русском языке, 10 млн — немецкий язык, 7,5 польский язык).
  • «Солярис» переведен на 42 языка.
  • С 1988 года Лем перестал писать художественные произведения и переключился на публицистику, философию и футурологию.
  • Беллетристика Лема была переведена полностью к 1998 году, а философские работы — только «Сумма технологии», Виктор захотел познакомить русскоязычных читателей с «Мегабитовой бомбой» и «Тайной китайской комнаты».

Читать дальше →
Total votes 33: ↑29 and ↓4 +25
Comments 17

Какие CSS-генераторы можно использовать в 2021 году

Reading time 2 min
Views 36K
image

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

Схема работы таких генераторов проста: достаточно ввести через простой визуальный интерфейс нужные вам параметры и на выходе получить готовые CSS-стили. Далее полученный код нужно скопировать и добавить в свой проект.

Известный full-stack разработчик Марко Денич предлагает свою подборку лучших CSS-генераторов. Возможно, о каких-то из них вы не знали, и, познакомившись с ними сейчас, начнёте использовать в работе.
Читать дальше →
Total votes 39: ↑39 and ↓0 +39
Comments 9

Самодельный спектрометр с высоким разрешением

Reading time 3 min
Views 32K

Хорошее разрешение достижимо

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

Читать дальше
Total votes 139: ↑139 and ↓0 +139
Comments 73

Раму на мыло! Выбирая раму из стандартного профиля, можно круто погореть. Рассказываем

Reading time 12 min
Views 13K
image

Это статья о том, что так любит большая часть стартапов/молодых компаний, занимающихся разработкой лабораторного или производственного оборудования. А конкретно о раме из алюминиевого профиля для металлического корпуса — в какие дебри она может вас завести, если вовремя не спохватиться и не принять меры. Об альтернативах, их плюсах и минусах.

Рама из алюминиевого профиля (или алюминиевый каркас) для металлического корпуса — это прекрасно: точная резка алюминиевых профилей, исключительно простая сборка каркаса: раз-два, и корпус будущего прибора уже красуется на выставке.

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

Читать дальше →
Total votes 37: ↑34 and ↓3 +31
Comments 15

Chuwi выпустила крохотный ПК с 6 ГБ ОЗУ и четырехъядерным процессором

Reading time 2 min
Views 59K

Летом китайская компания Chuwi выпустила миниатюрный ПК, который помещается на ладони, но при этом способен служить медиацентром или офисным ПК с ОС Windows или Linux. Конечно, его можно использовать и для решения других задач.

Сейчас этот ПК усилили, снизив при этом цену. Размеры компьютера, который называется Chuwi LarkBox Pro, не изменились — 2.4″ x 2.4″ x 1.7″. О характеристиках и возможностях — под катом.
Total votes 82: ↑76 and ↓6 +70
Comments 166

Цвет в современных фильмах

Reading time 11 min
Views 102K

Всем привет, меня зовут Денис. Я работаю художником по свету (Lighting Artist) в игровой индустрии. Часто читаю Хабр просто потому что интересно и вот сегодня увидел статью Дефицит цветов в современных фильмах которая меня немного ошарашила. Ведь в кино существуют целые отделы композитинга, которые занимаются цветокоррекцией изображения, чтобы конечный результат выглядел красиво, а также вызывал определённые эмоции. Поэтому меня сильно удивило, что кто-то видит в этом отрицательную сторону.

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

Давайте разбираться, почему же в кино цветовая палитра сводится к нескольким конкретным цветам, а не представляет полный спектр. Хочу заметить, что всё нижеупомянутое применимо и к современным играм.
Читать дальше →
Total votes 331: ↑326 and ↓5 +321
Comments 286

Защита Linux-сервера. Что сделать в первую очередь

Reading time 7 min
Views 82K

Habib M’henni / Wikimedia Commons, CC BY-SA

В наше время поднять сервер на хостинге — дело пары минут и нескольких щелчков мыши. Но сразу после запуска он попадает во враждебную среду, потому что открыт для всего интернета как невинная девушка на рокерской дискотеке. Его быстро нащупают сканеры и обнаружат тысячи автоматически скриптовых ботов, которые рыскают по сети в поисках уязвимостей и неправильных конфигураций. Есть несколько вещей, которые следует сделать сразу после запуска, чтобы обеспечить базовую защиту.
Читать дальше →
Total votes 66: ↑59 and ↓7 +52
Comments 99

Популярная музыка на самом деле деградирует

Reading time 4 min
Views 216K

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

Читать далее
Total votes 252: ↑234 and ↓18 +216
Comments 868

Решаем, нужен ли вам личный почтовый сервер

Reading time 6 min
Views 47K

Большинство из нас бесит то, что владелец сервера читает нашу почту. Конечно, делают это алгоритмы, а не живые люди, но от этого не легче: мутная контекстная реклама, собранная из обрывков фраз, недостаточная безопасность, да и просто осознание того, что твою переписку может просматривать условный товарищ майор — бесят. Кого-то бесят в большей, кого-то в меньшей степени.

Еще у части специалистов есть пунктик на тему красоты почты. Хочется красивый, короткий, запоминающийся адрес, который бы показывал, что вы не просто gmail-холоп, а вполне самостоятельная боевая единица на полях IT-сражений. А кто-то хочет просто экспериментов. Эти люди уже сами собирали ядро системы, тонко настроили домашний медиа-сервер, научили роутер качать все подряд с файлообменников без участия ОС. Теперь нужно поднять свою почту, приватный VPN, а дальше можно посмотреть в сторону написания драйверов или на другие активности уровня «хардкор».

У многих IT-специалистов существует запрос, который публичный почтовый сервис удовлетворить не способен. Вот только не все отдают себе отчет, чего им это будет стоить. Так что давайте разберемся, на самом ли деле вам нужен почтовый сервер или стоит приложить свою энергию в каком-то более перспективном направлении.
Читать дальше →
Total votes 63: ↑46 and ↓17 +29
Comments 221

Картинка, которая одновременно является кодом на Javascript

Reading time 6 min
Views 61K

Изображения обычно хранятся как двоичные файлы, а файл Javascript по сути является обычным текстом. Оба типа файлов должны следовать собственным правилам: изображения имеют конкретный формат файла, определённым образом кодирующий данные. Для того, чтобы файлы Javascript можно было исполнять, они должны следовать определённому синтаксису. Я задался вопросом: можно ли создать файл изображения, одновременно являющийся допустимым синтаксисом Javascript, чтобы его можно было исполнять?

Прежде чем вы продолжите чтение, крайне рекомендую изучить эту песочницу кода с результатами моих экспериментов:

https://codesandbox.io/s/executable-gif-8yq0j?file=/index.html

Если вы хотите посмотреть изображение и изучить его самостоятельно, то скачать его можно отсюда:

https://executable-gif.glitch.me/image.gif
Читать дальше →
Total votes 144: ↑141 and ↓3 +138
Comments 36

4 года игры в танчики

Reading time 9 min
Views 47K

Доброго времени суток, дорогой читатель!

Сегодня я хочу поведать тебе забавную, ещё не закончившуюся историю странных совпадений, побед и поражений, радости и смуты. Если интересно как создавался, возможно, один из самых маленьких в мире "умных" (а не просто р/у) танков как на КДПВ, а так же при чём тут IoT, PHP и Angular - прошу под кат!

Узнать всё об этом
Total votes 175: ↑173 and ↓2 +171
Comments 76

Как устроена графика в Linux: обзор различных сред оформления рабочего стола

Reading time 13 min
Views 104K
Эта статья о том, как устроена графика в Linux и из каких компонентов она состоит. В ней много скриншотов с различными реализациями сред рабочих столов. 

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

Тема может заинтересовать и продвинутых пользователей при настройке удаленного доступа и при реализации тонкого клиента. Часто встречаю вполне матерых линуксойдов с утверждениями «на сервере только командная строка, и графику подробнее изучать не планирую, так как это всё нужно для простых пользователей». Но даже знатоки Linux с большим удивлением и радостью открывают для себя опцию «-X» у команды ssh (а для этого полезно понимать работу и функции X-сервера).

Источник
Читать дальше →
Total votes 141: ↑141 and ↓0 +141
Comments 162

Webpack: параллельная сборка изоморфного приложения с перезагрузкой браузера

Reading time 11 min
Views 4.1K

Несмотря на кажущуюся простоту темы, мне не довелось поучаствовать ни в одном проекте, где сборка фронтовой и серверной частей была бы настроена удобно, то есть обладала бы следующими характеристиками:


  • эти части собираются параллельно (в разных процессах)
  • после пересборки серверной части перезапускается сервер, исходя из новых файлов
  • после пересборки фронтовой части обновляется текущая страница в браузере
  • изоморфные файлы вызывают обе пересборки, а неизоморфные — только соответствующую
  • необходимые параметры (порт watch-сервера, https-режим) настраиваются через env-переменные

Коллеги настраивали лишь последовательную сборку этих частей при изменении любых файлов, что приводило к обязательному перезапуску сервера и нескольким перезагрузкам страницы (т.к. для этого использовалась либо middleware, отслеживающая запуск сервера, либо watch-сервер webpack, но видел и что используются они одновременно). Поэтому тема показалась актуальной, разберем все по полочкам.

Читать дальше →
Rating 0
Comments 0

Личные пристрастия: полноразмерные 40 мм, без провода, на 72 часа за 8000 рублей

Reading time 6 min
Views 8.4K
Решил выделить личный опыт выбора и покупки гаджетов в отдельный цикл. В нём я расскажу об устройствах, которые я либо уже приобрёл, либо планирую приобрести в ближайшее время. Начну я со звука, а если точнее, с наушников, т.е с темы, о которой писал, пожалуй, больше, чем о чем-либо другом.



До недавнего времени я, как уважающий себя олдфаг, пользовался преимущественно проводными наушниками. Но вот пришел момент, когда решил, что провод меня достал и настало время купить что-нибудь без него. В подавляющем большинстве случаев я использую полноразмерные наушники. Мой выбор остановился на Audio-Technica ATH-SR30BT. Под катом подробно о том, что меня впечатлило.
Читать дальше →
Total votes 17: ↑12 and ↓5 +7
Comments 21

Выбор VR шлема

Reading time 2 min
Views 46K
Продолжение темы «Часто задаваемые вопросы о VR шлемах и играх».

Таблица сравнения разных шлемов с реддит, некоторые цифры спорные, но примерное представление дают о разнице тех. характеристик:


Читать дальше →
Total votes 24: ↑23 and ↓1 +22
Comments 82

Всё о ключевом слове auto в CSS

Reading time 13 min
Views 39K
В CSS есть ключевое слово auto, которое можно использовать при работе с различными свойствами элементов. Это — свойства, влияющие на позицию, высоту, ширину элементов. Это — свойства, предназначенные для настройки отступов элементов и других их характеристик. У меня появилось желание где-нибудь записать всё то, что я знаю об auto. Например — оформить это всё в виде материала, который мог бы стать справочником для тех, кто интересуется тонкостями использования этого ключевого слова.

Ключевое слово auto имеет особый смысл при использовании его с различными CSS-свойствами. Мы разберём особенности auto, касающиеся применения этого значения к различным свойствам.



Здесь, в первую очередь, нас будут интересовать технические детали работы auto. Поговорим мы и о том, как извлечь максимум пользы из применения этого свойства. Тут вы найдёте и заметки о сценариях использования auto, и примеры.
Читать дальше →
Total votes 46: ↑46 and ↓0 +46
Comments 4

Как я изготовил респиратор KN95 в домашних условиях из подручных материалов. Подробная инструкция

Reading time 4 min
Views 137K
На фоне всей этой ситуации с коронавирусом, неделю назад я решил приобрести несколько респираторов. Дома у меня был один, KN95, класса ffp1, я хотел прикупить еще несколько с выпускным клапаном и повыше классом. Но обойдя несколько строительных магазинов, я не нашел там вообще ничего – все раскупили еще месяц назад.

В итоге я решил направить усилия в другую сторону и делать респиратор своими силами из подручных материалов.

Нормальную инструкцию по изготовлению респиратора в интернете я не нашёл. Была только статья на Хабре, как изготовить хирургическую маску и еще ролики на ютубе как пошить маску из ткани.

Взвесив свои возможности, я понял, что респиратор с выпускным клапаном я в домашних условиях изготовить не смогу. Из подручных материалов нормальный клапан изготовить было нереально. Была мысль напечатать на 3Д принтере, но т.к. нужно было делать чертеж, экспериментировать с материалами, а это все время, я от этой затеи отказался.
Процесс изготовления респиратора
Total votes 72: ↑56 and ↓16 +40
Comments 84

Information

Rating
Does not participate
Location
Atirro, Cartago, Коста-Рика
Date of birth
Registered
Activity