• Как переместить скролл (overflow:scroll) на левый край div?

    Eridani
    @Eridani
    Мимо проходил
    Ответ написан
    Комментировать
  • Как сверстать такие волны?

    origami1024
    @origami1024
    went out for a night walk
    Припоминая мои первые опыты с svg, аттрибут preserveAspectRatio="none" мне показался очень полезным в подобных задачах, и я на него долго не мог наткнуться.
    Ответ написан
    Комментировать
  • Не работают ссылки (he_permalink) в цикле wp, как решить?

    Могу ошибиться, но, по-моему, проблема в другой плоскости.

    Здесь блокируется открытие ссылки в js:

    var _controlClick = function (e) {
    e.preventDefault();
    if (e.target.classList.contains('slider__control')) {
    var direction = e.target.classList.contains('slider__control_right') ? 'right' : 'left';
    _transformItem(direction);
    clearInterval(_interval);
    _cycle(_config.direction);
    }
    };

    Т.е. проблема не в вордпрессе, а в скрипте.

    П.с. Если используется нестандартная функция (virilis_post_thumbnail), то лучше указывать и ее код из functions или других файлов шаблона.
    Ответ написан
    1 комментарий
  • Что еще можно добавить или что переделать в формлении сайта?

    Zoominger
    @Zoominger Куратор тега Веб-разработка
    System Integrator
    Открыл сайт.
    Не работает прокрутка.
    Закрыл сайт.
    Ответ написан
    Комментировать
  • Как оптимизировать запись SCSS?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Смущает класс ".list__link"

    Если вас смущает повторение list в названии класса, то можно воспользоваться сохранением имени в стиле that=this из javascript:

    .list {
        $b: &;
    
        &__item {
            &:first-child {
                #{$b}__link {
                    // . . .
                }
            }
        }
    }

    Но это сложно назвать более читаемым вариантом.

    Если цель - все же сделать код более удобоваримым, то может иметь смысл просто ограничить вложенность при написании стилей (именно визуальную вложенность кода, а не каскад), как это делают в том же rscss:

    .list {
        &__item {
            // . . .
        }
    
        &__link {
            // . . .
        }
    
        &__item:first-child &__link {
            // . . .
        }
    }
    Ответ написан
    1 комментарий
  • Много маленьких запросов к REST API или один большой?

    notiv-nt
    @notiv-nt
    Как ваше ничего? Да, моё тоже
    graphql это решает как бы,
    Rest не единственная возможность общения клиент-сервер
    Ответ написан
    2 комментария
  • Какой выбрать монитор для верстальщика?

    profesor08
    @profesor08
    Если ли смысл в 4k

    Да, покупать фул-хд для работы смысла нет, на нем места мало, пикселей мало, а на большом экране с большим разрешением больше возможностей тестирования, сразу будешь видить косяки растровой графики и куча удобств. Соотношение сторон 21:9 прекрасно заходит, 3440х1440 отлично, если есть возможность взять с большим разрешением - бери, ни разу не пожалеешь. Изогнутый или нет, лучше посмотреть в живую, эстетически выглядит прекрасно, вау эффект обеспечен, в работе никак не мешает, зато за монитором больше пространства и колоночки прекрасно влезают.
    Ответ написан
    Комментировать
  • Как правильно закупить ссылки на сайт?

    Jump
    @Jump
    Системный администратор со стажем.
    Как правильно закупить ссылки на сайт?
    Такие вопросы задавали лет десять назад и тогда это было еще актуально.

    .Как на это реагируют поисковики?
    Помечают сайт как мусорный и опускают в выдаче.
    Купленная ссылка передает вес только странице на которую она закуплена или на весь сайт ?
    Купленная ссылка передает вес всему сайту, и он под этим весом идет на самое дно выдачи.

    В стародавние времена, когда еще мамонты бегали по земле. Интернет был другой. Не было никаких JS.
    И поисковик знал о сайте всего две вещи - его содержание (текст) и количество ссылок на этот сайт с других ресурсов (индекс цитирования)
    И именно по этим двум параметрам он ранжировал страницы в выдаче. И индекс цитирования играл очень большую роль.
    Потом злые люди стали этим пользоваться и искуственно повышать индекс цитирования массово закупая ссылки, и повышая в выдаче всякий хлам. Но способов бороться с этим не было, ибо не было других методов оценки сайта.
    А потом появился web 2.0
    И сайт стал сообщать поисковику кучу параметров - сколько пользователей заходит на сайт, сколько времени пользователь читает ту или иную страницу, читает ли он текст, или сразу уходит, часто ли он возвращается на этот сайт, и.т.п.
    И с тех пор поисковики для ранжирования перестали использовать индекс цитирования более чем полностью.
    Они теперь ориентируются в основном на поведение пользователя ибо он платит деньги и заказывает музыку.
    В общем сейчас чтобы попасть в том выдачи нужны не ссылки, а правильное поведение пользователей на вашем сайте, или банальные деньги - это тоже действует. Даете денег поисковику, он вашу ссылку поднимет. Ибо тот кто платит, тот и музыку заказывает.
    Ответ написан
    Комментировать
  • Как работать с Atom CSS?

    SmthTo
    @SmthTo Куратор тега CSS
    Все перепёлки мира будут оплакивать мою смерть.
    Вы всем своим вопросом написали себе ответ.

    Так сказать, прибили громадными гвоздями крышку гроба «атомарного CSS».

    Ядерная дичь и говно этот «атомарный CSS», если использовать его так, как гласят больные фантазии его создателей-идеологов.

    Атомарный CSS стоит использовать как небольшое расширение, как некая надстройка из универсальных функциональных стилей среди нормальных стилей проекта.

    Иными словами, ограничить их использование до уровня .hide-xs, . visually-hidden — что-то типа такого.

    Да, безусловно, работать с этим «атомарным» недоразумением надо уметь. Но умение это сродни способности мизинцем делать дырки в батоне хлеба.

    P. S. Рыдаю:
    D(f) Jc(c) Ai(c)
      Ff(Mon) Fz(15px) Fw(400)
      Pos(r) My(10px)
      Cnt(empty)::b D(b)::b Pos(a)::b End(0)::b T(0)::b H(100%)::b W(1px)::b Bgc(#ccc)::b
    Ответ написан
    2 комментария
  • Как поменять цвет у list-type ol списка?

    vadimkot
    @vadimkot Куратор тега CSS
    Делать нумерацию псевдоэлементами с использованием css counters https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...
    пример https://codepen.io/anon/pen/pqWQOP
    Ответ написан
    Комментировать
  • Что за хитроумные расчеты vw? Как делать офигенный резиновый текст?

    SmthTo
    @SmthTo Куратор тега CSS
    Все перепёлки мира будут оплакивать мою смерть.
    Скорее всего это функция сборщика (или иной программной надстройки, или визуального редактора), который считает по формуле, сколько конкретный блок текста займёт места на экране и ставит в готовый билд эти значения. А-ля жёсткая макетизация на новый лад. Знаки после запятой нужны для точности рендеринга (чтобы округление не влияло на визуальный результат).

    Если просто тупо использовать vw, то это плохой метод для создания адаптивности на сайте.

    Данный метод (просто vw) можно и нужно использовать только тогда, когда нужно умещать конкретный текст в первозданном виде на все экраны (кол-во строк, переносы, кол-во символов и т. д.). С адаптивность эта идея не связана вовсе, не понимаю, почему её некоторые форсят.

    Есть вариант такой:
    https://css-tricks.com/snippets/css/fluid-typography/
    Это старый и известный метод, у него есть свои преимущества и сценарии использования, но опять же в целом на сайте я не знаю, чем не угодили те же em, rem да даже px.

    P. S. Ну а пример выше не умещается на экране телефона даже со всеми этими ухищрениями, хотя, видимо, призван делать именно это.

    Update. Подумал, что там постоянно разные значения в CSS-файле, поэтому запутался немного в показаниях. Посмотрел, значения не меняются на разных экранах, файл mediaelection.com/css/common.css остается нетронутым. Нет «оверайда» стилей на фронтенде. Словом, то может делаться, например, в визуальных конструкторах (индивидуальной разработки) на том же React, либо через иное решение на том же React, которое заранее просчитывает размер того или иного элемента в зависимости от ряда параметров. Крупная студия вполне может позволить себе разработку такого решения для внутреннего использования.

    Update 2. Ну или, как отметили Сергей delphinpro и tyzberd, можно по формуле в препроцессорах считать, сверяя результат визуально вручную.
    Ответ написан
  • Как сделать необычный border css?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Это почти стандартный тип обводки тега fieldset, учитывая, что у вас форма, то он прекрасно подходит.
    Нужно только задать рамке цвет и скругление.
    https://jsfiddle.net/6o5f8tek/
    Ответ написан
  • Как правильно скрывать объекты в адаптивной версии сайта?

    @tempick
    Ну я обычно на PHP определяю тип устройства с библиотекой Mobile Detect и вывожу, в зависимости от того, десктоп или мобилка, необходимые блоки. Не уверен, что это самый правильный и оптимальный вариант, но мне норм)
    Ответ написан
    Комментировать
  • Тестовое задание (Junior Frontend), приемлемое ли?

    Слишком большое задание для теста. Хватило бы и одной страницы. А тут - довольно плотно поработать, чтобы сделать хорошо. Если без оплаты, то вероятно, они так экономят на верстке лендосов каких-нибудь.
    Ответ написан
    2 комментария
  • Тестовое задание (Junior Frontend), приемлемое ли?

    @kirill-93
    Вертел я такие задания при устройстве на работу.
    Однажды тоже устраиваясь в "крутую" контору прислали большое задание. Все выходные убил на него. Потом еще две недели мурыжили собеседованиями и в итоге не взяли.
    Я с тех пор никогда не соглашаюсь на тестовые задания, которые займут больше получаса моего времени.
    Объемные задания должны оплачиваться. Если они очень требовательно отбирают сотрудников, то сначала надо дать простое задание/прособеседовать и уже если человек их устраивает, давать объемное задание и платить.

    UPD
    Не слушайте, пожалуйста, бред об опыте и пользе для вас. Из таких "будущих хороших специалистов" потом веревки вьют, типа "поработай по вечерам, это ж опыт для тебя!" или "давай ты теперь и по субботам выходить будешь, а мы тебя за это серьёром называть будем!". Очень работает с наивными молодыми людьми.
    Вы поймите, что все эти разговоры про опыт и пользу для вас - это уловки с целью сэкономить и вас обмануть. Всем плевать на ваш опыт, им нужно денег меньше вам заплатить и все.
    Огромное тестовое задание - это неуважение к кандидаду.
    Давай представим обратную ситуацию: я прихожу к потенциальному работодателю и говорю: "Давайте я у вас тут недельку посижу без каких-либо обязательств, а вы мне зарплату платите. А потом посмотрим, может быть останусь, а может уйду". Нормально? Ситуация выглядит именно так, потому что работодатель не делает одолжения принимая на работу, он "покупает" ваше время и ваш опыт и все.
    Ответ написан
    13 комментариев
  • Как сделать смену стилей для повторяющегося дива?

    Get-Web
    @Get-Web Куратор тега CSS
    Front-End Developer
    В шаблоне короткой новости добавляем в нужном месте:
    [xfgiven_имяДопПоля]
    style="background: [xfvalue_имяДопПоля];
    [/xfgiven_имяДопПоля]

    В дополнительное поле к каждой новости соответственно прописываем, только значение к свойству background

    Должно получиться что-то вроде этого:
    <div class="new" [xfgiven_имяДопПоля]style="background: [xfvalue_имяДопПоля];[/xfgiven_имяДопПоля]><a href="#"></a></div>

    В случае если поле не заполнено, то ничего выводиться не будет

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

    gobananas
    @gobananas
    finishhim.ru
    Рыбак рыбака. Разработчики если любят сотрудничать на таком основании то только с другими разработчиками/сисадминами либо смежными профессиями которые их дополняют, например дизайнерами-верстальщиками. Я, например не понял зачем вы мне ))
    Ответ написан
    7 комментариев
  • Зачем в хромиум-браузерах включили прерывистое подчеркивание текста и как его отключить?

    kreotech
    @kreotech
    Абстрактно-ориентированный программист
    Пример: https://jsfiddle.net/kreoTech/3Lro6kma/4/

    Не проверял работоспособность в разных браузерах, но в chrome(v64) работает

    UPD:
    Используемое свойство css: text-decoration-skip-ink

    Возможно получится получить эффект и от этого свойства: text-decoration-skip

    Для установки на разных сайтах можно попробовать это расширение - User CSS или другое со схожим функционалом.

    Хотя может есть и в настройках браузера где-нибудь флажок.
    Ответ написан
    Комментировать
  • Корректно ли контейнеру bootstrap убирать внутренние отступы?

    iiiBird
    @iiiBird Куратор тега CSS
    Пока ты спишь - твой конкурент совершенствуется
    Тк делай ширину контейнера сразу с учетом этих отступов. 980+30=1010.

    Смысл их в том, чтобы облегчить выравнивание, когда ты верстаешь несколько колонок. К примеру тебе нужно 3 колонки с отступами 30px между ними. если ты у блоков сделаешь отсупы либо справа, либо слева - то они либо на конце, либо в начале будут не ровные. Поэтому у бутсрапа для этого решение: обертку (row) сделать с отрицательными отступами, а самим колонкам дать отступы с двух сторон. итого у тебя получаются ровные колнки с отступами между ними и при этом в начале и в конце нет лишних отступов.
    Ответ написан
    3 комментария