Front-end Engineer в Youwe
  • Збираємо 1 600 000 грн на бандеромобілі для ЗСУ та евакуації з гарячих точок (і розігруємо подарунки!)

  • Зберемо 8 000 000 грн на «маленьке ППО»! Збір DOU & KOLO

  • ІТ-спільното, купимо армії «літачок»? Збираємо $ 1 000 000 на сучасний комплекс PD-2

  • PayPal запрацював в Україні (нарешті!)

    Трохи інформації з приводу PayPal + ФОП

    Підтримав: Eugene Samilyk
  • PayPal запрацював в Україні (нарешті!)

    Цікаво, чи є якісь ліміти за сумами на виведення на картку?

  • Как организовать свидание между UI/UX дизайнером и Front-end разработчиком, и зачем нужны эти отношения

    Частые проблемы и недопонимания бывают из-за того, что дизайнеры не шарят в принципах работы вэба в целом, нарисуют что-то «невероятное», а когда заказчик увидит эстимейты на реализацию всех этих хотелок, то начинается процесс упрощения или сами разработчики идут наиболее простым путем, чтоб уложиться в эстимейты.
    Иногда разработчики делают так, как считают лучше потому что в дизайне 100500 размеров шрифтов и отступов которые не имеют никакой закономерности и логики 😄 не обобщаю, но такое бывает.
    Если с обоих сторон все профессионально, то основная проблема бывает в представлении как должна работать анимация и транзишены, так как дизайн зачастую это статика и разработчик уже сам додумывает как это все должно работать.
    Так же часто «невероятный UI/UX» идёт вразрез c производительностью и быстродействию работы сайта.

  • Подскажите что лучше изучать CSS Grid, bootstrap или flexbox?

    В будущем этот код может попасть другому человеку который не пользуется Muse, и открыв файл он скажет пару «приятных слов» в сторону прошлого «разработчика» и закроет файл :D
    Вы всерьез думаете что тот код который выдаёт Muse пригодный для применения в продакшене?) Дело не то в том что код грязный, там в корне не правильный подход и реализация CSS/HTML, так же такую верстку легко сломать, она не гибкая и не универсальная, не проходит валидатор. Это просто картинка на которую можно поклацать, небольшие изменения по контенту и размерам нежели в дизайне и все поехало, поплыло...
    В конце концов дизайнеру не обязательно знать кодинг чтоб нарисовать дизайн, есть же Sketch. Вэб-приложения которые боль менее адекватный генерят код (привел ссылки выше) так же требуют знаний свойств CSS и это занимает больше времени чем в графическом редакторе.
    Мои выводы не с потолка, я работал с макетами дизайна сделанными и в Adobe Muse и Webflow (интегрировал в CMS), и поверьте это небо и земля. Adobe Muse страницы перевёрстывались полностью из-за свой не пригодности на реальных задачах, с Webflow 50-70% кода сохранялось в своём изначальном виде.

    Підтримав: Dmitry Denisenko
  • Подскажите что лучше изучать CSS Grid, bootstrap или flexbox?

    Ни в коем случае не используйте этот софт, а советовать его начинающему верстальшику/frontend`еру это настоящий грех и минус в карму!) :D
    Вы смотрели какой код выдаёт Adobe Muse? Там сплошной ад и черти! Мало того что в основу положен огромный болт на все общепринятые правила, договоренности хорошего кода, так ко всему прочему там можно сильно заблудится. Практически вся верстка в том числе сеточные раскладки реализованы на position: absolute, естественно о последовательности и предсказуемости элементов и речи идти не может. А насчет отладки и чтения этого кода я вообще молчу. На практике этот хлам абсолютно не применим и никому не нужен.
    Единственное практичное применение Adobe Muse это по быстрому накидать какой-то временный макет, шаблон, схему и показать её заказчику в браузере...
    ps... Были проекты дизайн которых был выполнен на Adobe Muse, в итоге все это переверстывалось вручную с 0 из-за абсолютной не применимости и невалидности кода.
    Из более менее адекватных подобных инструментом могу посоветовать:
    webflow.com
    www.figma.com

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

    Підтримали: Dmitry Denisenko, NewOne NewOne
  • Подскажите что лучше изучать CSS Grid, bootstrap или flexbox?

    Для начала лучше хорошенечко изучить весь CSS) тогда таких вопросов не возникнет)
    CSS grid, flexbox — это все свойства, части CSS`а. Bootstrap — это css framework и к нему считаю приступать после того как хорошо овладеешь CSS, да и не всегда он нужен, пробуй для начала писать самому, возможно даже свой мини-framework получится.
    По CSS раскладкам очень советую этот доклад , разжевано всё, от того с чего начиналось и до нынешних CSS Grid Layout. Знать желательно всё, уметь желательно начиная с таблиц, так как в рабочих моментах можно столкнутся с разными реализациями, а на практике не всегда применяются новые подходы, а там гляди и e-mail придется сверстать :D
    Flexbox`ы можно смело использовать если не требуется поддержка IE 9 и ниже. Grid`ы учи, пробуй, балуйся но в продакшене пока проблематично.
    По поводу адаптивности опять же зачем тебе Bootsrap, учи основы на чем все это основано ( Media Queries, подход Mobile First и смежные тематики.) CSS ведь не такой сложный чтоб при каждом вздохе использовать framework, обычно хватает пару своих классов с нужными свойствами.