Pull to refresh
12
0
Sergej Hof @sergof

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

Send message

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

Reading time4 min
Views11K

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

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

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

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

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

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

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

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



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

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

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

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

Reading time2 min
Views4.5K
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
Comments17

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

Reading time2 min
Views36K
image

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

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

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

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

Reading time3 min
Views32K

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

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

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

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

Reading time12 min
Views13K
image

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

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

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

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

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

Reading time2 min
Views59K

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

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

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

Reading time11 min
Views102K

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

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

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

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

Reading time7 min
Views83K

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

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

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

Reading time4 min
Views216K

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

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

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

Reading time6 min
Views47K

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

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

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

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

Reading time6 min
Views61K

Изображения обычно хранятся как двоичные файлы, а файл 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
Comments36

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

Reading time9 min
Views47K

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

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

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

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

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

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

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

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

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

Reading time11 min
Views4.2K

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


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

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

Читать дальше →
Rating0
Comments0

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

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



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

Выбор VR шлема

Reading time2 min
Views46K
Продолжение темы «Часто задаваемые вопросы о VR шлемах и играх».

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


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

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

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

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



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

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

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

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

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

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

Information

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