• Какой инструментарий нужен для создания сайта?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Либо бесконечные файлы html, либо те же файлы html, но под капотом генератора статических сайтов (прим. Jekyll), либо все те же записи, но уже в БД.

    Чисто технически, кстати, html дешевле, так как не надо напрягать оперативку для поддержания БД и запросов в нее. А если уж ты заполируешь кешированием, то потратишь не только оперативную память, но и статическую и будут все те же файлы html)

    Иными словами, вопрос некорректный.

    Потому что:
    1. ЦМС не хуже ЯП потому что на том же ЯП написаны.
    2. ЯП вообще по барабану какой взять. Главное, чтобы сервер его понимал или была оболочка.
    3. 100% тебе потребуется знание CSS\JS\HTML.

    А решением твоего вопроса будет со стопроцентным попаданием WP. При таких вопросах поднять что-либо подобное хотя бы простейшей ЦМС ты не сможешь, а поковырять на готовом что попроще, въехать и уже отталкиваясь от знаний написать свое + перенести базу это лучшее решение.
    Ответ написан
    3 комментария
  • Можно ли так называть классы по БЭМ?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    1. Названия должны быть понятными. Без самой верстки перед носом.
    2. У тебя тут row-space--between хрень, кажись, если я правильно понял, должно быть так row--space-between
    Ответ написан
    5 комментариев
  • Как скрыть вывод названий рубрик и категорий?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Ну как найти кусок кода, который тебе надо скрыть ты уже знаешь. Ты прямо на полпути к истине.

    Теперь осталось только изучить JS или CSS, чтобы научится писать стили. Для решения проблемы хватит банального display:none;.

    Потом, может, немного PHP, чтобы понять, как это работает, а дальше вообще красота → изучить, как работает сам WP, чтобы действительно понять, как на самом деле это работает, как наследуется и как переопределяется для достижения результата.
    Ответ написан
  • HTML + CSS - законченный сайт?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Если тебе не нужен интерактив и сайт несет исключительно информационную нагрузку, работает потому что он просто работает → да. Абсолютно нет смысла напихивать в проект то, чего там быть не должно.

    Более того, возьми на заметку генераторы статических сайтов типа Jekyll. На них такое удобно собирать.

    А умников, которые кричат, что в современном сайте должно быть всего и поболе не слушай. Должно присутствовать только то, что должно работать.
    Ответ написан
    Комментировать
  • CSS JS Как сделать тень блока точками?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Это не «современный дизайн», это пустые украшалки.

    И делаются они с помощью псевдоэлементов (так проще) с абсолютным позиционированием и через background свойства с репитом. В комментариях тебе Рустам Байназаров дал корректный референс.
    Ответ написан
    Комментировать
  • Фильтрация товаров на js без перезагрузки страницы?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    1. Если тебе надо фильтровать только то, что пришло на страницу ты можешь взять фильтрацию по классу и показывать только те, где classList.contain.
    1.2 Либо вешать дата-параметры.
    1.3 Либо загружать их сразу в JS и JS-ом же рисовать.
    1.4 А еще лучше загонять в модуль какой от JS-фреймворка, в котором есть реактивность.

    А если ты получаешь данные из API, то этот же подход, только модифицированный запросами в сервис, например.
    Ответ написан
    Комментировать
  • Как выровнять текст?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Используй паддинг и не мучай центрирование.
    Ответ написан
    Комментировать
  • Как выравнить flex или grid по ширине контейнера так чтобы нижние блоки сначала выравнивались?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    1. Берешь отступ, который у тебя должен быть между тегами.
    2. Делишь его пополам.
    3. Делаешь обертке тегов отрицательный отступ сверху и снизу равный половине отступа между тегами.
    4. Реализуешь теги обычным flex-box без вые + flex-wrap:wrap.
    5. Задаешь тегам отступ вверх и вниз равный половине отступу между тегами.
    6. Всем остальным тегам задаешь отступ в право (не в лево) равный целому отступу между тегами.

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

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    У тебя все работает, но твой урок по ютубу опоздал лет на 5.

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

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Если у тебя на активный пункт меню вешается класс типа .menu.active, то ты можешь дополнить свою конструкцию с помощью .menu:not(.active):hover.
    Ответ написан
    Комментировать
  • Может ли тэг nav использоваться в footer?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега HTML
    Руководитель frontend направления, предприниматель
    Верстка по семантике это просто складывание логических данных в логические теги. Nav отвечает за навигацию, что понятно из названия, footer отвечает за дополнительную информацию раздела.

    Акцентирую, именно раздела, притом в контексте глобального футера это будет дополнительная информация всего сайта. При этом он, как и header может быть размещен внутри section.

    При всем при этом некоторые теги требуют некоей иерархи, например article не переживет (переживет) если ты разместишь внутри него 2 и более h1. Section, как логический блок требует заголовка (не обязательного, но варнинг ты получишь).

    А nav, как я сказал выше это просто логический элемент. Тебе следует использовать его там, где ты указываешь навигацию. В виде ссылочной массы. Хорошо, если это будет основная навигация.

    Чтобы проверить точнее, пользуйся валидатором от W3C. У него есть свои погрешности, поэтому проверяй соответствие спецификации.
    Ответ написан
    Комментировать
  • Как убрать пунктирную рамку вокруг ссылок?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    outline: none; !important;

    Правила разделяются точкой с запятой. Т.е. такое правило работать не может, так как !important «переходит на новую строку».

    Пишут вот так:
    outline: none!important;

    И, между делом, использование important говорит, что ты напортачил в верстке. Если это не какие-то служебные классы.
    Ответ написан
    Комментировать
  • Web, сетка 1344 пт, что это?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Макет принимали не программисты, а верстальщики скорее всего.

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

    Лучшим в данном вопрос будет иметь свое мнение, почему сетка должна быть именно 1170, а не 1344, и если у тебя эта самая четкая позиция есть ее придерживаться. В любом случае диалог между дизайнером и разработчиками всегда приветствуется.

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

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Чтобы шапка была во всю ширину экрана, и при этом сам контент вписывался в общий контейнер ее делают в два уровня тегов. Верхний → по сути только ради фона, а внутри тот, который задает ширину макета + margin:auto (к примеру) для выравнивания посередине.
    Ответ написан
    Комментировать
  • Как сделать размытые границы у блока?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Это не размытие, а уход в прозрачность.

    Поможет:
    1. linear-gradient — если тебя устроит увод в прозрачность только фона картинки.
    2. svg mask — если надо сделать в тютельку, как на пикче, уводя в прозрачность еще и текст.
    Ответ написан
    Комментировать
  • По какой причине ломается верстка?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    Есть такой восхитительный инструмент. Называется панель отладки\дебаггер и в большинстве браузеров вызывается с помощью F12. Именно он тебе и поможет, а так это будет попытка сыграть в вангу.

    Тем не менее Асингую, скорее всего у тебя где-то выпадают данные или ошибка в коде, которую ты почему-то не видишь глазами, словить сможешь это или другой баг с дебаггером.
    Ответ написан
    4 комментария
  • Вывод обновляемой информации из jquery на wordpress сайт?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Вопрос не имеет никакого отношения к WP.

    Тебе надо зацепится за какой-то элемент по классу и менять в нем информацию с помощью, скажем innerHTML.

    А вот уже касаемо WP ты можешь в шаблонах сформировать тег с классом, куда будешь писать ручками. Или виджетом html вывести (это из коробки тоже есть).

    Что же писать, зависит исключительно от того, что приходит в твою переменную np из api.
    Ответ написан
    Комментировать
  • Как перенести сайт с одной CMS на другую?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Преобразуй базу данных в соответствующий вид и захвати картинки из пользовательского ввода. Это для данных, а остальное просто переверстай под особенности WP.
    Ответ написан
    Комментировать
  • Верстка нестандартного шаблона. Как реализовать?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Чтобы в принципе верстать макеты, а нестандартного тут ничего нет (вообще, какие стандарты-то?) тебе необходимо уметь видеть его логические части.

    В данном примере есть шапка, которая к карусели никак не относится, кроме того, что «лежит» поверх.

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

    Впрочем, самый безболезненный путь → сверстать все на абсолютном позиционировании. А потом обосраться на разных экранах. Поэтому да, флексы\гриды, суть неважно, это необходимое решение + то, что я описал выше.

    Ну и немного приправь это дело JS. Где-то в интернетах, я знаю точно, есть уже готовый плагин для такого формата слайдов.
    Ответ написан
    Комментировать
  • Ошибка gulp. Did you forget to signal async competition?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Когда ты создаешь таск, то в нем надо либо возвращать через return финал выполнения, либо через вызов передаваемой функции. У тебя в таске browserSync, к примеру, есть передаваемая функция done, но ты не возвращаешь ни ее, ни return результат выполнения.

    Это первое, что я увидел, может и еще есть такие ошибки. Чтобы их не было — читай документацию gulp.
    Ответ написан