Как автоматизировать слайдер на 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: группировка и фильтрация в запросе?

PrAw, огромное вам спасибо :) буду вникать в запросы :)

Сложный запрос MySql: группировка и фильтрация в запросе?

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

к сожалению, глубоко ушел, но сейчас уже придется долго упорно переписывать, если пересаживаться на ту же Mongo.

Сложный запрос MySql: группировка и фильтрация в запросе?

Спасибо за ответ.

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

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

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

Сложный запрос MySql: группировка и фильтрация в запросе?

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

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

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

Сложный запрос MySql: группировка и фильтрация в запросе?

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, вот вам миф на ночь

Как сегодня верстают такие бордеры?

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

Как сегодня верстают такие бордеры?

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