Articles / Bookmarks / Profile of bubn0ff / Habr

Олег Бубнов @bubn0ff

Frontend-developer

Profile Publications Comments 102Bookmarks 176

sadr0b0t Aug 16 2021 at 21:16

Минкульт и ФАС ответили на запросы о ситуации с удалением с Ютюба советских мультиков

8 min

47K

CopyrightSocial networks and communities

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

Теперь в ответ на запросы граждан ситуацию официально прокомментировали Минкульт, Союзмультфильм и ФАС.

Ответы коротко: «всё ок, это норма». Подробнее под катом, кому интересно.

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

+150

207

pcdesign Aug 15 2021 at 19:01

О выгорании в СССР из книжки 1973 года

8 min

75K

IT careerHealth

Досталась мне от бати книжка издания 1973 года, отпечатанная на ротапринте. Наткнулся в ней на вещи, которые бы мы сейчас назвали проблемой "выгорания". Термина в то время еще не было, но проблема была. Я выписал кое-какие вещи чисто для себя, но потом решил все же опубликовать, может кому пригодится...

+116

steanlab Jul 29 2021 at 21:39

Опасные «вкусняшки». Ядовитые лесные ягоды. Памятка для детей и взрослых

14 min

78K

Tutorial

Почитали читатели мои статьи про ядовитые растения и внезапно озаботились дикорастущими ягодами. Ведь ухватить растение желающих намного меньше, чем попробовать незнакомую ягоду яркой расцветки. Я решил отреагировать, и представить вашему вниманию шорт-лист ядовитых лесных ягод (исчерпывающий?). По всем вопросам, в т.ч. с фотографиями незнакомых растений — обращаться в тг-канал LAB-66

Красна ягодкА, да на вкус горькА

+51

142

honyaki Jul 27 2021 at 21:21

Более 15 полезных инструментов для фронтендера с уклоном в CSS

5 min

13K

Web design*Website development*CSS*Skillfactory corporate blogDesign

Translation

К старту курса по Frontend-разработке делимся переводом подборки различных инструментов: от генератора CSS, который рассчитывает пространство так, что брейкпоинты (контрольные точки) заменяются переменными, до редактора анимации прямо в браузере, а также средства масштабирования для отзывчивости в SVG и даже визуализатора специфичности CSS, который пригодится при анализе больших таблиц стилей. Мы структурировали и, где это было возможно, расширили оригинал, добавив информацию и примеры из репозиториев и официальных описаний инструментов.

+18

spmbt Mar 2 2010 at 09:04

Омышение компьютера или 2 и более указателей мыши на экране

6 min

168K

Computer hardware

Если вам предлагают платное
решение информационной задачи,
пробуйте найти бесплатное.

В ОС по умолчанию задана работа с 1 указателем мыши. Даже если подключите 2 и более устройств (тачпады, мыши, трекболы), все они в лучшем случае будут двигать один указатель. С этим все свыклись, как с аксиомой, и даже на ресурсах типа ответы.mail.ru есть авторитетные ответы, утверждённые модератором как закрытые, что сделать 2 указателя нельзя (кто имеет туда доступ — поправьте недоразумение).

Когда-то было известно коммерческое решение «2 рабочих места за 1 системным блоком» (EasyCLone) — возможность создать на компьютере рабочие столы на 2-4 разных комплектах «дисплей-мышь-клавиатура», и это было даже выгоднее, чем покупать 2 ПК для фирм, но стремительное удешевление комплектующих, видимо, быстро обесценивало такое решение и о нём забыли.

Но недавний топик на малоизвестном ответвлении Хабра неожиданно для многих пролил свет на эту зыбкую истину. Оказалось, что есть программа, которая на уровне драйверов ловит каждую новую подключенную мышь и создаёт для неё новый указатель. Увы, у неё триальный период 15 дней, что тут же испарило желание её включить. Зачем, если стоит задача попробовать неотработанную, неизвестную, но интересную технологию? Есть поиск, интернет и общественная потребность у задачи, а значит, есть возможность найти более гибкие решения.

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

+10

osj Aug 10 2010 at 22:48

2 мыши = 2 курсора

2 min

58K

System administration*

Однажды, встал такой вопрос: а почему у меня 2 мышки и 1 курсор? И тогда мы начали искать решение и мы его нашли. Это был проект Сpnmouse, правда он был заброшен еще в 2004 году, но это нам ни капли не помешало.

Посмотрим что из этого вышло!

+71

150

it_manager Jul 11 2021 at 15:30

Про лояльность и ЗП

4 min

102K

IT career

Пишу эту статью для ~~гениальных~~ генеральных директоров, ~~хитрых~~ умных собственников и руководителей ~~отделов кадров~~ служб персонала компаний, в которых трудятся ИТ специалисты и разработчики. Я поработал много где - начиная от домашне-уютных, с "семейной атмосферой", компаний и до "кровавого энтерпрайза", типа гигантов нефте-золото-брильянто-страховой металлургии. Начинал с админства, макросов и программирования приложений БД и ~~постепенно ушёл на тёмную сторону~~ дорос до ИТ директора в одной хорошей ИТ компании. Сегодня хочу поговорить про лояльность компании и про "денежную мотивацию", которая "в ИТ - не работает".

Почитать сказки про лояльность

+188

709

itforge Mar 7 2019 at 14:07

Решения проблемы спам-ботов, добавляемых в телеграм-группы

4 min

121K

Spamming and anti-spammingInstant Messaging*

Привет. Я автор нескольких популярных ботов для администрирования телеграм групп: @daysandbox, @watchdog_robot и других. Каждый день в группе поддержки и в личных сообщениях я вижу один и тот же вопрос: как мне защититься от спам-ботов, добавляемых в группу. Обычно ещё уточняют, что это арабские спам-боты. Люди пытаются найти анти-спам бота, который будет удалять ссылки, удалять сообщения с арабскими символами, удалять пользователей с арабскими символами в именах и всё в таком духе. Но это всё следствия, а причина во многих случаях одна и та же и её легко поправить. Причина простая, но не очевидная.

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

+14

lipton_ice_tea Jul 11 2017 at 16:20

CSS и iOS Safari

3 min

136K

CSS*SafariDevelopment for iOS*

Доброго времени суток, дорогие хабрахабровцы!

Всегда хочется, что бы твой сайт выглядел одинаково хорошо на разных устройствах, включая и мобильные. Но, если поведение в браузерах Android во многом предсказуемо, то с iOS возникает ряд «сюрпризов». О них сегодня и поговорим!

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

+22

nikolayshabalin Jun 23 2021 at 08:38

Что можно положить в тег <head>

14 min

31K

Website development*Semantics*HTML*HTML Academy corporate blog

Tutorial

Translation

Рекомендуемый минимум

Ниже приведены основные элементы для любого веб-документа (веб-сайта/приложения):

meta charset — определяет кодировку веб-сайта, стандартом является utf-8.

meta name="viewport" — настройки viewport, связанные с мобильной отзывчивостью

width=device-width — физическая ширина устройства (отлично подходит для мобильных устройств!)

initial-scale=1 — начальный масштаб, 1 означает отсутствие масштабирования

Элементы

Допустимые элементы <head> включают meta, link, title, style, script, noscript и base.

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

+35

owlofmacloud May 18 2021 at 13:00

Трюки CSS, которые сделают из вас ниндзя верстки

5 min

50K

Website development*CSS*Perfect code*Маклауд corporate blog

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

Многие свойства, о которых пойдет речь, являются экспериментальными. Большинство из них поддерживаются всеми современными браузерами, однако, если вы решите использовать какое-либо из названных свойств в продакшне, не поленитесь зайти на Can I use и уточнить поддержку (недавно сильно расстроился, обнаружив, что Safari не поддерживает атрибут loading="lazy").

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

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

Итак, вы готовы к нашему небольшому путешествию в удивительный и почти безграничный мир CSS? Тогда вперед.

grid + place-items

Здесь вы найдете полное визуальное руководство по Grid и Flexbox.

Данная техника позволяет выравнивать элементы по горизонтали и вертикали при помощи всего лишь двух строк кода.

+33

itsoft May 17 2021 at 07:00

Банки ультимативно лезут к нам в ш̶т̶а̶н̶ы̶ личную жизнь

5 min

132K

Information Security*Development for Android*Legislation in ITFinance in ITITSOFT corporate blog

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

Банковские приложения и сами банки ведут себя очень наглым образом. Уже при установке они запрашивают права доступа, которые им необязательны или совсем не нужны для работы. Например, приложение Сбербанка сразу требует доступ к звонкам и фоткам. Я категорически против. Отказываю. А приложение не хочет работать при таком раскладе.

+187

428

Stedihabr Apr 19 2021 at 23:02

Полное руководство по CSS Flex + опыт использования

6 min

54K

Website development*CSS*BrowsersITSOFT corporate blog

Как и CSS Grid, Flex Box довольно сложен, потому что состоит из двух составляющих: контейнера и элементов внутри него.

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

Читать!

+13

AlexSergey Jan 18 2021 at 13:17

Server-Side Rendering с нуля до профи

12 min

118K

Website development*JavaScript*Node.JS*ReactJS*Search engine optimization*

Tutorial

В данной статье мы разберем влияние SSR на SEO оптимизацию приложения.
Пройдем с вами путь по переносу обычного React приложения на SSR.
Разберем обработку асинхронных операций в SSR приложениях.
Посмотрим, как делать SSR в приложениях с Redux Saga.
Настроим Webpack 5 для работы с SSR приложением.
А также рассмотрим тонкости работы SSR: Генерация HTML Meta Tags, Dynamic Imports, работа с LocalStorage, debugging и прочее.

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

ru_vds Sep 4 2018 at 11:55

Контекст выполнения и стек вызовов в JavaScript

7 min

115K

Website development*JavaScript*RUVDS.com corporate blog

Translation

Если вы — JavaScript-разработчик или хотите им стать, это значит, что вам нужно разбираться во внутренних механизмах выполнения JS-кода. В частности, понимание того, что такое контекст выполнения и стек вызовов, совершенно необходимо для освоения других концепций JavaScript, таких, как поднятие переменных, области видимости, замыкания. Материал, перевод которого мы сегодня публикуем, посвящён контексту выполнения и стеку вызовов в JavaScript.

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

+21

fominslava Sep 10 2020 at 11:01

Безопасность npm-проектов, часть 2

8 min

11K

Information Security*Website development*JavaScript*Node.JS*Домклик corporate blog

Безопасность npm-проектов, часть 2

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

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

+27

fominslava Sep 1 2020 at 11:12

Безопасность npm-проектов, часть 1

9 min

8.2K

Information Security*Website development*JavaScript*Node.JS*Домклик corporate blog

Безопасность npm-проектов, часть 1

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

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

+25

fominslava Aug 20 2020 at 11:30

Как npm обеспечивает безопасность

7 min

Information Security*Website development*JavaScript*Домклик corporate blog

Как npm обеспечивает безопасность

Всем привет! В предыдущих постах мы подробно поговорили про выбор зависимостей и использование lock-файлов в npm, однако я только вскользь касался вопросов безопасности. Пришло время исправить этот недочет: этот и следующий посты будут полностью посвящены безопасности в npm! И для начала мы рассмотрим, как безопасность обеспечивается на уровне инфраструктуры npm и экосистемы в целом.

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

+21

fominslava Jul 30 2020 at 13:52

Lock-файлы npm

13 min

39K

Website development*JavaScript*Node.JS*Домклик corporate blog

Lock-файлы npm

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

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

+25

fominslava Jul 23 2020 at 14:44

Выбор зависимостей JavaScript

10 min

13K

Website development*JavaScript*Node.JS*Домклик corporate blog

Выбор зависимостей JavaScript

Всем привет! В предыдущем посте мы подробно поговорили про добавление зависимостей в проект и про способы и стратегии их обновления.

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

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

+30

1 2 ...

6 7