• Дизайн UI/UX - "мода" или реальные перспективы?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Насколько востребована сейчас профессия UI/UX дизайнера?

    Только что видел в твиттере репост, что набирают людей в Bing UX group. Но, в любом случае, такое лучше смотреть на сайтах с вакансиями, а не тут спрашивать.

    Сколько еще лет она будет востребована?

    Пока роботы не захватят мир. В настоящий момент когда говорят "UI/UX дизайнер" чаще всего подразумевают "толковый front-end разработчик и толковый дизайнер в одном лице". И те и другие по отдельности нужны, и, судя по всему, будут нужны в будущем.

    Или же профессия UI/UX дизайнера это просто временная "мода" и уже очень скоро она станет невостребованной?

    Возвращаясь к пункту 2: сейчас модно это называть таким словом, через несколько лет будут называть другим. Смысл врят ли сильно поменяется. Востребована эта профессия в любом случае будет, единственное что с ней может случиться (и похоже, что это уже заметно) - феномен отсутствия адекватных вакансий уровня ~junior. Что логично - для проектирования нормального ux нужно довольно много всего знать.

    С чем связан такой бум профессии UI/UX дизайнеров в последнее время? С тем что в мире стало больше смартфонов?

    Скорее всего. И, что даже более важно - люди, которые этими смартфонами пользуются, становятся более привередливыми. Если страница грузится несколько секунд - уходят к конкурентам, если непонятно куда жать - уходят к конкурентам, если красная всплывающая кнопка пугает - уходят к конкурентам, и.т.д. Не забывайте, что уже целое поколение вырасло имея интернет с рождения. А это потенциальные покупатели (ну или по крайней мере их родители - потенциальные покупатели). Соответственно продавец-работодатель заинтересован в том, чтобы удержать этих клиентов, а для этого ему нужен человек, понимающий в ux.
    Ответ написан
    Комментировать
  • Не могу преобразовать ES6 в ES5 на babel, why?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    У вас там виднеется что-то вроде "node - нет такого файла или каталога"

    Это можно решить с помощью
    apt install nodejs-legacy

    Или руками сделать ссылку
    ln -s /usr/bin/nodejs /usr/bin/node
    Ответ написан
    Комментировать
  • Процедурное создание уникальных аватарок?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Генерация такого рода картинок основана на том, что от имени / почты / еще какого-то параметра считается хэш, а потом на основании него по какому-то (зачастую подобранному на глазок) алгоритму уже генерируется картинка. На javascript это удобно делать на canvas, благо его можно легко крутить и симметричную картинку сделать не сложно. Останется только при необходимости сохранить ее в файл, но этот вопрос легко гуглится.

    Для иллюстрации приложу свой пример на codepen (писался на скорую руку, так что за ***код не пинайте)
    Ответ написан
    4 комментария
  • Лучшая практика для оформления комментариев в HTML, CSS?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Хочется также добавить к ответу Сергей , что в долгоживущих проектах может оказаться очень не лишним из комментариев css вроде таких:
    // @name Button
    // @description Your standard form button.
    // 
    // @state :hover - Highlights when hovering.
    // @state :disabled - Dims the button when disabled.
    // @state .primary - Indicates button is the primary action.
    // @state .smaller - A smaller button
    // 
    // @markup
    //   <button>This is a button</button>

    генерировать человеко-дизайнеро-понятные стайлгайды со всеми компонентами, которые у вас есть (небольшой личный опыт показывает, что можно отдельные компоненты верстать и сразу смотреть на них в этом стайлгайде - grunt/gulp в помощь, а потом уже вставлять их в реальные страницы). В результате можно спустя некоторое время с помощью одного взгляда вспомнить что происходит, какие у вас вообще компоненты есть и как они выглядят - сразу с примерами html для них - и быстро что-то доделать / добавить / убрать.
    Ответ написан
    1 комментарий
  • Как добавить два числа с плавающей точкой?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Ответ написан
    Комментировать
  • Почему не работает sticky footer в Materialize CSS?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Все, что перед футером оберните в<main></main>

    Ну или используйте свой контейнер с flex: 1 0 auto и оборачивайте все в него.
    Ответ написан
    1 комментарий
  • Использование комментария для того, чтобы убрать расстояние между блоками, это антипаттерн?

    sfi0zy
    @sfi0zy Куратор тега HTML
    Creative frontend developer
    Можно использовать для родительского элемента (ul в вашем примере) font-size: 0.

    + на csstricks есть статья с другими вариантами
    Ответ написан
    Комментировать
  • Что такое readline.h?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    apt install libreadline-dev
    Ответ написан
    Комментировать
  • В какоую папку в Brackets пихать скачанные плагины?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    ...по ряду причин которые лень объяснять... приходиться скачивать их и кидать в папку с установленной программой...

    Кнопочка "перетащить .zip сюда чтобы установить" у вас тоже исчезла по причинам которые лень объяснять?

    Ну а так - в линуксе все это лежит в ~/.config/Brackets/extensions/user
    Ответ написан
    Комментировать
  • Наследование CSS, как сделать?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Стоит добавить к вышесказанному, что во всех современных css препроцессорах присутствует конструкция вроде этой (синтаксис может быть разный, но смысл не меняется) - по сути это и будет "настоящее наследование" - иногда такой подход будет восприниматься проще, чем class="row1 row2":
    .row1 {
        background: #5d5;
    }
    
    .row2 {
        &:extend(.row1);
        color: #fff;
    }

    (codepen)
    Ответ написан
    Комментировать
  • Как реализовать так на css?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Технически можно это сделать через text-stroke (codepen), но практически - пока с этим все печально. У кучи теней тоже есть проблемка - край получается не ровный, как на картинке, а какой-то грязно-замыленный. Да и тормозить оно будет.... Поэтому самое надежное - картинка. Или что-то с svg придумывать (codepen)
    Ответ написан
  • Как исправить ошибку при установке VirtualBox в Kali Linux?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    E: Неудовлетворённые зависимости. Попытайтесь использовать -f.

    Я надеюсь вы попытались? (А то мало ли что...)

    У вас есть всего две неудовлетворенные зависимости: libssl1.0.0 и libvpx1. Если их и правда нет в репозиториях kali (хотя они должны быть - 1, 2), можно скачать их отдельно и установить
    Ответ написан
  • Как тестировать верстку в IE?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Ответ написан
    Комментировать
  • UX древовидные комментарии?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Такие вопросы стоит решать в зависимости от вашего проекта и аудитории. Личное мнение - на хабре очень приятные глазу комментарии. Но если подумать, то там часто в комментариях куча дополнительной информации, причем не только в родительских, да и сами они обычно длинные, иногда в несколько абзацев. Поэтому и дерево с глубокой вложенностью нормально воспринимается, и то, что они сразу все показаны (без кнопки "подгрузить еще") очень приятно. А на том же youtube - большая часть родительских комментариев состоит из слов "вау, как круто" или "фуууу" и их дочерние также не несут никакой информации. А в тех родительских комментариях, которые имеют смысл обычно содержится вопрос, а ответ на него - в первом дочернем. Ну а настоящие дискуссии там - редкое явление. Думаю отчасти поэтому в гугле приняли решение не показывать все сразу и ограничить глубину.
    Ответ написан
    Комментировать
  • Как убрать возможность растягивать скобку для текста?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    textarea {
        resize: none;
    }
    Ответ написан
    Комментировать
  • Где конкретно прочитать про правильную реализацию ООП на javascript?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Как все таки правильно реализовывать?

    es6-features.org/#ClassDefinition

    Реализация скрытых методов и переменных тоже не всегда хороша

    es6-features.org/#GetterSetter
    Ответ написан
    3 комментария
  • Можно ли сделать так, чтоб событие onScroll происходило для конкретного элемента?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Нельзя. Тут дело в том, что на одно событие можно повесить только один обработчик. Нельзя повесить на window.onscroll несколько обработчиков - второй и последующие будут проигнорированы. Можно с помощью getBoundingClientRect() находить положение элемента относительно экрана, и постоянно (раз в какое-то время) проверять для каждого элемента не изменилось ли его положение - codepen. Но, по всей видимости, это не очень хорошая идея с точки зрения производительности. Лучшей идеей кажется создать наблюдателя, к которому вы будете добавлять ваши элементы, а он будет слушать window.onscroll и сообщать о событии вашим элементам.
    Ответ написан
    Комментировать
  • Как правильно оформить заголовок?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Как вариант - линию сделать градиентом. codepen
    Ответ написан
  • Есть ли программа для подбора линукса под железо?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Если вам нужно подобрать дистрибутив под старую/специфическую архитектуру (никогда не задумывался, что FreeBSD можно поставить на xbox) - поиск с distrowatch.com вам в помощь.
    Ответ написан
    Комментировать
  • Ubuntu 16.04 система через промежуток времени останавливает работу и необходимо перезагружать?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Для начала нужно понять, что по вашему описанию ничего толкового сказать нельзя. Быть может вы там в хроме открываете тысячу вкладок, у вас заканчивается оперативная память, начинает активно использоваться swap и выглядит это как будто все "зависает".

    Так что во первых, когда в следующий раз зависнет попробуйте Ctrl+Alt+F1. Если переключится, значит не совсем все плохо - можно вживую посмотреть что происходит (возможно какой-нибудь процесс ест ресурсы, можно будет узнать кто он).
    Во вторых логи (из /var/log/) - если у вас что-то ломается, где-то там будут сообщения об ошибках. Их стоит приложить к вопросу. Для начала можно посмотреть что говорит dmesg.

    P.S.: Указывайте, что вы этот вопрос уже задавали, и там люди тоже недвусмысленно намекали на то, что логи помогают в определении проблемы.
    Ответ написан
    2 комментария