• Расскажите о профессии верстальщик (в офисе)?

    dom1n1k
    @dom1n1k
    С версткой ситуация очень неоднозначная.

    С одной стороны, верстка обычно считается не самой престижной, не самой интеллектуальной и одной из самых низкооплачиваемых специализаций в веб-разработке.
    Но при этом действительно классных верстальщиков на рынке - единицы. Процентов наверное 90 - это кодеры херак-херак-в-продакшен, которые думают, что знание тегов html, бутстрапа, препроцессора и ещё пары подобных слов делает их верстальщиками. Когда я вижу их произведения, мне плакать хочется, потому что через весь монитор я вижу огроменный болт, который лежит поперек стараний дизайнера. Ну а чо? Примерно похоже ведь. (Среди дизайнеров тоже немало дилетантов-рукожопов, но это отдельный разговор).

    Что тут есть причина, а что следствие - сказать сложно. Наверное, взаимно.

    И получается, что на рынке ощущается дефицит хороших верстальщиков. Но при этом, если ты хороший верстальщик - ещё нужно найти место, где тебя оценят и предложат соответствующие задачи. В большинстве "обычных" мест скорее подумают что-то в духе - ну да, я вижу, что чувак хорош, но столько платить не видим смысла, потому что нас устроит и студент за 30-50% той суммы :)

    Можно ли вырваться из этого порочного круга? Думаю, что да, но это нелегко. Лучше всего искать серьезную продуктовую компанию. Скорее всего, в провинции это сделать будет нелегко.
    Ответ написан
    2 комментария
  • Как правильнее использовать БЭМ в флекс верстке?

    dom1n1k
    @dom1n1k
    Всё зависит от того, будут ли во флекс-ячейках элементы (используемые только в этом контексте) или блоки (могут быть переиспользованы где-то ещё).

    В первом случае всё просто, приблизительно так:
    <div class="container">
    	<div class="container__header"> ... </div>
    	<div class="container__body"> ... </div>
    	<div class="container__footer"> ... </div>
    </div

    .container {
    	display: flex;
    	...
    }
    .container__header {
    	flex: 1 1 auto;
    }
    .container__body {
    	flex: 1 1 auto;
    }
    .container__footer {
    	flex: 1 1 auto;
    }


    Во втором случае да, будут полезны дополнительные обертки, на которые и будут повешены флекс-свойства. Причина в том, что блок не должен ничего знать о своем позиционировании на странице, он должен знать только собственное устройство. А положением управляет вышестоящий уровень. Примерно так:
    <div class="container">
    	<div class="container__header">
    		<div class="some-header-block"> ... </div>
    	</div>
    	<div class="container__body">
    		<div class="some-body-block"> ... </div>
    	</div>
    	<div class="container__footer">
    		<div class="some-footer-block"> ... </div>
    	</div>
    </div


    В общем, в процессе верстки нужно задавать себе вопрос - этот блок может быть использован где-то ещё? Пусть не прямо сейчас, но хотя бы теоретически в будущем? Если да - делать обертки.
    Ответ написан
  • А Вы встречали гениев-программистов?

    dom1n1k
    @dom1n1k
    Я не встречал. Было несколько человек, которых можно назвать довольно талантливыми, но вот чтоб прямо гений - таких не припоминаю.
    Ответ написан
    Комментировать
  • Как монетизировать расширение для браузера?

    dom1n1k
    @dom1n1k
    Имхо, по-белому - почти никак.
    Точнее говоря, приносящие прибыль расширения бывают, но там монетизация изначально встроена в бизнес-модель и является неотъемлемой её частью. Например, есть расширения, которые приводят покупателей в магазины за партнерский процент. Или расширения, которые привязаны к какому-то платному сервису.
    А так чтоб сначала делаем расширение, а потом думаем как бы его монетизировать - никак, если только не хочешь разозлить и просрать свою аудиторию
    Ответ написан
  • Где компании ищут алгоритмы?

    dom1n1k
    @dom1n1k
    Если речь идет не о каких-то очень узкоспецифичных алгоритмах, а о мейнстриме (а удаление шума - это мейнстрим), то всё довольно просто. Есть 3 точки общеизвестные входа:
    - Wikipedia (англоязычная, конечно)
    - StackOverflow
    - Google
    Там можно найти общие описания методов и где-то в подвале - ссылки на публикации первоисточники.

    Например, для удаления шума в одно касание находится статья в вики:
    https://en.wikipedia.org/wiki/Noise_reduction
    А внизу у неё - гора ссылок.
    Ответ написан
    Комментировать
  • Gulp как отключить остановку процесса компиляции при ошибках в sass?

    dom1n1k
    @dom1n1k
    Не знаю, полностью ли решит проблему, но у меня так:
    gulp.task('styles', function () {
    	return gulp.src('less/styles.less')
    		.pipe(less())
    		.on('error', function (err) {
    			console.log(err);
    			this.emit('end');
    		})
    		.pipe(autoprefixer({
    			browsers: ['> 0.5%', 'last 3 versions'],
    		}))
    		.pipe(gulp.dest('css/'));
    });
    Ответ написан
  • Стоит ли сейчас писать свою социальную сеть?

    dom1n1k
    @dom1n1k
    Если вы задаете такой вопрос - ответ на него будет "однозначно нет".
    Эта рыночная ниша давным-давно занята, распилена и переполнена. И вас там точно не ждут.

    Разумеется, это не означает, что нынешних игроков нельзя подвинуть. Теоретически возможно всё. Но для этого вам понадобятся:
    а) колоссальный бюджет;
    б) некая фишка, которая привлечет пользователей.

    Такой фишкой может быть некий новый функционал, какой-то особенный дизайн, ориентировка на какую-то особую аудиторию и многое другое. Но вы должны придумать эту фишку, четко её сформулировать и быть в ней уверенными. И строить проект вокруг неё. Судя по вопросу, у вас её не имеется, есть только какие-то абстрактные и расплывчатые размышления. А посему - см. первое предложение.
    Ответ написан
    3 комментария
  • Сейчас уже есть смысл использовать bootstrap4??

    dom1n1k
    @dom1n1k
    В боевом, массовом продакшене - скорее нет, чем да. И дело не столько во флексах, сколько в недоразвитости экосистемы четверки. Многие сторонние плагины на неё ещё не рассчитаны, нет официального сервиса для кастомных сборок и пр.
    Но сама по себе v4, конечно же, намного лучше v3. И для каких-то изолированных проектов использовать очень даже можно и нужно. Я, например, для админок его использую.
    Ответ написан
    Комментировать
  • Есть ли возможнось автоматически подстаривать высоту блока под высоту фоновой картинки?

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

    dom1n1k
    @dom1n1k
    Автор, послушай старого бухгалтера: это делается двумя элементами before/after + одна картинка фоновая.
    Да-да, не skew, не градиент и не clip-path, а старая добрая картинка.
    Все перечисленные "модные" способы не дадут тебе каких-то весомых плюсов, в вот минусы - дадут.
    Например, в виде необходимости добавлять лишние DOM-узлы, или ограниченной кроссбраузерности...
    Ответ написан
  • Какой порядок обучения веб-верстке вы посоветуете?

    dom1n1k
    @dom1n1k
    SASS, LESS, Bootstrap, jQuery и любые штуки со словом "фреймворк" - на начальном этапе нужно забыть! Только чистые HTML и CSS.
    Ответ написан
    Комментировать
  • Наилучший алгоритм, который подбирает близкий цвет из палитры?

    dom1n1k
    @dom1n1k
    https://en.wikipedia.org/wiki/Color_difference
    А конкретнее CIE76 - это оптимальный вариант по соотношению точности/сложности.
    Ответ написан
    2 комментария
  • Сколько по времени вы затрачиваете на верстку?

    dom1n1k
    @dom1n1k
    Как уже сказали, без макета сложно гадать. Но по описанию склоняюсь к мнению, что за 1.5 дня там можно только наговнокодить в стиле "ну вроде бы приблизительно работает". Нужны картинки.
    Ответ написан
    2 комментария
  • Что делать веб разработчику, если уже всё придумано?

    dom1n1k
    @dom1n1k
    "Всё уже придумано" - это конечно ерунда.
    Если посмотреть на мир более пристально, то оказывается, что в большинстве инструментов/приложений/систем/етц есть серьезные минусы. И почти всегда можно сделать лучше.
    Ответ написан
    Комментировать
  • Как вычислить радиус закругления в iOS 10?

    dom1n1k
    @dom1n1k
    Да, у яблочников с этим дела неважно обстоят. Я когда-то наивно думал, что у такой повёрнутой на дизайне компании гайдлайны должны быть супер-подробно описаны. Хрен там плавал - всё описано очень общо, без подробностей.
    Они даже официальные UI-киты поначалу не публиковали! Точно знаю, что выпустили вот недавно для 11 версии:
    https://developer.apple.com/design/resources/
    И кажется (но не точно) для 10 было...
    А для девятки, помню, только неофициальные качал. Например, вот у этого чувака:
    ozzik.co/freebies
    Некоторые их продавать умудряются:
    iosdesignkit.io
    Ответ написан
    2 комментария
  • Адаптивная верстка. Чем лучше делать отсупы(margin, padding) - rem или %?

    dom1n1k
    @dom1n1k
    Ориентировочно в порядке убывания популярности: em, rem, vw/vh/vmin, px, calc, %
    Но это приблизительно, многое зависит от ситуации, не нужно воспринимать как догму.
    Ответ написан
    Комментировать
  • Рисование графиков, есть ли интересная статья или пример?

    dom1n1k
    @dom1n1k
    Если у вас действительно такие специфичные нужды, что никакие готовые библиотеки не подходят - все равно не надо рисовать с нуля. Это не очень сложно, но очень муторно, убьете колоссальное количество времени на отладку. Тогда надо все равно надо использовать библиотеку, но более низкого уровня. И тут собственно вариантов почти нет - D3.js
    Ответ написан
    Комментировать
  • NPM + Gulp или как не сойти с ума?

    dom1n1k
    @dom1n1k Автор вопроса
    Забыл написать итог истории. Похоже, что причина была в бажном NPM 5.0 - после обновления на 5.3 проблема (вроде бы) ушла.
    Ответ написан
    Комментировать
  • Стоит ли использовать bootstrap в уникальном дизайне?

    dom1n1k
    @dom1n1k
    Нет!
    Ответ написан
    Комментировать
  • Как повторить методы jQuery, например find(), closest() и т.д., на чистом JavaScript? Есть ли где-нибудь полные соответствия?

    dom1n1k
    @dom1n1k
    Если нужно совершенно полное соответствие - нет, это невозможно.
    Ну, точнее возможно, конечно же, но тогда придется фактически воспроизвести jQuery.
    Если достаточно упрощенно-приблизительного - выше дали хорошие ссылки.
    Ответ написан
    Комментировать