• Как сохранить обьект из wordpress в js?

    @weart
    пример

    ваш js называется например main

    functions.php:

    wp_enqueue_script('main', 'path', [], null, true);
    wp_localize_script('main', 'php_data', ['homeUrl' => home_url()]);


    и в вашем js получаем данные так

    const url = php_data.homeUrl;

    соответственно, получаете в functions.php данные с acf и вообще хоть откуда и таким образом передаете в нужный js
    Ответ написан
    Комментировать
  • Как определиться с зависимостями лендинга?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Смешались в кучу кони, люди, GSAP, React, Three.js... Стоит немного систематизировать инструменты хотя бы по задачам, которые они решают. Не привязываясь к конкретным фреймворкам из большой троицы, у нас есть несколько классов инструментов в теме креативных сайтов:

    • Про готовые CSS-анимации - animate.css, Wow.js, и.т.д. Там много динозавров из времен jQuery. Такие штуки часто бывают не в тему дизайна, но стоит посмотреть и забыть. Хотя для сайтов в духе дизайнерской дичи, вроде той, что успешно делают в студии Артемия Лебедева - может быть и ок.
    • Про интерполяцию всего и вся. Тут обычно выбирают между GSAP и Anime.js. Первый вариант - более замороченный, есть полезные плагины, второй - попроще, но тоже хорош, в некоторых кругах даже более популярен. Для совсем простых задач - можно свой инструмент написать.
    • Про скролл, в основном в контексте CSS-анимаций. Тут Locomotive Scroll рулит.
    • Про переходы между экранами. Грубо говоря прокаченный роутер. Самый популярный - Barba.js. Раньше еще был Highway.js, но в последне время что-то про него мало говорят.
    • Про экспорт готовых анимаций из софта для анимаций. Тут нужно отталкиваться от софта. Обычно вопрос возникает в контексте AE и простых мультиков - тут Lottie, говорят, неплох. Но нужно дизайнера заранее консультировать по теме, чтобы лишнего не намалевал.
    • Про визуализацию данных. Тут полезно знать про d3.js, в основном ради готовых примеров.
    • Про трехмерный WebGL, чтобы не писать все руками. Самый популярный вариант - Three.js, в основном за счет экосистемы и горы готовых решений, но есть и альтернативы на любой кус и цвет. Для 2D -эффектов вообще ничего не нужно в большинстве случаев.
    • Плюс не стоит забывать про всякие вспомогательные штуки вроде WebFontLoader, Hammer.js, LeaderLine, и.т.д. К анимациям они не относятся, но в работе могут быть полезны, чтобы не писать все самому.


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

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

    0xD34F
    @0xD34F Куратор тега JavaScript
    Чтобы ответить на этот вопрос, достаточно подумать над тем, как будет выглядеть подключение ещё одного обработчика в каждом из представленных случаев.
    Ответ написан
    1 комментарий
  • Как перебрать объекты с вложенностью?

    0xD34F
    @0xD34F Куратор тега JavaScript
    const createNestedListHTML = data => `
      <ul>${Object.entries(data).map(n => `
        <li>
          ${n[0]}
          ${createNestedListHTML(n[1])}
        </li>`).join('')}
      </ul>`;
    Ответ написан
    Комментировать
  • Как верстать под печать?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Ну давай посмотрим на примере тостера.

    Попробуем распечатать страницу с вопросом.
    Для начала вопрос: для чего мы его распечатываем? Очевидно, нам интересен вопрос, и главное его решение. Именно это мы хотим распечатать на бумаге.

    Что же нам предлагают верстальщики из ТМ?
    5f98935dba783645914348.png


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

    Смотрим дальше
    5f98942e4692f875969058.png


    Форма комментирования. Ну что же. Наверное я отстал от современных технологий в своей деревне и во всем мире уже давно можно комментировать распечатанные страницы...

    В самом конце аж три листа совершенно бесполезной информации.

    В общем мы видим совершенно не оптимизированную под печать страницу.

    А вот если не забывать про печатные устройства, можно все это лишнее как минимум спрятать.
    Ответ написан
    2 комментария
  • Почему последнее время в Разработке такие маленькие зарплаты?

    php666
    @php666
    PHP-макака
    Crash попросил меня как "эксперта" высказаться, я не эксперт, но мнение есть.

    Все эти ваши недопонимания зарплат есть инфантильное восприятие реальности, ведь по ютубчику (или в некоторых комментариях) вам постоянно твердят, что в айти "не напрягаясь" можно получать 100500 миллионов.

    Это не реальность плохая, реальность как была, таковой и осталась. Это ваши воздушные замки рушатся об реалии. Поймите уже, наконец, если и есть в айти зарплаты, сопоставимые с зп депутата госдумы, то 99% программистишек они не светят. Как правило, это люди пишущие на низкоуровневых языках типа С и опытом в 10+ лет.

    На приведенном скриншоте зп до 90 тр за знания хтмл-цсс-пхп, ничего сверхъестественного, обычная зарплата для озвученного уровня. С чего ты решил, что достоин получать 150 или 200 за подобный стек требований?

    хотелось бы услышать мнение разработчиков с опытом что он думают на этот счет
    Ок. Слушай сюда. Эта сфера - полное гавно. Как по деньгам, так и по перспективам.

    Кодить после 35 - жуткий ад.
    Знания улетучиваются, требования в вакансиях мутируют и/или растут. Мы не успели закончить проект на фреймворке версии 6, уже вышла версия 8. И так без конца. Не изучил новый фреймворк - летишь на мороз. Не знаешь современные технологии (не изучал их в своё свободное время) - летишь на мороз.

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

    когда паралельно, в других сферах строительства , полиции , армии, и тд, зарплата без опыта ближе, а то и выше этих значений
    тоже верно. Но знаешь, в чем прикол? Любой айтишник, поработавший в айти и успевший "повзрослеть" в рамках этой работы, уже НИКОГДА не попадет ни в полицию, ни в строительство. Допустим я - мне 38 долбанных лет и я в айти всю жизнь. Мне деваться некуда. Меня никто не возьмет, возраст под сорок, перспективы все закрыты. В полицаи или в стройку надо идти в 20+ лет. Так что и тут кроется западня - человек без должного ментовского или строительного образования, в возрасте и без соответствующего бэкграунда даже там никому нах не нужен будет.

    Так что профессию надо по уму выбирать, а не по сплетням из интернета.
    Ответ написан
    5 комментариев
  • Как автоматически проверить верстку?

    Psixodelik
    @Psixodelik
    Преподаватель на Hexlet
    Я использую два инструмента:

    1. jest-dom. Это если надо точечно проверить элементы на странице. Удобно, если нет необходимости тестировать прям всё всё всё. Стучишься до нужно элемента и проверяешь его.

    2. jest-image-snapshot. Тестирование через скриншоты отлично помогает при тестировании пользовательского поведения. Там всякие скроллы, ховеры, фокусы и так далее. По сути просто делаешь эталонный скриншот страницы, вбиваешь поведение страницы. После этого при тестировании проверяется, не сломалось ли поведение
    Ответ написан
    Комментировать
  • Как развернуть сайт на весь экран?

    @marioKun
    <button data-fullscreen>В полный экран</button>

    document.addEventListener('click', function (event) {
    
    	// Игнорируем клики, которые не относятся к нашей кнопке
    	if (!event.target.hasAttribute('data-fullscreen')) return;
    
    	// Если уже в полном, выйти
    	// Иначе, снова открыть полный экран
    	if (document.fullscreenElement) {
    		document.exitFullscreen();
    	} else {
    		document.documentElement.requestFullscreen();
    	}
    
    }, false);
    Ответ написан
    3 комментария
  • Таблица wp_postmeta весит более 1 гига, что делать?

    HeadOnFire
    @HeadOnFire
    PHP, Laravel & WordPress Evangelist
    Вчера вечером как раз в телеграм канале задавался вопрос :)

    SELECT meta_key, meta_value, length(meta_value) 
    FROM wp_postmeta 
    ORDER BY length(meta_value) DESC
    LIMIT 10;


    - этот запрос покажет вам 10 самых тяжелых записей в этой таблице
    - изменяя LIMIT можно посмотреть больше/меньше записей
    - length(meta_value) покажет вес значения в байтах

    В итоге это позволило найти какие-то ненужные тяжелые записи в таблице и после чистки с 1+ гига уменьшилось до 300Мб.
    Ответ написан
    3 комментария
  • Порядок действий для оформления самозанятого, для иностраных платежей и выбор банка?

    @Legal2019
    Всё в имени моём... и радость и печаль...
    Уже писали про это тут пару раз. Воспользуйтесь поиском.
    Почти всё указано на сайте налоговой
    Почти все нюансы там озвучены.
    Но лучше не парься и делай себе ИП, лучше ООО. ООО геморнее, но вариант лучше (на мой взгляд).

    П.С. «Кто разницу не понимает - учит закон, а потом вступает в дискуссии.»
    Ответ написан
    8 комментариев
  • Продуктивно ли подобное обучение?

    Aetae
    @Aetae
    Тлен
    Возьми более базовые книги: по алгоритмам, паттернам, структурам, подходам итд. Не привязанные к конкретному языку. Это всегда будет полезно, и не потребует кодинга для практики.
    Эффективное же изучение конкретного языка - это наоборот чистая практика, чтение там должно идти только параллельно по мере необходимости.
    Ответ написан
    4 комментария
  • Как верстается такой элемент?

    Ankhena
    @Ankhena Куратор тега Вёрстка
    Нежно люблю верстку

    В размеры сами поиграйте.
    Ответ написан
    2 комментария
  • Как устроена адаптивная верстка?

    SkiperX
    @SkiperX Куратор тега CSS
    физическое разрешение и разрешение в браузере не одно и то же
    тут внизу есть инфа по устройствам https://www.mydevice.io/
    узнать свое разрешение https://myresolutionis.ru
    Ответ написан
    Комментировать
  • Как реализовать кнопки Share на WordpRess?

    AntonLitvinenko
    @AntonLitvinenko
    HTML coder
    Можно плагином.
    Можно вручную, ищите реализацию ссылки для пошарить для того или иного сервиса и вставляете
    Вот пример, это код со страницы single:
    <div class="single-share">
    	<a href="https://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>" target="_blank">
    		<?php __('Поделиться в Facebook') ?>
    	</a>
    	<a href="https://twitter.com/home?status=<?php the_permalink(); ?>" target="_blank">
    		<?php __('Поделиться в Twitter') ?>
    	</a>
    	<a href="https://telegram.me/share/url?url=<?php the_permalink(); ?>&text=<?php the_title() ?>" target="_blank">
    		<?php __('Поделиться в Telegram') ?>
    	</a>
    </div>
    Ответ написан
    1 комментарий