Задать вопрос
  • Какие стили для картинки?

    sagrana
    @sagrana
    Вёрстка и немного кодинга)
    object-fit не пробовали?
    Ответ написан
    Комментировать
  • Как сделать поиск по тексту на javascript?

    coderisimo
    @coderisimo Куратор тега JavaScript
    Вот основной принцип :

    https://codepen.io/coderisimo/pen/RyvPBr

    фильтруется прямо в момент ввода текста.
    Ответ написан
  • Как правильно добавлять блок на страницу через jq?

    Как вариант, можно добавить нужный вам блок в хтмл(где то внизу, где он вам не будет мешать и скрыть). Через jq найти этот блок и записать его в переменную. А дальше эту переменную вставлять куда вам надо. Так себе решение, но мб пригодится.
    Ответ написан
    Комментировать
  • Что означает (jQuery) после (function( $ )?

    delphinpro
    @delphinpro Куратор тега JavaScript
    frontend developer
    (function( ) {
    })();

    Вот эта конструкция называется "анонимная самовызываемая функция".

    То есть, тут два действия:
    Объявление анонимной функции
    function( ) {
    }

    и сразу ее вызов
    ()()
    Первые скобки это синтаксический приём для вызова анонимной функции. Есть и другие методы. Например
    +function(){}()
    Вторые скобки - это собственно вызов функции и при необходимости передача параметра (обычный вызов же)

    ()(jQuery) — в параметре передается jQuery

    function($){} — а тут этот параметр объявлен и используется

    (function($){})(jQuery) — итого, объявили анонимную функцию, и вызвали ее, передав параметром объект jQuery

    Например, доллар у вас используется другой библиотекой, пусть MooTools.
    Тогда вы запускаете jQuery в безконфликтном режиме

    jQuery.noConflict();

    Это значит, что доллар использоваться не будет, и объект будет доступен только по ссылке jQuery.

    Но для удобства вы можете использовать анонимную функцию и безопасно использовать внутри неё переменную доллара

    (function($){
      $('.slider').slick();
    })(jQuery);


    Чтобы стало совсем понятно, конструкцию можно переписать без анонимной функции

    var myFunc = function($){
     // some code
    }
    
    myFunc(jQuery);
    Ответ написан
    Комментировать
  • В чём разница между постпроцессорами препроцессорами?

    nuykon
    @nuykon
    Full Stack Developer
    Препроцессор значительно расширяет возможности и имеет более удобный синтаксис. Препроцессор принимает данные(ваш код stylus/sass/less) и отдает (компилирует в css)
    Постпроцессор - работает уже с самим css (постобработка - последующая обработка) например подставляет вендорные префиксы.

    В общем их надо комбинировать к примеру
    Сначала пишем stylus код
    .container
      box-sizing border-box

    это компилируется в
    .container {
      box-sizing: border-box;
    }

    далее используем постпроцессор(автопрефиксер) и получаем
    .container {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    Ответ написан
    Комментировать
  • В чём разница между постпроцессорами препроцессорами?

    Stalker_RED
    @Stalker_RED
    Вся суть одной картинкой:
    tZjTgV.png

    Препроцессоры превращают всякие штуки типа SCSS в CSS.
    Постпроцессоры "улучшают" уже готовый CSS (автопрефиксер, например).
    И да, можно собрать-настроить такой тулчейн, который будет делать все эти манипуляции за один проход.
    Ответ написан
    Комментировать
  • Может ли дизайнер работать только в растровом режиме?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Для дизайнера сайтов, интерфейсов, логотипов:
    1. Вектор - основной режим работы (сетка, зазоры/отступы, плавные контуры/закругления кривыми Бизье, произвольное масштабирование и экспорт без потери качества).
    2. Растр - вспомогательный (в основном, небольшие декоративные рисованные элементы, баннеры, стилизованные фото-заставки и т.д. для оформления общей картины).
    Ответ написан
  • Ночной режим веб-страниц в интернет-магазине, на сайте услуг, когда оправдано?

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

    Для всех остальных случаях человеку некогда и незачем разбираться в премудростях вашего интерфейса. Если уж очень нужно - проблема решается на уровне браузера (например, в UC есть такая функция) или ОС (в Макоси есть), а не сайта - даже при условии, что такие плагины зачастую работают неважно. Просто потому, что если я хожу на сотни сайтов, я не хочу настраивать все их индивидуально.

    И только, повторюсь, для систем с постоянным многочасовым использованием это может быть оправдано. Думаю, таких сайтов у каждого человека не более 3-5 штук.
    Ответ написан
    2 комментария
  • Где научиться вёрстке Flexbox?

    tema_sun
    @tema_sun
    Открываешь текстовый редактор и пихаешь туда верстку на флексбоксе. Потом смотришь, что получилось и разбираешься почему так вышло. Если не можешь этого сделать, то пора смириться с тем, что это не твоё.
    Ответ написан
    Комментировать
  • На что вы ориентируетесь перед началом прорисовки дизайна?

    @McBernar
    Выше верно заметили — вопрос очень правильный.

    Сейчас опишу два мира — идеальный и реальный.

    Идеальный

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

    1. Узнать все про клининговый бизнес. Как происходит процесс уборки? Какие средства используются при уборке? Что именно входит в уборку? Какие бывают проблемы при уборке и общении с клиентами? Чего клиенты боятся? А чего хотели бы? Какой портрет потенциального клиента? На все эти и другие вопросы ваш клиент точно знает ответ, если не первый день в бизнесе. Если же первый день — вам придется искать ответы самому.

    2. На основе собранных данных вы уже будете иметь представление о следующих вещах:

    а. Постоянные клиенты заказывают уборку на регулярной основе. Значит надо сделать для них удобный интерфейс подписки.

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

    в. Новые клиенты пока не готовы заказать уборку, потому что непонятно — надо ли им это и деньги просто так тратить не хочется. Ок, дадим им скидку 20% на первый заказ при подписке на новости. Клиент получит скидку, а ваш клиент получит постоянный контакт через почту.

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

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

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

    В итоге у вас будет отличный багаж для старта. А что делать с ним дальше — это уже вам решать. Хотите прототипы? Пожалуйста. Хотите сразу дизайн? Без проблем. Как вам угодно.

    А, ну и да — реальный мир.
    Тут все гораздо веселее.
    К вам приходит клиент, который занимается уборкой квартир и хочет получать новых клиентов через интернет. Приходит он обязательно с вордовским файлом, в котором лежит 40 референсов на различные сайты, которые по стилю противоречат друг другу на 100 процентов. И, конечно же, просит нарисовать семь красных линий, две из которых зеленые, а четвертая квадрат. И, кстати, в том же вордовском документе лежит логотип, который ему рисовал сын маминой подруги, но исходников нет, а есть только джипег 50х50px.
    Ответ написан
    1 комментарий
  • Настройка ориентации изображений при загрузке на Drupal?

    donda
    @donda
    Попробуйте:
    1. Drupal 7 — Image EXIF Autorotate
    2. Drupal 7 & 8 — EXIF Orientation
    Ответ написан
    Комментировать
  • Что выложить на Github junior frontender?

    @deworkers
    Middle front-end, UI designer
    Github это не портфолио. Это прежде всего инструмент для совместной разработки и развития опенсорс проектов. Не думаю что кто-то из работодателей всерьез будет изучать github аккаунт при поиске джуна. С опытом придут и проекты которыми захочется поделиться, и это уже можно будет показывать работодателю. Но делать что-то, просто чтобы было это плохая практика как по мне.
    Ответ написан
    Комментировать
  • Слайдер во всю ширину страницы?

    Попробуй idangero.us/swiper очень гибкий инструмент. Как вариант, сделать слайдер во всю ширину, внутри него открыть контейнер и добавить в него навигацию, а там дальше позиционирование в контексте контейнера.
    Ответ написан
    1 комментарий
  • Насколько в современной верстке важен pixel perfect?

    Krasnodar_etc
    @Krasnodar_etc
    fundraiseup
    Этот момент лучше переспросить у дизайнера/постановщика задачи/тимлида/...

    Чаще всего - да, это дизайнерские грешки, я обычно, например, проставляю одинаковые отступы при небольшой разнице в px между ними на макете. То же самое с округлением размеров блоков и прочими не глобальными вещами
    Ответ написан
    Комментировать
  • Какая разница между .item.active и .item .active?

    mashletov
    @mashletov
    Math.random()
    Какая разница между .item.active и .item .active ?

    .item.active значит, что у одного элемента есть классы .item и .active
    .item .active значит, что внутри элемента с классом .item есть вложенный элемент с классом .active

    Какая разница между #ul, .ul, ul? (непосредственно в Jquery)

    #ul ищет элемент с id="ul"
    .ul ищет элемент с class="ul"
    ul ищет элемент ul
    Ответ написан
    Комментировать
  • Адаптация дизайна под ноутбук, как сделать?

    По цветам абсолютное соответствие не сделаете, т.к. это индивидуальные системные настройки каждого монитора.
    Ответ написан
    Комментировать
  • Чем раньше пользовались разработчики до появления свойства min-width?

    Зависит от ситуации. Не зазорно использовать JS для стайлинга отдельных частей в каком-нибудь IE6, что я в свое время и делал - иначе было просто нереализуемо. А в целом, табличная верстка - это топ, почти тот же флексбокс, только не семантический и не адаптивный. Для минимальной ширины можно взять 2 элемента, внутреннему (распорке в 1px) задать определенную ширину, а под ним - контент.
    Ответ написан
    Комментировать
  • Непонимание сути Frontend. Как есть?

    lambesis
    @lambesis
    Слабоумие и отвага!
    Возможно, используя cms Wordpress или MODx, и читая их документацию. Разумеется вообще о бэке забыть не получится, но как раз для этого существуют доки, плагины, и миллионы туториалов в русскоязычном интернете, а в буржуйском и того больше. Постепенно, решая задачу за задачей, и логику бэкенда потихоньку начнёте понимать.
    Если использовать модкс, взаимодействия с бэкендом вообще будет минимум, только для настройки плагинов. А структура страниц и шаблонов настраивается чанками, т.е просто кусками html.
    С вордпрессом чуть сложнее: настройка плагинов тут происходит чаще всего в интерфейсе админки. Однако если вы не захотите использовать готовую тему (шаблон) из библиотеки вп, и решите разрабатывать свою (или натягивать уже готовую вёрстку), то тут возникнет трудность. Шаблоны темы у вп это кучка взаимосвязанных php файлов с html-разметкой, поэтому придётся немного углубиться в основы бэка. Но вообще, могу сказать это процесс крайне увлекательный, за две недели можно спокойно разобраться что к чему, и php перестаёт пугать.
    Ответ написан
    Комментировать
  • Донат или реклама?

    @awesomer
    1-3 тысячи в сутки - это вы даже хостинг и домен не окупите.
    Ответ написан
    2 комментария
  • Существуют ли CSS-дизайнеры?

    KornevaViktoria
    @KornevaViktoria
    Frontend Developer
    Верстальщик, например.
    Ответ написан
    3 комментария