• Как удалить фон без потери информации?

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

    Надо сделать хорошую маску – картинку в оттенках серого, где чем светлее пиксель, тем виднее будет исходная. Где пиксели черные – полная прозрачность.

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

    Рассмотрите каждый из каналов, R, G и B – где наиболее контрастно выглядит разница между объектом и фоном?
    В данном случае это в канале красного, R. Возьмём его за основу для будущей маски.

    Скопируйте его, и Уровнями поднимите контраст, глядя на гистограмму, чтобы от чёрного до белого были пиксели. Потом инвертируйте маску и примените к слою с исходной картинкой.
    результат
    5d5bb9c49e101149369921.png
    Ответ написан
    5 комментариев
  • В каком стеке web технологий одновременно: высокий порог входа, высокие зарплаты и в целом не проблема найти удалёнку?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Удаленных вакансий на чисто React+Redux довольно немало, правда реальный рейт 100-120 тыр в месяц. Если в Москве/Питере в офисе, то реально найти 150+. В целом это всё.

    Причем это рейты для крепких мидл+, и требования весьма высоки.

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

    Ну и да, мидлов+ и особенно синьоров катастрофически не хватает на проектах и за ними охотятся повсеместно.

    Но рейтов 30-40 у.е., чтобы работать пару-тройку часов в день и не напрягаться, про такое я не слышал, и так хотел бы каждый первый наверное, но объективная реальность, увы, она другая...
    Ответ написан
    9 комментариев
  • В каком стеке web технологий одновременно: высокий порог входа, высокие зарплаты и в целом не проблема найти удалёнку?

    Robur
    @Robur
    Знаю больше чем это необходимо
    высокий порог входа больше не в технологиях а в решаемых задачах.
    Если вы предлагаете услуги создания лендингов - то порог (и оплата) на уровне лендингов и не важно на чем вы его запилите

    Развивайтесь в сторону создания более сложных вещей - там и технологии поймутся.
    Более сложные - это всевозможные веб-приложения, забудьте о сайтах.
    А приложения могут быть уже какими угодно и с большим разбросом по сложности - может быть CRUD админка которую любой индус накидает, а может быть какая-нибудь замороченная система бизнес-аналитики, где кнопки в браузере - это только 10% от всего функционала, и это одна из причин почему ищут фуллстеков. Фуллстек в состоянии взять фичу и сделать её полностью, а не "накидать кнопок и ждать бекенд" или "сделать апишку и отдать фронту".
    Ответ написан
    14 комментариев
  • Как верстать 18 колоночный макет?

    mroforolhc
    @mroforolhc
    умственно отсталый
    1. npm install bootstrap
    2. Создаёшь файл bootstrap_custom.scss и _settings.scss

    bootstrap_custom.scss

    // Settings
    @import "./settings";
    
    // Required
    @import "../../node_modules/bootstrap/scss/functions";
    @import "../../node_modules/bootstrap/scss/variables";
    @import "../../node_modules/bootstrap/scss/mixins";
    
    // Optional
    @import "../../node_modules/bootstrap/scss/grid";
    @import "../../node_modules/bootstrap/scss/utilities/display";
    @import "../../node_modules/bootstrap/scss/utilities/flex";

    Можно подключить что-то ещё, по желанию.
    _settings.scss

    $grid-columns: 18;  // количество колонок
    
    $grid-gutter-width: 30px; // отступ между колонками (по желанию можно для каждого брейкпоинта указать свой отступ
    
    $grid-breakpoints: (  // брейпоинты
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
    );
    
    $container-max-widths: (  // максимальная ширина контейнера
      sm: 540px,
      md: 720px,
      lg: 960px,
      xl: 1140px
    );


    А дело всё в том, что в исходниках бутстрапа после каждой переменной указан флаг !default, благодаря которому значения по умолчанию присваиваются только если эта переменная не была раньше инициализирована. Поэтому мы можем создать конфиг и импортировать его раньше, чем исходники бутстрапа.
    Ответ написан
    Комментировать
  • Как верстать 18 колоночный макет?

    @esvlad
    Веб-разработчик
    В чём проблема? Верстай не колонками, меньше проблем, больше управляемости. Заказчика убеди, что на 1024 будет УГ, а не сайт, пусть дизы делают макет на 1024 нормальный и 640(320) для мобилок, для таких сайтов обычно просят ещё макет на 1366 (ведь тексты никуда не денешь), припомни им, что на планшетах есть ещё и книжный режим на 768 и меньше, как тогда сайт должен выглядеть?, если агрятся и цена меньше 100k шли их куда подальше, сэкономишь нервы.
    Ответ написан
    2 комментария
  • Насколько важную роль при устройстве на работу программистом играют собственные OpenSource проекты?

    @askhat
    Наличие публичных репозиториев как минимум покажет, как вы работаете с VCS. А если вы не умеете работать в VCS, значит компании придётся тратить ресурсы на ваше обучение, что снижает вашу ценность. Тим лид будет очень зол, если в первый же рабочий день вы запушите в мастер.
    Во-вторых это покажет, что вы не стыдитесь своей работы—не пишете говнокод. Здесь не идёт речь о благотворительности, вы не лишаетесь прав на свою работу, она по прежнему принадлежит вам. К тому же, вы ведь тоже используете открытые библиотеки, т.е. благотворительностью не занимаетесь, но активно её получаете.
    И последнее, ваши репозитории иллюстрируют ваш кругозор. Даже если вы устраиваетесь на позицию скажем верстальщика, и параллельно поддерживаете библиотеку для скажем нейро-сетей, это увеличит количество опций которые могут ожидать вас на новом рабочем месте.
    Ответ написан
    1 комментарий
  • Насколько важную роль при устройстве на работу программистом играют собственные OpenSource проекты?

    Sanes
    @Sanes
    Открытые проекты делают для себя и делятся с сообществом. Нет здесь никакой благотворитольности, спите спокойно.
    Ответ написан
    Комментировать
  • Как ходить на "пристрелочные" интервью (когда нет цели трудоустроиться)?

    zolt85
    @zolt85
    Программист
    Периодически, и с переменным успехом, хожу на такие собеседования. Начальнику сказал открыто, что мониторю рынок, уходить никуда не собираюсь, но время такое, что случиться может все что угодно.

    На самом собеседовании сразу говорю,что меня все устраивает на прежнем месте работы, но вдруг Вы сможете сделать предложение, от которого я не смогу отказаться? Отказов по причине, мол "чо тут разговаривать, и так все ясно" не получал.

    Занимаю позицию тимлида команды разработчиков на текущем месте работы.
    Ответ написан
    Комментировать
  • Как ходить на "пристрелочные" интервью (когда нет цели трудоустроиться)?

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

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

    @SZolotov
    Asp.net core, MAUI,WPF,Qt, Avalonia
    Нужен кто-то, кто будет понимать страдающего, т.е. то, о чем он говорит, конкретно, например что его гложит в javascript'е, с чем затык, почему не получается и т.п. Но в то же время, чтобы этот специалист не влиял на карьеру человека.

    Обычно это бармен с опытом работы от 5-ти лет, в хорошем заведении общепита.

    Знаю кучу примеров, когда достаточно опытные люди просто бросали программирование и уходили в фермерство и прочие другие проф.деятельности.

    А почему вы думаете что они поступили плохо? В программировании ничего хорошего, кроме зарплаты, нет. Всё остальное только минусы или попытка оправдать себя. Жаль что это начинаешь понимать только со стажем 10+

    Но вот смотришь на работу этого спеца и видишь, что он "сдает", угасает на глазах.

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

    Идея "психолог для программиста" вроде как интересная. И мне кажется, что она уже реализована в каких-нибудь супер крупных компаниях, типа Epam, Accenture и пр. Вы сталкивались с такой реализацией психологов?

    Как вы себе представляете? Пришел выгоревший программист Вася к корпоративному психологу, а тот потом Васиному начальнику по полочкам разложил почему Вася считает его мудаком? Ну такое...
    Ответ написан
    1 комментарий
  • Существуют ли психотерапевты для программистов?

    @auoa16
    "Для программистов" вряд ли существуют, по крайней мере в том виде, в котором Вы себе представляете. Я говорю о
    например что его гложит в javascript'е, с чем затык, почему не получается

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

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

    Вопрос профессионального выгорания особо остро стоит у программистов - тут я соглашусь, специфика такая. Но это не значит, что для лечения нужно быть с головы до ног погруженным в IT. Высококвалифицированному психотерапевту изучить особенности профессионального выгорания программистов от а до я не составит труда за неделю-другую, и для этого ему совсем не нужно знать javascript)
    Ответ написан
    Комментировать
  • Существуют ли психотерапевты для программистов?

    Bandicoot
    @Bandicoot
    Вась-программист
    Я для себя вывел одно элементарно простое решение проблемы выгорания в профессии программиста.
    Звучит оно примерно так - "Не работай много времени в течение дня".

    Т.е. отработал положенные 8 часов - все, оставшуюся часть дня только отдыхаешь. Никакой работы сверх лимита.
    Лично для меня идеально работать 5-6 часов в день - при высокой эффективности можно все успеть и даже не устать. Очень комфортный режим, правда в офисе такое не прокатит(

    Это относится к любой сидячей, вредной для человеческого организма работе. Нужно работать немного времени, но максимально эффективно. Тогда не будет ни ощущения выгорания, ни мыслей о том, что жизнь за окном проходит мимо.
    Ответ написан
    6 комментариев
  • Какие полезные ресурсы используете в работе?

    sfi0zy
    @sfi0zy Куратор тега Вёрстка
    Creative frontend developer
    Большая часть ресурсов - ситуативные (в основном это документации к конкретным библиотекам). Из более-менее часто используемого могу вспомнить:
    MDN, DevDocs и Schema.org, чтобы вспоминать забытое.
    Can I use, чтобы смотреть поддержку браузерами (+ doiuse).
    WAVE и regex101, чтобы проверять себя.
    В Browserhacks иногда полезно заглянуть.
    FontPair и Coolors - если нужно без дизайнера подобрать шрифты и цвета.
    Snazzy Maps, чтобы брать готовые цветовые схемы для карт.
    Cubic-bezier, чтобы наглядно делать кривые для простых анимаций.
    Google - если затупил.
    Noisli - для фонового шума.
    Cross Browser Testing, чтобы тестировать результат.
    Ответ написан
    3 комментария
  • Какие WordPress-плагины по умолчанию Вы устанавливаете на каждый свой сайт?

    Chefranov
    @Chefranov
    Новичок
    То что мне нравится и часто необходимо:
    • Clearfy - плагин с кучей настроек и удаления мусора из WP
    • TW Pagination - простая и легкая кастомизация пагинации
    • CPT UI - создание кастомных постов
    • W3 Total Cache - хорошо кеширует и минифицирует сайты, нужен для хороших показателей Google Speed
    • Contact Form 7 - отличные и гибконастраиваемые формы
    • ACF Pro - кастомные поля на все случаи жизни
    • Regenerate Thumbnails - перегенерация размеров уже добавленных картинок
    • Smush или TinyPng (если картинок мало) - оптимизация изображений
    Ответ написан
    5 комментариев
  • Как сделать внутреннюю тень в блоке сверху и снизу?

    andykov
    @andykov
    Shit happens
    Ответ написан
    Комментировать
  • Как вставить элемент в рамку?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Вот отсюда должен стать понятным базовый принцип построение таких рамок
    https://codepen.io/the_human_brian/pen/vOrbBG
    Ответ написан
    Комментировать
  • Как сделать анимацию трансформирующую один элемент в другой?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Является ли желтая квадратная форма в конце анимации видоизмененной кнопкой или же это совершенно другой элемент разметки?

    По смыслу - это другой элемент. Если мы говорим про более-менее компонентный подход к верстке, то это должно быть очевидно. Кнопка - один компонент. Всплывающее окошко - другой компонент. Набросал небольшую заготовку:


    С такими анимациями можно долго играться, самое главное - проверить в конечном итоге кроссбраузерность. А то в хроме и FF работает, а в каком-нибудь IE всякое может случиться.

    P.S.: Но в целом - я голосую за реализацию таких вещей целиком на JS. Практика показывает, что в проектах с такими анимациями очень быстро собирается большое количество одновременно анимирующихся значений у большого количества элементов, которые нужно синхронизировать между собой. На CSS голова лопнет все это делать. И да, чем больше всего меняется в CSS-анимациях в единицу времени, тем выше шанс найти какой-нибудь редкий баг и долго ломать себе голову в поисках проблемы. Лучше уж взять какую-нибудь библиотеку вроде anime.js или любимый многими GSAP и использовать их.
    Ответ написан
    Комментировать