• Как называется веб-дизайн повторяющий реальные предметы?

    Kadzi
    @Kadzi
    Ом
    Скевоморфизм

    Статья на хабре
    Ответ написан
    Комментировать
  • Что должен знать Frontend разработчик чтобы зарплата у него была > 100к?

    @MadridianFox
    Web-программист, многостаночник
    Что должен уметь обычно пишут в описании вакансии.
    Ответ написан
  • Что лучше учить после front-end-a, Node.js или PHP??

    miraage
    @miraage
    Старый прогер
    Я front-end dev, сейчас осваиваю React, очень нравится.

    Что лучше учить после front-end-a, Node.js или PHP??

    Типа уже всё знаете про frontend? Как правильно писать на React? Как настраивать webpack? Когда юзать webpack а когда rollup? Какие babel плагины/пресеты юзать и как их конфигурить? Как архитектуру приложения задать, чтобы потом спать по ночам? Когда надо выносить логику в middleware/saga, а когда в thunk? Как соблюдать SOLID во frontend разработке? Экосистему тоже всю небось освоили? now/Next/SSR/CRA?

    Я вот в web области 6+ лет кручусь, из которых последние 2 на React. И я до сих пор задаюсь некоторыми из этих вопросов. Конечно, есть хорошие рабочие практики, полученные из личного опыта и/или опыта коллег, но эти вопросы возникают до сих пор.

    Тут решайте сами. Либо нормально во frontend разбирайтесь еще прилично, либо забейте и прыгайте на бэк.
    По зарплате - не думаю, что будет большая разница. Один мой друг получает $3000+ (чисто React и ничего более) и всё время получает офферы на более зарплатные вакансии.
    Ответ написан
    7 комментариев
  • Структура сайта, как?

    @vladdimir
    Верстальщик
    Здравствуйте! Везде абстрактно написано, потом что вопрос такой. Видите ли, универсальных таблеток нет. Обратите внимание на акценты. Что самое важное на странице статьи (для пользователя, естественно. Цели бизнеса известны по умолчанию ;) )? А на странице товара? На главной?

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

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

    Это поможет вам структурировать мысли и сформировать конкретные вопросы, на которые Яша с Гуглом дадут вполне релевантные ответы. Успехов!
    Ответ написан
    1 комментарий
  • У вас есть такие табы?

    Просто сделайте для табов flex-direction: column
    Ответ написан
    1 комментарий
  • Какие адаптивные слайдеры сейчас лучше применять в работе?

    @lb-web
    Slick.
    Ответ написан
    Комментировать
  • С чем связанна странная манера сайтов дорогих брендов?

    @Sofi33
    ну да там куча баков, но есть ведь хорошие сайты. Думаю ценность сайту дает грамотность дизайнера: соблюдение правил композиции + современность) кстати правила композиции это половина успеха в создании сайта никаких собственно секретов нет)) кстати больше о композитинге можно узнать в статьях, как правило заучить и пользоваться)
    https://onlinebd.ru/blog/ui-dizain-chast-pervaya-r...
    https://onlinebd.ru/blog/ui-dizain-dizain-saita-ch...
    https://onlinebd.ru/blog/udobstvo-ispolzovaniya-sa...

    Ну и вкус, который должен присутствовать у каждого дизайнера
    Ответ написан
    Комментировать
  • На перепутье выбора или что выбрать?

    webinar
    @webinar Куратор тега Веб-разработка
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Заработок зависит от навыка, чем лучше Вы как специалист - тем дороже можно себя продать. Что бы становиться профессионалом - надо любить то что делаешь. Работает для всех сфер, не только для it. Ну и работать надо много и эффективно + постоянно совершенствоваться.

    и на чем ты можешь заработать не 30-40к, а более

    На чем угодно, если делаешь это лучше других

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

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Можно вот так вот сделать, просто для последнего элемента устанавливая border-left-color: transparent
    https://codepen.io/anon/pen/MzqYrQ
    Ответ написан
    1 комментарий
  • Как проверить исполнителя?

    Moskus
    @Moskus
    Другие языки имеют с вёрсткой front end весьма ограниченную связь - верстка должна быть протестирована на предмет глюков из-за более длинных или коротких строк в разных языках. Это всё, что относится к front end. Однако, добавление языков не относится и к back end (тем более, к программированию) - это одна из форм наполнения сайта содержимым. Чтобы не напороться на проблемы, нужно не "проверять" исполнителя, а определять это в договоре или обсуждать с исполнителем по ходу процесса. В многоязычных сайтах текст интерфейса - это, фактически, контент (особого рода).
    Ответ написан
    6 комментариев
  • Как реализовывается данная прокрутка?

    dicem
    @dicem
    scrollmagic.io
    Покопался у них в коде, копирайты показали это.

    Для управления анимацией:
    https://greensock.com/docs/search/Animation

    Также у них в коде следующие копирайты(естественное не что попало, а полезничи):
    aerolab.github.io/midnight.js
    Ответ написан
    Комментировать
  • Как верстать элементы инфографики в HTML?

    beliyadm
    @beliyadm
    because open source matters
    я бы сделал для блоков типа "костные ткани" враппер, внутри абсолютно позиционированных блоков (можно и одним обойтись) для которых добавить псевдо до\после для горизонтальной\вертикальной линии
    Для каждого блока разные параметры длины\отступов и для базовых медиа точек в стилях проставить свои значения
    Либо SVG, но это и сложнее и дольше.

    Либо вообще одной картинкой с параметром background-size:cover
    Будет не очень на совсем мобильных (от 400 пкс и ниже) но тоже как вариант вообще без геморроя
    Ответ написан
    1 комментарий
  • Что сегодня подразумевается под веб-компонентами?

    @MadridianFox
    Web-программист, многостаночник
    Веб-компоненты - обобщающее название нескольких технологий, позволяющих создавать собственные элементы с инкапсулированными структурой, стилями и поведением.
    Т.е. вы создаёте один-два файла в какой-нибудь папочке, описываете в них разметку, стили и js-код и вызовом некоторых api-функций говорите браузеру - "вот мой собственный элемент с именем my-element, если встретишь тэг , то наполни его вот этим, стилизуй вот так и по событиям выполняй этот код".
    Технологии, которые это позволяют постепенно появляются в браузерах, но как обычно не полностью и не везде. Нужны полифилы.

    И да, веб-компонент мужского рода)
    Ответ написан
    1 комментарий
  • Какие проблемы решает качественный дизайн сайта?

    @Insayt
    Ну тут надо уточнить, что дизайн сайтов/приложений не является продуктом. Это услуга.
    "Картошка" - это продукт. "Доставка картошки" - это услуга. Вы предоставляете услуги, соответственно ставить вопросы надо исходя из понимая этого.

    Бизнес выбирает поставщика услуг по нескольким пунктам:
    1. Доступность - важно что бы было легко вас найти.
    2. Понимание проблем клиента - важно что бы поставщик услуг четко понимал как его деятельность скажется на нашем бизнесе.
    3. Скорость реакции сотрудников и их вежливость - тут думаю все понятно, если на email отвечают неделями и на от*бись, то такой поставщик услуг не получит заказ.


    В контексте вашего вопроса речь идёт о "Понимании проблем клиента".
    И тут важнее не написать большой список, а выбрать конкретный пункт и давить на него. Объясню:

    1. Увеличение продаж - на этот пункт вы влияете очень косвенно (ниже объясню почему). Потребитель больше будет смотреть на цену и скорость доставки, чем на форму кнопочки "Перейти в корзину".
    2. Привлечение внимания - это тоже не ваша работа. Привлекают внимание маркетологи. Клиент даст рекламу в директ, и она будет привлекать внимание. Если вы занимаетесь дизайном рекламных баннеров, то тогда можно говорить о привлечении внимания, но в контексте вашей деятельности вы привлечением внимания к продукту/услуге заказчика не занимаетесь.
    3. Большая конкурентоспособность/отстройка от конкурентов - это тоже не про вас. Конкурентоспособность никак не соотносится с визуальной составляющей. Вы можете сделать идеальную упаковку для пиццы, но если её везут 3 часа, то никакой конкурентоспособности быть не может.
    Отстройка от конкурентов - это тоже не про вас. Немного погуглите про то что такое "отстройка от конкурентов", и поймете это. Отстраиваются на уровне позиционирования и бизнес процессов. Например вы открыли магазин продуктов возле дома. Через пол года рядом открывается пятерочка. Вы начинаете проседать по доходам, потому что пятерка дает лучшую выходную цену для клиента, и тогда вы решаете отстроится от конкурента, убираете весь ассортимент и становитесь магазином "Колбасы от Васи". И расставляете на прилавке 1 вид продукта, но в широком ассортименте, который пятерочка никак не может себе позволить, потому что им не выгодно иметь широкий ассортимент одной товарной позиции. Вот это и есть отстройка.

    А теперь к важному. Продавайте "Повышение конверсии". И только это.
    Бизнес делает рекламу, тратит на это деньги, и тут появляетесь вы и говорите, мы можем сделать новый дизайн вашего сайта, уменьшить "боль" потребителя от использования, что повысит вашу конверсию на N процентов + увеличит кол-во повторных заказов от существующих клиентов. Повышение конверсии даст большую эффективность вашим рекламным затратам, потому что вы можете потратить 100500 миллионов денег, но если вся реклама будет вести на непродуманный, некрасивый и абсолютно неюзабельный лендинг - ваши деньги вылетят в трубу. Такая постановка вопроса будет очень понятна любому бизнесу.

    Так что вывод - переимуйте абстрактный пункт "Увеличение продаж" в более конкретный "Увеличение конверсии", и продавайте его.
    Ответ написан
    1 комментарий
  • Я из 2008, за что браться?

    xandri
    @xandri
    Люблю айтшечку
    По поводу IE сейчас стандарт 9+
    По поводу детального изучения стоит не забывать что "Идеальное - враг Хорошего".
    Если вы выбрали php то верстать вам особо не прийдётся и вам нужно учить язык.
    Пройдите курс Sorax CSS , для освежения знаний и усвоения некоторых новых моментов.
    В первую очередь не забывайте, вы хотите быть программистом поэтому вы должны уметь писать код.
    Если вам нравилось детально изучать Css то возможно стоит посмотреть в сторону Front-End.
    Javascript сейчас на вершине популярности и благодаря огромному комьюнити и фреймворкам уже сейчас можно писать Мобильные приложения/Игры/Десктоп приложения и тд.
    Опять же вам нравилось разбираться со стандартами и прочим и я думаю что это тоже положительный звонок для перехода на темную сторону Front-end.
    Php Версии 7+ это уже очень хороший и быстрый язык в сравнении со старыми версиями и ближайшие лет 15 он никуда не денется так как 78% всего интернета это php.

    У меня была схожая проблема не так давно, я быстро выучил css/html и пошел пилить фриланс на wp или просто лендинги, в итоге отстал от рынка и тенденций и только сейчас набираю обороты.

    Вот полезные ресурс для одноглазых моряков тыц
    Ответ написан
    3 комментария
  • Я из 2008, за что браться?

    sim3x
    @sim3x
    Так а в чем проблема?
    Ну кроме того что ваши знания про хаки больше никому не требуются

    Сейчас все просто (как и во времена монополии ие5-6)
    Сейчас есть только chromium-based браузеры
    уточнение
    70+% используют движ хромиума для рендера. Рендер Blink/WebKit не сильно отличается от всех остальных


    Сейчас есть caniuse и я не понимаю о каком изучении статистики вы говорите

    Сотни ресурсов, где даже те кто слабо умеют читать, могут научиться всему
    Ответ написан
  • Я из 2008, за что браться?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    С таким перфекционизмом лучше идти в низкоуровневое программирование, в вебе вы будете делать задачи дольше времени, чем те, кто ее боится использовать инструменты.
    За 10 лет у вас в голове ничего не осталось , а если и осталось, то уже сильно устаревшее. Поэтому для вас тот же путь, что и для всех новичков.
    Еще нужно понимать, что веб тогда был проще чем сейчас. Тогда можно было легко быть фуллстеком, сейчас нет.
    И сейчас конкуренция сильнее, поэтому нужно уметь выделяться, не только качеством, но и скоростью (поэтому перфекционизм будет помехой).
    Статистику браузеров не надо изучать, заходите на caniuse, и смотрите, что можно юзать. Для js используйте babel.
    Ответ написан
    2 комментария
  • Как сделать кнопку для отключения снега на сайте?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Не надо делать снег на сайте, это не нравится никому. Это было популярно в начале века, сейчас это плохой тон.
    Если хотите сделать что-то на новый год, лучше добавьте что-то не сильно мешающее, украсьте логотип, поставьте в шапку/футер картинку новогоднюю - без фанатизма. Это будет намного лучше.
    Ответ написан
    4 комментария
  • Какой веб-сервер использовать на Маке?

    @MadridianFox
    Web-программист, многостаночник
    Mamp, xampp и прочие это не веб-серверы, а наборы программ с панелью управления. Все они содержат в себе веб-сервер Apache, СУБД MySQL и интерпретатор PHP.
    Поэтому вообще не важно какую именно сборку вы выберете. На начальном этапе между ними нет никакой разницы - включил и работает. Дальше либо придётся копать глубже и вы полюбому будете пробовать разное и даже научитесь работать напрямую с программами. Либо глубже копать не придётся и тогда тем более не важно что вы поставите.
    Ответ написан
    Комментировать