• Как автоматизировать слайдер на JS?

    Qias, тем более, я указывал на то, что я не тестировал этот код :)
  • Как автоматизировать слайдер на JS?

    Qias, у вас есть референс - дерзайте. Хотите готовое решение - выкладывайте полностью исходники со стилями и т.д. на codepen.io, может я поправлю, когда время будет
  • Как настроить автопрефиксер для webpack?

    Dryzhkov, слышал, что можно делать наоборот
    как пример, что нужно, можете посмотреть тут:
    https://stackoverflow.com/questions/33558396/gulp-...
    https://vivasart.com/lab/ispolzovanie-webpack-sovm...
    https://www.npmjs.com/package/webpack-stream

    но лично я уже с таким подходом больше года не сталкивался в проектах, а на работе исключительно вебпак
  • Как настроить автопрефиксер для webpack?

    Dryzhkov, не за что :) просто когда у вас будет сложный проект, где вам сам конфиг вебпака, а не его модулей, придется держать отдельно

    например, у меня почти везде в проектах разные дев и прод конфиги, потому что некоторые плагины нужны только в деве, а запускать весь конфиг дорого по времени на сборку/апдейт выходит
  • Как сохранить состояние канваса при уходе со страницы в React?

    Никита, если вы ищите конкретный код, то я вас могу расстроить - вам его никто не даст. Вы сами расписали процесс, который вам нужен, так почему вам сложно расписать это кодом?

    https://stackoverflow.com/a/53865567 - простым запросом в гугл "react on close tab" вы получаете первую же ссылку на данный тред.
    Надеюсь, на остальное у вас хватит сил
  • Как выровнять по центру img обернутый в тег a?

    Антон Вебсайтовский, говорить, что идея плохая без аргументации слишком опрометчиво с вашей стороным
    если у вас вылазит картинка, то у вас явно проблема с контейнером, куда вы его помещаете

    размеры дочернего элемента должны ограничиваться размерами контейнера. В случае тега а, ему можно дать display block/inline-block, дать необходимые габариты, внутрь положить img, например, c
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
  • Есть ли недочеты в этом макете сайта?

    П.С. я не дизайнер, а верстальщик/фронтендер

    Что сразу бросается в глаза:
    - белый шрифт на светлом фоне, прям на баннере (тень и подложки не спасут :) )
    - Синий текст на синем фоне перд футером
    - обилие разнородных шрифтов, которые очень плохо читаются, помимо того, что они банально некрасивые. Хуже них только Times New Roman будет, и то, спорно
    - некоторые шрифты так вообще видимо будут только картинками
    - обилие ненужных декортаивных элементов (имхо)
    - по поводу квадратиков написали выше, но эта проблема решится опытным верстальщиком, который сделает, но проклянет весь твой род до начала времен

    с таким макетом работать любому верстальщику будет достаточно... проблематично, мягко говоря
  • Как профессионально верстать?

    profesor08,
    Для примера, вот нахрена это css свойство?


    я надеюсь, это просто шутка
  • Как задавать путь к изображению в цикле?

    Alex Ozerov, статей не подскажу, но само решение в основном будет выглядеть как тут
    https://stackoverflow.com/questions/53762640/how-t...

    т.е. вы заранее импортируете все изображения из папки и затем уже работаете с массивом.

    допустим, вот у меня в одном проекте есть такая функция (тут я знаю заранее, что мне нужно возвращать не просто элемент, а его ключ ключ default, в котором и хранится путь к изображению)

    const imageLoad = function (r) {
      return r
        .keys()
        .map(r)
        .map((a) => a.default);
    };
    
    export default imageLoad;


    и вот как примерно происходит обращение к изображениям в компоненте (просто пример, суть не в коде)

    const faces = imageLoad(require.context('~s/assets/img/faces/', false, /\.(jpg)$/));


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

    approximate solution, если он брал wget, то это, я считаю, глупо, потому что там верстка грязная. А как мы с вами знаем, реальные таски отличаются значительно от уроков на ютубчике :D

    Vladimir96 а вам я посоветую то, что не советовали мне и то, что писали в этой ветке - пишите код. Пишите ПЛОХОЙ код. А об оптимизации думайте после того, как его напишите. Когда откроешь свой код спустя пару месяцев и у тебя будет мысль, что он говно, вероятнее всего, так оно и будет, а вы как раз немного выросли как профессионал.
    Только с опытом вы будете сразу писать хороший код и то, вам придется его переделывать, потому что то в ТЗ забудут что-то, то правки придут.

    В целом, это ошибка всех новичков, стремление к идеальному. В стремлении к идеальному вы сами себя душите, пишите код который подсмотрели, но не понимаете его. Как пример: можно использовать тег img, а можно picture. Какой правильнее? Я лично считаю, что picture. Прав ли я? Возможно, нет. Вот я знаю, когда что стоит использовать, а вам говорю - пользуй вот это. И ты используешь, но не понимаешь, почему.
  • Как профессионально верстать?

    approximate solution, говорить про большую вложенность и неучей без просмотра кода - опрометчиво. Как и в целом критиковать чужой код. Учитывая реалии, мне лично что на фрилансе, что при работе на студию порой приходилось писать такой код, что его стыдно даже на гите в приватном репозитории держать.
    Все исходит из ТЗ и дизайна

    Второй момент - сама постановка вопроса, имхо, неправильная. Скачиваешь готовую верстку - это какую? Пример урока? Готовый сайт? Так а верстка может быть собрана вебпаком, галпом и т.д.
  • Сложный запрос MySql: группировка и фильтрация в запросе?

    @skeevy Автор вопроса
    PrAw, огромное вам спасибо :) буду вникать в запросы :)
  • Сложный запрос MySql: группировка и фильтрация в запросе?

    @skeevy Автор вопроса
    PrAw, приложил ссылку на бд с данными
    по поводу апи: эта тулза больше для тренировки навыков и как раз стучусь к ней с фронта. по этому поводу у меня есть отдельные мысли, но они не по сути вопроса, да и сама работа не является коммерческим продуктом, где на это уже бы закрывать глаза не стали. Так, пет проект, набить руку и шишки, прежде чем браться за что-то серьезное

    к сожалению, глубоко ушел, но сейчас уже придется долго упорно переписывать, если пересаживаться на ту же Mongo.
  • Сложный запрос MySql: группировка и фильтрация в запросе?

    @skeevy Автор вопроса
    Спасибо за ответ.

    1. Хочу получить одну строку, отсеяв лишнее. в случае в properties все проще

    2. Буду пробовать, надеюсь, ваш посыл я понял

    к сожалению, на текущий момент от mysql сейчас отказаться невозможно, т.к. это игровой сервер с плагинами, в т.ч. комьюнити плагинами и которые едва не каждый имеют в бд таблицу под свои нужды. Так что работаю с тем что есть
  • Сложный запрос MySql: группировка и фильтрация в запросе?

    @skeevy Автор вопроса
    PrAw, ну, явно ироничные высказывания никак мне не помогают. Я конечно в этой сфере дурачок еще, и не понимаю, почему запрашивать гетом плохо, уж тем более, что сама дока мне говорить это делать

    исходные данные я по максимуму предоставил: не будь там деликатных данных, по типу адреса сервера или стим идентификаторов игроков - мог бы отдать на потрошение всю базу, мне не тяжело. Но её и показать стыдно отчасти, т.к. там опенсорс моды со своими требованиями к бд и очень, очень много мусора. Я будучи не опытным в администрировании бд за голову хватаюсь, видя что там происходит. Что говорить о тех, кто явно разбирается в этом более меня

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

    @skeevy Автор вопроса
    PrAw, не умею в постиронию, уж простите
    как в доке к апи написано получать, так и получаю)

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

    Таблицы:
    users - поля firstname, lastname, dateofbirth, phone_number, job
    owned_vehicles - поля plate, type, job
    owned_properties - поле name

    лефт джоин по users.identifier и owned_vehicles/owned_properties.owner

    Эквивалентный запрос в mysql
    SELECT 
        user.firstname,
        user.lastname,
        user.dateofbirth,
        user.phone_number,
        user.job,
        property.name,
        vehicle.plate,
        vehicle.type,
        vehicle.job
    FROM
        users AS user
            LEFT JOIN
        owned_vehicles AS vehicle ON user.identifier = vehicle.owner
            LEFT JOIN
        owned_properties AS property ON user.identifier = property.owner
    LIMIT 0 , 10000
  • Как сегодня верстают такие бордеры?

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

    Если вам нечего сказать по теме - угомонитесь. И совет - прежде чем пукать в лужу, убедитесь что вам есть куда пукать.

    Кормить троллей вашего типа я не собираюсь, поэтому впитывайте и на этом закончим: факт остается фактом - клип-паф не является панацеей. На рынке еще 10% устройств без адекватной поддержки этого свойства. И еще не вымерли те, кому надо охватить эти 10%.
    Прежде чем что-то советовать, надо уточнять такие моменты, потому что не каждому это подойдет.
    Если вы опять что-то будете писать на подобие предыдущих постов, то не утруждайтесь. Конструктива вы не получите
  • Как сегодня верстают такие бордеры?

    Olek1, да куда уж там. Держите в курсе, как там в мире без IE, Can I Use и полифиллов. Хоть помечтаю
  • Как сегодня верстают такие бордеры?

    а что там по ie11?
    ах, да, он же не поддерживается IE, печально...