Задать вопрос
  • Как уменьшить влияние кода на скорость загрузки сайта?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    Только отложив загрузку API Яндекс карт и инициализацию до того момента, когда они реально понадобится.
    Вешаете обсервер, как докрутили до блока с картой - загружаем скрипт карт самостоятельно (document.createElement('script') и бла-бла) и вызываем инициализацию.
    Если карта прямо на первом экране находится - ничего не сделать, очень жаль.
    Ответ написан
    Комментировать
  • Как можно получить css-код или данные о тени блока из Adobe Photoshop?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    Правый клик по слою с тенью -> "Копировать CSS", в числе прочего там будет свойство "box-shadow".

    Значения обычно выглядят не очень презентабельно, как-то так:
    box-shadow: 7.5px 12.99px 95px 0px rgb( 0, 0, 0 );

    Кроме того, фотошоп ничего не скажет, если используется режим наложения тени или непрозрачность.
    На эти вещи придётся обратить внимание самостоятельно из этого окна (двойной клик на название эффекта под слоем):
    5ec16d014a054365295081.png

    После чего чуть-чуть почистим то, что у нас получается, и добавим прозрачность, если она отлична от 100%:
    box-shadow: 8px 13px 95px 0px rgba(0, 0, 0, .5);

    Выглядит заумно, но если знать, что делать и куда смотреть - секунд 10 уходит.
    Или, как уже сказали, есть более специализированный софт, который с этим работает лучше.
    Ответ написан
    3 комментария
  • Как реализовать regex для "@media" внутри css файла?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    В следующий раз перед созданием вопроса попробуйте сначала его загуглить.
    В вашем случае что-то в духе "regex match css media query", и по первой же ссылке на стаке найдёте искомое.

    Умение сходу правильно сформулировать запрос - просто навык разработчика (причём один из самых важных), чтобы развить - нужно просто больше практиковаться.
    Успехов :)
    Ответ написан
    2 комментария
  • Два одинаковых меню на сайте. Вредит ли SEO?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    Отвечал на очень похожий вопрос, с тех пор ничего не изменилось.
    TL;DR
    Влияние на СЕО если и есть, то весьма незначительное. В большинстве кейсов оно того не стоит.
    Ответ написан
    Комментировать
  • Что делать если контент-скрипт из расширения не работает так, как надо?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    Выглядит так, что ваша третья строчка вызывается до того, как завершил работу обработчик из первых двух.
    Поставьте задержку в полсекунды.
    document.getElementById("top_audio_player").dispatchEvent(new MouseEvent("mousedown"));
    document.getElementById("top_audio_player").dispatchEvent(new MouseEvent("mousedown"));
    setTimeout(() => {
      console.log(document.getElementsByClassName("audio_page_player_title_performer")[0].childNodes[0].innerHTML);
    }, 500);
    Ответ написан
    1 комментарий
  • На какие показатели здесь можно смотреть в профилях для поиска нужных людей?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    Нет тут таких показателей. Да и не здесь тоже нет, новичков невозможно оценить по количественным метрикам.
    Смотреть на вкладки "Вопросы", "Ответы", "Комментарии" и путём анализа содержания определять комфортных/перспективных в работе людей.
    Ответ написан
    Комментировать
  • Вывод before на разных страницах?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    Стандартная практика - использовать body_class() и реализовывать стилевые различия через каскад от нужного класса. Если штатных классов не хватает - на той же странице есть пример кода, как добавить свой кастомный в зависимости от условий.
    Если не устраивает вариант с каскадом - можно написать свой Walker, где и производить проверки и назначать классы в зависимости от ваших условий.
    Ответ написан
  • Как скрыть псевдо страницы с фильтрами от индексации Яндекса?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    Ну, во-первых, вы в Disallow исключили параметр order только для главной страницы, а у вас подстраница /page/
    Disallow: /page/?*order=* - как-то так будет веселей.
    1. Вам нужно добавить канонические ссылки на основную страницу со страниц с GET-параметрами (если на основной будет ссылка сама на себя - ничего страшного)
    2. Для Яндекса отдельно есть директива clean-param, лучше добавить и её.
    Ответ написан
    Комментировать
  • Как игнорировать вывод функции PHP?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    ob_start();
    depressed();
    ob_end_clean();
    Ответ написан
    Комментировать
  • Bootstrap 4 или native html/css + flexbox?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    Тут не из чего выбирать - bootstrap следует использовать исключительно тогда, когда дизайн нарисован специально под него и используя его компоненты. Также допустимо, если вы - бэкендер и вам вообще все эти заморочки с вёрсткой не упёрлись, а что-то наваять нужно.
    Во всех остальных случаях следует использовать "native html/css".
    Ответ написан
    Комментировать
  • Можете оценить мое резюме на фриланс-бирже?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    Так как я начинающий разработчик,то бесплатно (или почти) выполню работу за отзыв.Знание основ Html,CSS,умение написание простых скриптов на Jquery и JavaScript. Опыт работы с CMS Wordpress. При разработке применяю Bootstrap и LESS. Умение работать с Photoshop.


    Двойной пробел является ошибкой, после запятой ставится пробел, после точки также ставится пробел, HTML - пишется большими буквами, "умение написание" - речевая ошибка.

    По содержанию - нет способа отпугнуть клиента сильнее, чем сказать "я начинающий разработчик", "простые скрипты". Вы пошли бы к парикмахеру с таким описанием? А машину бы доверили слесарю с таким описанием?

    Если вдруг заказчик что-то знает

    LESS - мёртвая технология, Bootstrap тоже удел "таких себе верстальщиков".


    Двойка короче.
    Ответ написан
    1 комментарий
  • Почему это говнокод?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    if(is_singular( 'portfolio' ) ) {
    Это так называемый WordPress codestyle (расставление скобок и пробелов) - забудьте как страшный сон, фу.
    А если уж и следуете - то следуйте везде, а у вас тут так, тут иначе.

    <?
    Нельзя короткую открывающую конструкцию использовать, пишите полностью.
    Исключение - <?= - я бы даже рекомендовал использовать такую запись, если кроме вывода действительно ничего не надо.

    Код вперемешку с разметкой - это очень плохо и сложно для восприятия. WordPress, к сожалению, не предлагает никаких штатных опций этого избежать, им то ли кажется, что это норма, то ли объём кодовой базы такой, что переписать нормально возможности нет. Сами себе придумайте вариант разделения от простого выноса логики в функции (например, в последнем блоке кода выдумайте какую-нибудь функцию getPostTags и ей получайте разметку) до шаблонизаторов.

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

    В логику вникать лень. Сами посмотрите ещё раз и оцените, есть ли там повторяющиеся куски кода, можно ли сделать эффективнее...

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

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    А зачем вам здесь регулярные выражения? Это же стандартный формат даты и есть встроенные функции.
    $date = new DateTime('2020-05-02T00:29:15.0+07:00');
    echo $date->format('d/m/Y');
    Ответ написан
    1 комментарий
  • Как сделать постепенное заполнение слева направо элемента с fill?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    Clip-path, равный элементу (оранжевым выделил, как должно выглядеть), другой заведомо гораздо больший элемент (которым будете заполнять) получает атрибут clip-path, который получает идентификатор созданного в первом шаге (синим показал, как должно выглядеть).
    Со вторым элементом делаете что хотите, как угодно трансформируете - он рисуется только в указанной области (а область у нас равна элементу, графику или что там у вас).

    5ea009aba7096363002438.png
    Ответ написан
  • Почему Google PageSpeed показывает не те цифры, что я вижу по факту?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    Совершенно очевидно, что Pagespeed гоняет тесты на более слабой машине, чем у вас.
    Ответ написан
    2 комментария
  • Можно ли и если да то как лучше всего определить, overflown элемент или виден?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    От родителя плясать нужно.
    document.querySelector('.flex-container').addEventListener('scroll', (e) => {
      const w = e.target;
    
      if (w.offsetWidth + w.scrollLeft >= w.scrollWidth) {
        // элемент проскроллен до конца, то есть последний элемент полностью видим
      }
    })
    Ответ написан
    1 комментарий
  • Как автоматически (стилями, скриптом) задавать цвет только для цифр в статье?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    Здравствуйте!
    Вешайте фильтр на the_content, в фильтре с помощью регулярки заворачивайте цифры в span с нужным классом, в CSS классу задавайте стилизацию.

    (не проверял, но скорее всего всё верно).
    add_filter('the_content', function($content) {
      return preg_replace('~(\d+)~', '<span class="colored">$1</span>', $content);
    });

    .colored {
      color: red;
    }


    Приведённый код завернёт все натуральные числа, в том числе в составе других строк - это редко то, что нужно, но тут уж вам виднее, как будет правильно, редактируйте регулярку под свои задачи.
    Если какие-то отдельные кейсы есть - то смотрите в сторону preg_replace_callback - там можно будет проверить вхождения чего-то конкретного и решать, что с этим делать.
    Ответ написан
    7 комментариев
  • Как правильно верстать такой блок?full width + внутренние отступы, без отступов по краям блока?

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    Уберите у обёртки указание ширины (это блочный элемент, он и так растянется на всю доступную ширину) и добавьте отрицательный margin слева и справа, равный margin элементов. Вжух. Вполне нормальная практика.



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

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    Шёл двенадцатый год фриланса, своего сайта так и нет, эх - это к вопросу о необходимости :)
    Но сделать, конечно, лучше, чем не сделать, если время есть.

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

    SeaInside
    @SeaInside
    16 лет пилю все эти штуки
    А как правильно - солить при готовке, или солить готовое блюдо? Как вам нравится, так и делайте.
    Лично я предпочитаю целиком закончить смысловой блок, прежде чем приступать к следующему, так как лично для меня возвращаться к уже сделанному - более сильная ментальная нагрузка, а у вас вполне может быть наоборот.
    Ответ написан
    Комментировать