• Как отключить кеширование файлов Wordpress?

    HeadOnFire
    @HeadOnFire
    PHP, Laravel & WordPress Evangelist
    WordPress ваши файлы не кеширует, их кеширует ваш браузер. Для сброса кеша используются параметры-версии, как написал Денис. Это называется "cache busting". Если речь идет о файлах-аттачментах (а не скриптах/стилях), можно добавлять так:
    function attachment_cache_busting( $url ) {
        return add_query_arg( 'v', time(), $url );
    }
    add_filter( 'wp_get_attachment_url', 'attachment_cache_busting' );

    Данный код заменит URL вида example.com/wp-content/uploads/2017/06/file.pdf на example.com/wp-content/uploads/2017/06/file.pdf?v=1433422229. Впрочем, он заменит его для всех URL всех статических файлов, что нам не сильно подходит. Давайте ограничим только для PDF:
    function attachment_cache_busting( $url ) {
    
        if ( substr( $url, -3 ) === 'pdf' ) {
            $url = add_query_arg( 'v', time(), $url );
        }
    
        return $url;
    }
    add_filter( 'wp_get_attachment_url', 'attachment_cache_busting' );

    Можно пойти дальше, если данную манипуляцию может понадобиться проводить для нескольких форматов файлов, не только PDF:
    function attachment_cache_busting( $url ) {
    
        $allowed_extensions = array( 'pdf', 'doc', 'docx', 'zip' );
        $file_extension = substr( $url, -3 );
    
        if ( in_array( $file_extension, $allowed_extensions ) ) {
            $url = add_query_arg( 'v', time(), $url );
        }
    
        return $url;
    }
    add_filter( 'wp_get_attachment_url', 'attachment_cache_busting' );
    Ответ написан
    1 комментарий
  • Как изменить заголовок "Related products" в WooCommerce?

    ADvi
    @ADvi
    Познавал WordPress и WooCommerce
    Еще как вариант:
    add_filter('gettext', 'translate_text');
    add_filter('ngettext', 'translate_text');
    
    function translate_text($translated) {
        $translated = str_ireplace('Related Products', 'Сопутствующие товары', $translated);
      return $translated;
    }

    Однако решение Александр Белькевич предпочтительнее.
    Ответ написан
    1 комментарий
  • Кто нибудь встречал подобный слайдер?

    zorro76
    @zorro76
    Использовал в работе как раз Minimal-3D-Image-Rotator-with-jQuery-CSS3-Cascade-...
    Вы не правы:
    1) его можно сделать адаптивным
    2) аналогично
    откройте код и покопайтесь, там все прозрачно.

    ну и как выше Вам ответили slick-slider в режиме center mode отлично подойдет под этот вариант, просто немного кастомизировать нужно.
    Ответ написан
    2 комментария
  • Кто нибудь встречал подобный слайдер?

    Kublyakov
    @Kublyakov
    kenwheeler.github.io/slick
    Center Mode
    Остальное стилями и правильным расположением блоков в вёрстке.
    P.S. Судя по примеру, который вы привели можете попробовать что-нибудь из этого:
    https://medium.com/@krissanawat/30-best-jquery-3d-...
    Ответ написан
    1 комментарий
  • Почему не работает компонент vue?

    kulakoff
    @kulakoff Куратор тега Vue.js
    Vue.js developing
    Вы создали компонент для vue, но не создали сам vue экземпляр: https://jsfiddle.net/nu41bvfq/
    Ответ написан
    Комментировать
  • Как внедрить сайт написанный на Bootstrap в Word Press?

    HeadOnFire
    @HeadOnFire
    PHP, Laravel & WordPress Evangelist
    P.S. с Wordpress не очень умею работать, но быстро обучусь если надо

    Боюсь, вы себе не представляете, насколько это амбициозная задача. Сделать нормально свою ecommerce-тему под WordPress/WooCommerce человеку, который "умеет делать сайты на bootstrap" - нереально. Мой вам совет - скажите клиенту что вы таким не занимаетесь и передайте задачу вместе с вашей бутстраповской версткой адекватному разработчику. Иначе вы просрете проект, и клиент будет очень злой.
    Ответ написан
    Комментировать
  • Что учить Angular или React новичку?

    @DannyFork
    Из мира Android. С ReactJS/Redux можно успешно начать работать имея базовые знания javascript .На моем опыте,когда возникла необходимость разработать SPA,весь багаж моих знаний о языке состоял из var,function,arrays и все.Неделю хватило,чтобы освоить библиотеку и необходимый уровень javascript(es6).
    В принципе достаточно ценный навык,за короткий срок .Что говорит о том,что порог входа низок,даже для человека с стороны.
    И все банально,работайте на результат,доучивайте язык в процессе.
    Ответ написан
    2 комментария
  • Как сделать меню с задержкой при hover (js)?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Судя по стилям, вы вообще что-то не то и не туда добавляете. Если хотите решить вопрос с помощью js, для начала уберите все, что сязано с :hover из css. На событие hover будет добавляться отдельный класс "hovered":
    .b-content-block__menu ul li.hovered > .b-content-block__menu__submenu { ... }
    .b-content-block__menu ul li.hovered > .b-bottom-submenu { ... }


    Теперь на упомянутое событие этот класс добавляем:
    function(){
        setTimeout(function() {
            $(this).addClass('hovered');
        }, 
        500);
    },


    Не работает, что логично. Выходов два, первый:
    function(){
        var _this = this;
        setTimeout(function() {
            $(_this).addClass('hovered');
        }, 
        500);
    },


    Второй - использовать стрелочную функцию. Надеюсь гуглом пользоваться умеете. В любом случае нужное поведение будет получено.

    А теперь о боли...

    Если вы используете БЭМ, не делайте вот так, пожалуйста:
    .b-content-block__menu ul li .b-content-block__menu__submenu


    А что вот это такое?
    .b-content-block__menu ul li:hover > b > a

    Или используйте БЭМ по фен-шую или не используйте вообще, смесь всего в одной куче - это ужасно.

    И, к слову о поведении меню, - оно должно быть доступным для клавиатуры (должна быть возможность протабать все ссылки в нем. Подумайте на досуге как это сделать.
    Ответ написан
    Комментировать
  • Добавить CSS-анимация?

    Krasnodar_etc
    @Krasnodar_etc
    fundraiseup
    gif-кой . Чтобы сделать с картинкой нужна сотня картинок отдельно этого винта в каждом положении)
    Ответ написан
    Комментировать
  • Как запустить Nodejs в фоне вместе с Nginx?

    k12th
    @k12th
    console.log(`You're pulling my leg, right?`);
    Если фронтенд надо запускать при помощи nodejs сервера, да еще под sudo, то что-то пошло очень не так:)

    Попробуйте pm2.
    Я успешно использовал supervisord. Еще говорят, что в дистрибутиве с systemd очень просто написать т.н. unit и он сам будет запускаться при старте и перезапускаться при падении.
    Ответ написан
    2 комментария
  • Макет мобильной версии сайта верстается максимум на 620px?

    webirus
    @webirus
    Тыжверстальщик! Наверстай мне упущенное...
    Когда не будешь путать физическое разрешение и пиксельное разрешение, тогда приходи и спрашивай.
    PS: Не 620, а 320.
    Ответ написан
  • Как реализовать появления модального окна bootstrap при загрузке страницы?

    @kglazkov
    Если вы используете библиотеку Bootstrap, тогда:

    $(document).ready(function(){
        $('#myModal').modal('show');
    });
    Ответ написан
    1 комментарий
  • Почему не срабатывает checked?

    andykov
    @andykov
    Shit happens
    Александр Белькевич Нужно немного по другому, например так - https://jsfiddle.net/f70ze4ap/
    Ответ написан
    Комментировать
  • Существует ли толковая программа для пакетного сжатия картинок под гугл пейдж спид?

    @darksladen
    Так то это делается с помощью модулей для сборщиков. Например, gulp-tinypng для гальпа. Но другой отличный как по мне вариант, если верстка маленькая и одноразовая так сказать, то можно просто загрузить сжатые ресурсы с самого google speed. он сжатый сайт предоставляет в архивчике, ссылка на которой внизу странице находится после тестирования сайта.
    Ответ написан
    6 комментариев
  • Можно ли использовать chart js в данном случае?

    Я бы выбрал D3.js готового решения для вашего дизайна 1 в 1 может и не найтись, а тут можно с нуля много чего сделать, вот например соединить эти примеры https://www.google.ru/webhp?sourceid=chrome-instan...
    то вполне получится то что на картинке
    Ответ написан
    Комментировать
  • Какой необходимый уровень знаний для junior React.js Разработчика?

    maxfarseer
    @maxfarseer
    https://maxpfrontend.ru, обучаю реакту и компании
    UPDATE: реальные тестовые задания и разборы здесь, ответы на все вопросы из поста в моем блоге об обучении react.

    не включая основы js

    Извините, но стандартная задача, про "напишите функуцию add, которая при вызове add(1)(2) вернет 3" - многих положила на лопатки =) Поэтому будьте готовы..

    React
    0) Какую проблему решает react ?
    1) Мгновенно ли срабатывает setState? Если нет, то как выполнить код, который 100% выполнится после того, как новый state будет установлен?
    2) Зачем многие постоянно пишут в constructor: this.FUNCTION_NAME = this.FUNCTION_NAME.bind(this) и отсюда вопрос вытекает чему равно this в разных местах вашего компонента...
    3) в каких методах жизненого цикла стоит выполнять xhr запросы? В каких стоит "обновлять state на основе props"?
    4) Что будет если вызвать this.setState в render методе компонента?
    5) зачем нужен componenWIllUnmount, приведите пример..
    6) Контролируемые, не контролируемые компоненты
    7) Как организовать роутинг в реакт приложении? (ответ: взять react-router - подходит, но было бы круто, если бы вы рассказали, как он примерно работает)*
    8) Зачем нужны propTypes? Что происходит с ними в production сборке?
    9) Как можно удобно "отлаживать" чужой код приложения, написанного на react (намек в сторону React devtools)
    ...

    Redux
    0) Какую проблему решает redux?
    1) Зачем многие создают типы действий NAME_REQUEST / NAME_SUCCESS ? А заодно, что такое "действие", а что такое "создатель действия"...
    2) Что такое редьюсер? Можете написать простой редьюсер без react/redux?*
    3) Для чего нужен redux-thunk? Как он работает? Напишите (можно псевдокод) асинхронный создатель действия (либо, если надоело говорить "терминами" - асинхронный aciton)
    4) Как компоненты приложения получают "пропсы" из "стора"?*
    5) Можно ли (и считается ли это нормальным) использовать state, если используется Redux?
    6) Почему в reducer'ax мы возвращаем новые объекты? Приведите пример, когда вы возвращаете новый объект, а когда тот же самый.
    6.5) А так же, "как в js вообще это работает?". Например:
    let obj1 { name: 'Test', age: 100 }
    let obj2 = obj1
    obj2.name = 'Test_new'

    Что будет в obj1, почему? В каких случаях объекты могут быть равны?
    7) Что возвращает функция connect (из react-redux)?
    ...

    Общее:
    0) package.json
    1) Webpack, gulp, etc...
    2) node.js
    3) promise

    Что-нибудь практическое:
    1) Как бы вы валидировали форму, если ошибки валидации приходят после submit'a ее на сервер..
    2) Почему не работает следующий код, сделайте чтобы работало
    ...
    На истину не претендую, но такие вопросы имели место быть на собеседованиях. В беседе можно многое разузнать дополнительными вопросами и так далее. Так же, если часть вопросов вам неизвестна - не беда, многие и на половину ответить не могут.

    p.s. возможно дополню...
    p.p.s. звездочкой отметил, на мой взгляд не самые необходимые для junior-собеседования вопросы.
    Ответ написан
    31 комментарий
  • Как сократить бриф на разработку сайта?

    Выкидываете все к **ям и оставляете форму с двумя полями: имя, телефон. А ниже кнопка - оставьте ваш номер телефона и мы вам перезвоним. Далее назначаете встречу клиенту и в беседе записываете все, что вам нужно для создания сайта. После этого заполненный самостоятельно бриф отправляете клиенту для подтверждения, что все заполнено так, как надо.
    Ответ написан
    Комментировать
  • Как сократить бриф на разработку сайта?

    webirus
    @webirus
    Тыжверстальщик! Наверстай мне упущенное...
    Нафик всю эту воду. Её никто не любит.
    3-4 примера сайтов, какие нравятся.
    3-4 примеров, что не нравится.
    3-4 примера конкурентов.
    Контакты и информация о компании.
    Ответ написан
    Комментировать
  • Что изучить первым и выгоднее Angular, Angular 2 или React?

    Antonoff
    @Antonoff
    Разработчик
    React, Redux, Redux Saga, React Native и без еды ты уже никогда не останешься.
    Ответ написан
    1 комментарий