• Как подключать jQuery плагины в Webpack?

    UnluckySerivelha
    @UnluckySerivelha Автор вопроса
    Путем экспериментов, всё заработало с таким подключением:
    window.$ = window.jQuery = require('jquery');
    window.isotope = require("isotope-layout/dist/isotope.pkgd");
    
    var $grid = $(".our-design__gallery-items").isotope({
        itemSelector: '.our-design__gallery-item',
        transitionDuration: 500
    });


    webpack.config.js
    plugins: [
            new webpack.ProvidePlugin({
                $: "jquery",
                jQuery: "jquery"
            })
        ],
    Ответ написан
    Комментировать
  • Как сделать меняющийся video background?

    alsolovyev
    @alsolovyev
    ¯\_(ツ)_/¯ Enjoy life, Eat well & Laugh often
    1. В чем проблема из двух сделать одно длинное видео с вашим красивым переходом? Или Вам надо поизвращаться?
    2. Сделайте N блоков поверх друг друга(через position: absolute и z-index). Каждый блок имеет свое видео. Когда первое видео заканчивается плавно анимируйте этот слой в opacity: 0(в jq это через .hide() делается), а следующий за ним в opacity: 1(в jq .show())
    3. Хочется быть крутым? Делайте через canvas(pixi.js). Переход сделать через displacement map
    Ответ написан
    Комментировать
  • Как вы учитесь и ищете чужие исходники?

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

    Так из обычной html-верстки я начал влезать в js и php одновременно, но предпочтение все же отдал js, хотя и ковыряние в вордпрессе дали некоторое понимание как работает php и как стоит писать/как не стоит.

    Далее я уже не боялся брать чуть более сложные задачи (для меня тогда), просто рылся в скриптах, которые использовал (чтобы понимать почему ЭТО работает). На том же вордпрессе стал делать более грамотные темы, писать возможности кастомизации и прочее, шаг за шагом в этом разбираетесь и все.

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

    Спустя какое-то время наслышавшись всяких ES5, React, Angular, Vue, стал просто читать что это, как это, ничерта не понял, закрыл.

    Через какое-то время уровень проектов пошел такой, что я понял смысл использования того же VUE, открыл всю ту же зеленую книгу с носорогом стал вдоль и поперек ее изучать. Спустя время, документация по vue меня нисколько не пугала, я сел и стал переписывать проект, который до этого писал на javascript + jquery.

    С тем же PHP такая же ситуация, мне просто стало интересно (а иногда и нужно), как работаю серверы, как делаются api и так далее, товарищ, работающий в подобной сфере в хорошей компании, быстро сказал в каких аспектах я дно, после того как я задал ему пару глупых вопросов. И я стал снова: читать статьи, практиковаться, исправляться, смотреть что пишут другие.

    В целом схема обучения проста: вы берете какую-то задачу, которую сходу не можете сделать, начинаете ее решать, пока решаете, возникает куча вопросов, вы ищете информацию, МНОГО ИНФОРМАЦИИ, так и учитесь. Я соглашусь, что пилить всякие todo листы наверное не интересно, попробуйте написать что-то интересное для себя, либо интересное с точки зрения: ВАУ Я МОГУ СДЕЛАТЬ ЭТУ ВЕЩЬ.

    Самое главное - не пытайтесь гнаться за всем подряд, не надо сидеть разбираться с гитхабом, если на вашем уровне профессионализма он вообще никак не задействован. Не надо учить React, Vue, Angular, если на вашем этапе профессионализма они вам не требуются. Не надо вникать в ООП, если для вас написание простых функций уже является сложностью. Делайте постепенно и не гонитесь ни за чем.
    Ответ написан
    4 комментария
  • Как правильно натянуть лендинг на WordPress?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    Карточки я вывожу через acf, но как быть с заголовком и подзаголовком?


    так же через acf ёепта!
    обзови поле ЗАГОЛОВОК
    обзови поле ПОДЗАГОЛОВК
    ёпта!

    см. скрин
    5bd58e857b6f8601851823.png
    Ответ написан
    3 комментария
  • С чего начать работу на фрилансе?

    saboteur_kiev
    @saboteur_kiev
    software engineer
    Начните с гугла. На тостере подобных вопросов было несколько сотен.

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

    На фрилансе главная задача - уметь быть САМОСТОЯТЕЛЬНЫМ, а вы даже начать сами не можете.
    Ответ написан
    Комментировать
  • Где найти WordPress right way?

    dimasmagadan
    @dimasmagadan
    1. Как все это запихивается под версионный контроль?
    так же как и любой другой код.
    Кто-то любит composer-lock.json/vendors класть в реп, кто-то нет и тп. С WP так же - можно сам движок класть, можно не класть. Зависит от кодстайла/привычек вашей команды.

    2. Где можно посмотреть руководство по эксплуатаци..
    На официальном сайте есть документация.
    Разработка под WordPress не подразумевает ковыряние разработчика в файлах движка. Вам дали фильтры/хуки, дали несколько api, используйте - этого вполне достаточно. Если нет, скорее всего ваш проект выходит за рамки WP, либо вы делаете что-то не так.

    3. Есть ли аналог php the right way...
    На официальном сайте. Там же можно найти и правила для phpcs, как настроить юнит тесты и прочее такое

    4. Советы от людей, которые как и я пришли разбираться с wp после паттернов проектирования.
    А зачем? Вам с чем работать, с этими людьми или с WordPress?
    Если вам надо работать, читайте документацию, там все толково расписано. Если же хотите пообсуждать "какой WP фиговый движок" - то это можно ваще на любом форуме в интернете и не обязательно, чтоб собеседники владели какими-либо паттернами.
    Ответ написан
    Комментировать
  • Дизайнер интерфейсов с нуля. С чего начать и как двигаться?

    mindtester
    @mindtester
    http://iczin.su/hexagram_48
    1 - забыть свои "после 30"

    2 - работа == игра == увлечение == страсть... все в одном... если так сложится - сложится все

    ps

    .. мне 52.. с половиной уже .. ;))

    pps

    .. ах да курсы... курсы.. курсы .. это когда ты рвешь за 2-3 вечера/ночи, то что другие "слушают" на "курсах" 2-3 недели... тогда "после 30" вообще ни чего не значат..

    ppps

    единственный способ, заставить себя заметить - делать.. конечно ни кто не сможет с "0" сделать что то на миллион... просто можно для начала, сделать что то на "500р" лучше и быстрее.. и ты уже в гонке.. и уже обгоняешь..
    Ответ написан
    Комментировать
  • Дизайнер интерфейсов с нуля. С чего начать и как двигаться?

    Chipr
    @Chipr
    UX/UI designer
    UX/UI – не sketch или figma. Это совокупность знаний из разных отраслей — технической, творческой + психология. Это большой объем знаний и умений.
    Учите html/css/js (базовые понятия), читайте все что возможно по типографике (это основной пункт для дизайнеров), колористике, композиции, читайте исследования по UX (их масса, есть большие труды, но в основном англоязычные, начните с Купера, как вариант). И в процессе всего этого практика, практика, практика. Потому что, к сожалению, без нее никуда. Вы будете круты настолько — сколько кейсов запилите. Успехов!
    Ответ написан
    Комментировать
  • Дизайнер интерфейсов с нуля. С чего начать и как двигаться?

    OtshelnikFm
    @OtshelnikFm
    Обо мне расскажет yawncato.com
    Делай свой сайт, учись и пиши. Сложится лояльная аудитория, пойдут первые заказы.

    30-40 - разницы никакой. Вот хейтеров не слушай. Многие и в студенческие годы, когда башка варит, могут только болтать языком.

    Учи английский и подтягивай его. Будешь общаться на западных площадках. Но я говорю о развитии как фрилансер - т.к. реалии таковы что HR и говорить не будут - они шаблонны и отметают как только видят что возраст от 25-ти и к 30-ти вообще не смотрят джунов. Они же как роботы - мало у каких эйчаров реально мозги работают. Все думают что выпускник в 21 год это золотой теленок.
    Ответ написан
    Комментировать
  • Где можно найти подобную jquery-карусель как на скрине?

    vicodin
    @vicodin
    Имею некоторый опыт
    slick
    Ответ написан
    Комментировать
  • Кастомизация woocommerce страницы checkout?

    wppanda5
    @wppanda5 Куратор тега WordPress
    WordPress Mедведь
    add_filter( 'woocommerce_checkout_fields' , 'remove_checkout_fields' );
    function remove_checkout_fields( $fields ) {
        unset($fields['billing']['billing_first_name']);
        unset($fields['billing']['billing_last_name']);
        unset($fields['billing']['billing_company']);
        unset($fields['billing']['billing_address_1']);
        unset($fields['billing']['billing_address_2']);
        unset($fields['billing']['billing_city']);
        unset($fields['billing']['billing_postcode']);
        unset($fields['billing']['billing_country']);
        unset($fields['billing']['billing_state']);
        unset($fields['billing']['billing_phone']);
        unset($fields['order']['order_comments']);
        unset($fields['billing']['billing_email']);
        unset($fields['account']['account_username']);
        unset($fields['account']['account_password']);
        unset($fields['account']['account_password-2']);
        return $fields;
    }


    подробнее тут docs.woothemes.com/document/tutorial-customising-c...
    Ответ написан
    1 комментарий
  • Как убрать ссылку на карточку товара в Woocommerce?

    @zhainar
    Гуглю за вас
    где-нибудь в function.php темы добавить
    add_action('woocommerce_before_shop_loop_item', 'remove_link', 1);
    function remove_link() {
    remove_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10 );
    remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_product_link_close', 5 );
    }
    Ответ написан
    4 комментария
  • Не работает. Как подключить JS / jQuery на WORDPRESS?

    PavelK
    @PavelK
    По умолчанию JQuery в безопасном режиме.
    Что бы был доступен по привычному, делать так:
    jQuery( document ).ready(function( $ ) {
      ...
    });


    Ну или писать вместо $ - jQuery
    Ответ написан
    1 комментарий
  • Как для темы WP правильно указать путь к файлу в js?

    adrin13
    @adrin13
    front-end
    Вот так реализовывал я:
    <div  id="google-container" data-uri="<?php echo get_template_directory_uri(); ?>">
        </div>

    var uri = $('#google-container').attr('data-uri');
    var marker_url = uri + '/img/map_pin.png';
    Ответ написан
    Комментировать
  • В google по запросу открывается две организации. Одна не моя. Как убрать вторую?

    alex-1917
    @alex-1917
    Если ответ помог, отметь решением
    1. Создайте филиалы
    2. Разместите в гугле данные о каждом
    3. Наслаждайтесь, как ваши красные кружочки будут окружать враждебные красные кружочки
    4. Если чужие кружочки начали побеждать, повторить с п.1
    Ответ написан
    4 комментария
  • Возможна-ли верстка макета по картинке в формате JPEG?

    werty1001
    @werty1001
    undefined
    Бегите.
    Ответ написан
    Комментировать
  • Как вытащить "узор" из присланного PSD макета?

    Есть такое решение - открываем палитру узоров и наводим курсор на желаемый. Нам всплывет подсказка с базовыми размерами узора. Вооружившись данной информацией создаем новый документ такого размера и делаем заливку нашим узором. В итоге получаем желаемую картинку.
    Источник
    Ответ написан
    Комментировать
  • Как выложить свой сайт на GitHub?

    XXX
    @XXX
    Решение где-то рядом
    @Freika дали бы сразу линк @retrica :)
    https://pages.github.com
    Ответ написан
    Комментировать