Задать вопрос
webinar

Максим Тимофеев

Учим yii: https://youtu.be/-WRMlGHLgRg
Ответы пользователя по тегу Вёрстка

  • Как сверстать такой экран?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Верстайте в относительных единицах
    Ответ написан
    Комментировать
    Комментировать

  • Как это сверстать?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    например:
    https://codepen.io/anna_blok/pen/KbooZY
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать такую горизонтальную прокрутку страницы?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    ну так:
    https://www.npmjs.com/search?q=horizontal%20scroll
    если там нет, значит нет.
    Ответ написан
    3 комментария
    3 комментария

  • Как настроить подключенное меню?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Это не меню, это набор assets от AdminLTE. При чем тут меню? Оно там есть? Тогда почему не "установил кнопку синюю", она там тоже есть.
    сдвинуть одну из ссылок на панели слева в самый низ

    вопрос исключительно в плоскости верстки. Нужны знания css и html для этого. Вариантов масса. Можно абсолютным позиционированием прижать к низу. Можно маргином верхним подвинуть, можно блок распорку вставить.
    Но в описании не нашёл как это сделать

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

    ПС: а при чем тут yii2 и php? Вопрос полностью в разрезе верстки.
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать такую анимацию?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Это svg и анимация path в нем за счет изменения stroke-dasharray: https://css-tricks.com/svg-line-animation-works/
    Ответ написан
    Комментировать
    Комментировать

  • Обязательно ли использование бутстрапа?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Обязательно ли использование бутстрапа в 2019?

    А что в 2018 было обязательно?

    мне как-то комфортнее верстать на чистом html+css

    верстайте, а кто не дает? Вот только если заказчик чего просит - то надо то что он просит. Ищите заказы без BS, если бесит.

    без написания горы бутстраповских классов

    Любой framework ускоряет разработку (как правило), а популярный упрощает поддержку дальнейшую. Так как после Вас придет Вася Пупкин и гора "col-6 mt-4 bg-red" ему будет понятна, а Ваше лаконичное "block-header" нет. И заказчик дорого заплатит за Ваше "без написания горы бутстраповских классов". Так как Вася Пупкин потратит много времени, вникая в Ваш код и стиль. А время - это деньги.
    Ответ написан
    Комментировать
    Комментировать

  • На сколько верстка выглядит верной?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    На сколько верстка выглядит верной?

    на 12кг

    какие технологии мне стоит подтянуть?

    смотря куда идете и чего хотите. Можете например зайти на сайт jquery и узнать что есть более новые версии чем 1.11.1. Можете почитать про восприятие пользователей, что бы не делать прозрачный фон под текстом. "Слайдер мордочек" плохо адаптирован под мобилки. Кнопка "написать нам" работает не на всех страницах. Но в целом сама верстка очень не плоха на первый взгляд. А вот по дизайну и в целом по UI/UX там много проблем.
    Ответ написан
    4 комментария
    4 комментария

  • Как выровнять div по заданной позиции?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    сделать 2 блока по 50% ширины каждый, в первый кинуть Company и Services, во второй все остальное. Первому задать выравнивание вправо, второму в лево. Присолить по вкусу и лаврушку кинуть. Все.
    https://codepen.io/wokster/pen/RdgZwN
    Ответ написан
    Комментировать
    Комментировать

  • Как начертить линии с помощью html/css?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Обычно используют canvas или svg для подобного. В частности можно использовать библиотеки, которых не мало, например:
    https://threejs.org
    https://svgjs.com
    paperjs.org
    pablojs.com
    и еще 100500 вариантов
    Ответ написан
    Комментировать
    Комментировать

  • Что за отступ у элементов?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    https://habr.com/ru/post/121810/
    Ответ написан
    Комментировать
    Комментировать

  • Как реализуется? Паралакс?

    webinar
    @webinar Куратор тега Веб-разработка
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Если посмотреть код, то сразу видно, что это https://github.com/akella/fake3d
    Ответ написан
    Комментировать
    Комментировать

  • Можно ли верстать со смартфона?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Можно. Так же как и можно кушать топором будучи подвешенным вверх ногами. А смысл? Если есть более удобные варианты? Я уже молчу про то, что под мобилки вряд ли есть адекватные IDE.
    Ответ написан
    Комментировать
    Комментировать

  • Как сверстать неровную адаптивную рамку со скруглёнными краями?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg 
    .myFormWrapper {
   background: url('myback.svg') no-repeat 50% 50%;
   background-size: cover;
   padding-bottom: 30%;
}

    в самом svg файле обычный path c заливкой.
    фсе
    Ответ написан
    4 комментария
    4 комментария

  • Как поместить видео с Ютуба на сайт?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Для этого не обязательно перематывать видео куда-то. Есть же заставка. В ютубе можно выбрать заставку, в том числе загрузить свою в разделе редактирования видео.
    Ответ написан
    3 комментария
    3 комментария

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

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Какой выбрать монитор для верстальщика в 2019 году?

    широкоформатный или 2 вместо одного

    Если ли смысл в 4k?

    нет

    Не раздражают ли верстальщиков изогнутые формы?

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

    Как вы считаете?

    программно или в уме
    Ответ написан
    17 комментариев
    17 комментариев

  • Что нужно знать верстальщику?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Какими должен владеть знаниями верстальщик?

    как минимум: html и css на достаточно хорошем уровне + хотя бы минимально js и/или jquery
    Тут еще куча не обязательных для новичка, но желательных для плодотворной работы знаний: спрайты, svg, framework-и, media запросы, flex, понимание как работает динамический web сайт в целом, какие бывают cms и еще два вагончика технологий
    Сюда же опыт работы с разными js плагинами можно добавить. Это приходит с опытом, Вы обрастете кучей знаний api разных слайдеров (типа slick, owl и т.д.), разных построителей графиков, библиотек для работы с canvas и svg (типа konvajs, threejs и т.д.), всяких select2 и т.д. Но все это не сразу, постепенно. Но чем больше опыт, тем быстрее Вы будете работать, тем меньше велосипедов делать и тем дороже стоить.

    Какие нужны инструменты для быстрой вёрстки?

    framework-и, сборщики, препроцессоры, нормальное IDE

    Скажите, пожалуйста, подробный алгоритм вёрстки, чтобы страница правильно работала в браузере?

    Что бы страница правильно работала, надо ее правильно и кроссбраузерно сверстать. Какой тут может быть "алгоритм"?
    Ответ написан
    Комментировать
    Комментировать

  • Что лучше Фреймворк или Дримвивер?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Это разные вещи. Вы спрашиваете "что лучше, макароны или вилкой есть". Вилкой есть удобно, можно и макароны вылкой есть. Не понятно почему у Вас Фреймворк исключает Дримвивер и наоборот. Дримвивер - ПО для разработки, Фреймворк - набор заготовок для разработки.
    Но я считаю что Дримвивер не надо использовать никогда и не кому. Особенно в процессе обучения. Это отвратительно ПО, которое делает за Вас кучу работы мешая Вам учиться, мало того - делая весьма дерьмовый код. Хуже только adobeMuse. Так что Дримвивер в топку, берем бесплатный текстовый редактор типа atom или платную IDE типа webStorm или др.

    Какой Фреймворк лучше?

    на вкус и цвет все фломастеры разные. Выбирать надо под проект и по свои предпочтениям. К тому же надо понимать, что framework-и бывают разные, многие совсем не для верстки. Если Вас интересует css framework с которого проще начать - bootstrap4, потому что популярен и востребован и есть очень подробная документация. Плюс его знает 99% верстальщиков, а как следствие круг людей кто может подсказать и посоветовать будет большой.
    Но для изучения базовых вещей в html и css лучше не использовать никакой framework.
    Ответ написан
    8 комментариев
    8 комментариев

  • Mobile First в проектах?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    уж точно не похож на мобильное приложение

    сайт адаптированный по мобилки и мобильное приложение - это две разные сказки.

    Клиент уперся, и не хочет слушать о рациональности подхода desktop first. Может быть я не прав

    Так и есть

    Прав ли я в этом утверждении?

    нет, Вы видимо не правилно понимаете что такое mobile first. Это в первую очередь подход к дизайну, нежели к верстке.

    В качестве справки:
    • tablet - это тоже мобильное устройство.
    • использование моб устройств для серфинга в интернете давно превысило 50%, а по некоторым данным и 60
    • медиа запросы это как раз про mobile first, а не про desktop first
    Ответ написан
    1 комментарий
    1 комментарий

  • Как можно реализовать такое меню?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Это не меню, это слайдер. реализуется с помощью любого скрипта слайдера, например: kenwheeler.github.io/slick
    Ответ написан
    Комментировать
    Комментировать

  • Что нужно для редактирования чужого проекта в adobe muse?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Есть возможность взять проект в adobe muse

    не стоит

    вот мне надо доработать адаптивность на сайте сделанном в adobe muse

    точно не стоит

    Только исходники или еще что-то?

    корвалол и средство от бесцельно прожитых лет.

    Пруф: https://helpx.adobe.com/ru/muse/kb/adobe-muse-end-... (есть еще, но это официальное признание разработчиков). Если сократить: "Мы сделали говно, а Вы оказались умнее чем мы думали. Теперь мы будем тщательнее скрывать запах подобных продуктов. Встречайте Adobe XD".

    Теперь конкретно по вопросу: если в дальнейшем muse юзать не планируется, то можно просто править css и html, который он "выпердел" (Сори, но других слов нет. Долго подбирал, это самое культурное.)
    Если Вы планируете продолжить плодить кал, то нужны исходники, сам adobeMuse и уверенность, в том, что то что сейчас работает на сервере никто ручками еще не трогал.
    Ответ написан
    Комментировать
    Комментировать