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

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    CSS предполагает наличие контекста наведения, наводишь на элемент и можешь управлять состоянием его дочерних элементов. Если ты увел курсор с родительского компонента, то потерял контекст и правило стилей работать не будет. Чтобы решить проблему, используй JS и управляй состоянием без контекста привязки, вешая состояние на переменные.
    Ответ написан
    Комментировать
  • Зачем устанавливать gulp глобально и локально?

    dimovich85
    @dimovich85 Куратор тега JavaScript
    https://u-academy.net/
    Глобально надо поставить gulp-cli, а не gulp, а локально надо ставить gulp. Gulp-cli это утилита, или программа, которая зарегистрирует в консоли команду gulp. CLI - command line interface, интерфейс командной строки, как-то так. Это надо, чтобы Вы могли в консоли запускать задачи с помощью команды типа 'gulp task'. Если gulp-cli не поставить, то для запуска задач пришлось бы писать что-то типа 'node gulpfile.js', а тогда проблема, что в нем ещё надо указать, какую задачу конкретно запускать надо, потому что node запустит просто скрипт, и выполнятся все задачи, которые там объявлены и вызваны. Либо пришлось бы в package.json регистрировать скрипты под алиасы, сокращенные команды, и для запуска пришлось бы писать npm run task, а в package.json надо тогда описать этот task. Сложно, короче. Gulp-cli умеет принимать название task'a и вызвать его из gulpfile.js. Теперь в gulpfile описываете задачи, и через gulp вызываете.
    Ответ написан
    2 комментария
  • Как стилизовать переключатели слайдов в Swiper?

    Chefranov
    @Chefranov
    Новичок
    Как вариант стелизовать кнопки от уникального класса сладера, типа .my-slider-1 .swiper-pagination-bullet {} а для другого слайдера .my-slider-2 .swiper-pagination-bullet {}
    Ответ написан
    2 комментария
  • 1 css для всего сайта или разный каждой странице?

    @unabl4
    ruby on rails web dev
    Зависит от конечного размера полученного файла. Если там что-то около 50-100 кб (ну так чисто эмперически) или менее - забить. Плюс не надо забывать, что можно применить компрессию (uglifier), gzip и т.д, что настраивается, в принципе, очень быстро.
    Даже для 2G соединения - это ни о чем, а для веб-браузера перформанс в css никогда не упирается (даже если использовать кривые селекторы, много уровней вложенности и прочие плохие вещи).
    Хотя, в идеале, конечно, лучше иметь раздельные, кмк. Но этим надо заниматься в последнюю очередь.

    Pro tip :-) : Лучше обратить пристальное внимание на яваскрипты, особенно сторонние. Все фронд-энд тормоза как правило оттуда вылезают.
    Ответ написан
    Комментировать
  • 1 css для всего сайта или разный каждой странице?

    gluck59
    @gluck59
    Виртуальный глюк
    Нечего тут дискутировать.

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

    Вопрос отпал? Проздравляю.
    Ответ написан
    Комментировать
  • 1 css для всего сайта или разный каждой странице?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Если уж совсем разный css везде, тогда делайте:
    1 общий
    а на каждой странице в header
    <style>
    ваш код уникальный для каждой страницы
    </style>

    Но на практике использую 1 css и иногда подключаю css файлы различных виджетов и плагинов. Даже не представляю что там у Вас за проект, в котором на каждой странице разный css, да еще в таком объеме, что нужно его делить.
    Ответ написан
    6 комментариев
  • А чем хуже Dreamweaver любого другого редактора?

    Ssssory
    @Ssssory
    Develop
    В первую очередь, нужно понимать, зачем вам редактор. Если вы верстаете или пишете бэк это разные вещи. Есть разный уровень задач. На минимальном уровне всёравно на чём писать. А как быть, если мне нужен фронт на react? Например саблайм или вскод позволяют писать и полноценно работать с фронтом на любом фреймворке. У дримвивера тут будут большие проблемы. Как на счёт интеграции с тестами? Можно ставить брейк поинты, вести отладку прямо в редакторе? На любом языке? Я пишу в среднем на 5 языках, если не считать вёрстки. Любой бесплатный редактор позволяет это делать. Визуальный редактор как и лайв просмотр - хлам. В реальности один хрен нужны все браузеры и все ОС. Плюс мне удобно с консолью в редакторе, которая связана с гитом, который в свою очередь в трелло и жире закрывает хадачи вместе с коммитом. Дримвивер не может? Жаль, а вскод бесплатный, быстрый, может это и ещё кучу всего что мне нужно и не перегружен говном, которое не нужно не только мне но и вообще никому. Можно пользоваться? Конечно. Хуже? Ну я пользуюсь 4 разными редакторами, потому, что даже у шторма есть недостатки. Дримвивер отстал и устарел. Всё, что реально нужно для работы, давно бесплатно. Платный редактор должен творить магию, по этому, профессионалы берут шторм. Он реально очень крут и платит тебе, когда ты его осваиваешь. Но, если для твоих задач достаточно дримвивера и он тебе удобен, пользуйся. Адобе умеет делать классные штуки, поддержи их. Простите, с мобилы боль писать(
    Ответ написан
    Комментировать
  • Каков мой уровень верстальщика?

    @pashkoveval
    Учусь Front-end разработке.
    Я так же летал в облаках и думал что быстро освою все но нет это не так то просто. Учись учись и ещё раз учись! В этом деле это единственное что постоянно. И когда освоешь js сделаешь готовый сайт оставляй здесь ссылку и спрашивай совета что где подправить. Иначе тебе всегда будут писать подобные кометы. Они обидны потому что правдивы. У этих людей не стояла цель тебя обидеть главное это вовремя понять. Не бросишь учёбу и все получиться вот увидишь.
    Ответ написан
    1 комментарий
  • Оцените дизайн лендинга?

    @Istinal
    Добрый день.
    Какие я вижу вашем слайде Лендинга проблемы. 5e64fdd147695101348863.png

    1. Телефон как-то странно подчеркнуть линией. лучше добавьте с краю иконку. чтобы выделить номер телефона.
    2. Кнопка сильно вытянутая текст в ней кажется очень маленьким. (тут нужно поиграть с кнопкой и текстом)
    3. Расстояние между кроватью и текстом с точками довольно близкое.
    4. Точки идут какой-то лесенкой это не очень хорошо, складывается мнение, что вы забыли выравнять их.
    5. текст в карточке "подробнее" слишком близко примыкает к границам карточки как сверху так и снизу
    6. Диван с левой стороны и правой сильно примыкает к границам карточки, нет воздуха.
    7. меню сайта не видно, оно сильно примыкает кверху, плюс сливается с фоном заднего вида. Логотип, главная, о нас, каталог, контакты, тоже сильно к друг другу примыкают.
    8. та же проблема что и везде, у текста "Почему именно мы" мало воздуха сверху страницы.
    9. Смотря на ваш сайт создается ощущение, что вы все старались максимально близко к друг другу расположить.

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

    VladOsadchyi
    @VladOsadchyi
    Студент
    Не то, чтобы мне лень менять штатные алгоритмы ЧПУ в cms
    - Вам за это заплатят? Если да, то делайте, как хочет начальство и Вами будут довольны )
    Ответ написан
    Комментировать
  • Как правильно верстать адаптивно?

    Aetae
    @Aetae
    Тлен
    Чтобы верстать адаптивно - в первую очередь надо верстать адаптивно.
    Размеры все должны быть по максимуму относительными.
    Флексы, гриды, проценты, vh, vw, em.
    Медиа-запросы же нужно использовать только тогда, когда нужно поменять структуру кардинально, а не для подгонки пикселей.
    Ответ написан
    Комментировать