Задать вопрос
  • Какой актуальный стек верстки 2024?

    Если вы хотите научиться именно хорошо верстать, то углубляйте знания в чистом CSS.
    Изучите все самые современные техники и нововведения CSS, изучайте новые фичи CSS, которые только появились, и у них нет ещё полной поддержки в браузерах. Находите какие-то сложные примеры с CSS-tricks, пытайтесь сначала сами их повторить, а потом сравнивайте с оригинальным решением.

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

    delphinpro
    @delphinpro Куратор тега HTML
    frontend developer
    .grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
      max-width: calc(300px * 3 + 30px * 2);
      margin: auto;
    }


    Ответ написан
    1 комментарий
  • Какой ноутбук подойдет для начинающего дизайнера?

    @Drno
    Современный процессор интел i3 или i5 (12е или 13е поколение)
    Оперативки 16гб
    Ssd от 500гб

    Посмотрите леново
    Ответ написан
    Комментировать
  • Как написать тест-кейс для кнопки?

    1. Что эта кнопка в принципе есть
    2. Что при одиночном нажатии, собственно, происходит только то что перечислено
    3. При повторном нажатии происходит -> ???
    4. При длительном удержании происходит -> ??? (вообще кнопка срабатывает на клик или на отпускание?)
    5. Раз уж это какой-то сайт, то можно ещё посмотреть адаптивность и accessability - при изменении размеров окна, текст в кнопке остаётся читабельным и не уходит за границы и что скринридеры корректно распознают эту кнопку. Опять же смотрим, что всё ведёт себя так, как ожидает дизайнер.
    Можно даже через f12 добавить более длинный текст (чтобы п6 всегда нормально выглядел)
    6. А на этом корпоративном портале есть несколько языков? Если это международная фирма, то вполне может быть - тогда проверяем ещё наличие переводов на всех вариантах.
    7. У кнопок кроме состояния нажата/не нажата есть ещё состояние hover - следует убедиться, что при наведении мыши на кнопку - она реагирует соответствующим образом, например - меняет цвет. (как задумал дизайнер - а если не задумал, что это повод завести баг, чтобы дизайнер придумал)
    Сюда же можно вспомнить про disabled - а что если мы хотим убрать возможность нажатия на кнопку? Пользователь должен понимать, что она ненажимаемая.
    Ответ написан
    2 комментария
  • Как реогранизовать процесс разработки в IT-продукте?

    saboteur_kiev
    @saboteur_kiev Куратор тега Веб-разработка
    software engineer
    Первый вариант - если есть прибыль, нанять людей, чтобы написать все с нуля, но уже масштабирование сразу предусмотреть в архитектуре. Зависит от сложности проекта, конечно.

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

    Разделить разработку и поддержку.

    Разработка - на тестовом енвайрнменте с тестовыми данными
    Поддержка - ограниченным кругом доверенных специалистов.
    Ответ написан
    Комментировать
  • Как заменить стиль эмодзи на сайте?

    Aetae
    @Aetae
    Тлен
    Apple - копирайчен, можешь попасть, если переоценишь свою "неуловимость".:)
    А так - да, клятые эмодзи - часть шрифта, просто вписываешь нужный шрифт через запятую и всё заработает:

    А шрифты ты уж, будь добр, сам гугли, какие тебе надо.
    Ответ написан
    Комментировать
  • Возможно ли создавать приложения для Windows и Linux на JavaScript, html и css?

    Mike_Ro
    @Mike_Ro Куратор тега JavaScript
    Python, JS, WordPress, SEO, Bots, Adversting
    Возможно:
    - ElectronJS
    - Tauri
    Ответ написан
    Комментировать
  • Персональный гугл, если ли?

    Daemon23RUS
    @Daemon23RUS
    Краулер, который ходит по интернетам и ищет сам, то о чём я его попросил

    Боюсь, что ответ Вашего частного поисковика придется долго ждать. Обратимся к цифрам: сейчас порядка 2 млрд. сайтов ( обратите внимание на то что это сайты, а не страницы, коих на многих сайтах десятки, сотни, тысячи а на части на порядки больше) предположим, что ваш краулер пожирает сайты по 10 шт в секунду (со всеми страницами), так вот ждать ответа придется лет 7.
    И это мы опустили трафик, который сожрет краулер. А там все за гранью не то что домашнего сервера, а не все страны потребляют такой объем.
    P.S. Тут вопрос не в алгоритмах или коде, вопрос в объеме "перевариваемой" информации
    Ответ написан
    3 комментария
  • Как через css сделать такие блики на bk сайта?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Формально можно взять фильтр blur с большим радиусом и размыть абсолютно расположенные на фоне элементы. В SVG есть аналогичный фильтр. Но лучше так не делать. Для таких размытий используется вычислительно сложный алгоритм и можно существенно увеличить нагрузку на устройства пользователей на ровном месте. Это просто сложно рендерить в реальном времени.

    Производительнее будет это размытое нечто картинкой вставить. Тоже не идеально, грузиться будет дольше, но выбирая между тормозами всего или слегка более долгой загрузкой ни на что не влияющей кляксы на фоне - в 99% случаев стоит выбрать второе.

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

    P.S.: Добавлю еще такой момент, что при использовании картинки может возникнуть такая мысль, что в CSS есть еще градиенты - и это ведь тоже как картинки, может быть их использовать? Но собрать такое из градиентов гораздо сложнее, чем кажется. Сложение полупрозрачных градиентов - это не тот же алгоритм, что размытие. При взаимном наложении клякс друг на друга результат будет отличаться. Чтобы иметь такое же красивое размытие - придется иметь много градиентов, что сведет на нет саму идею снижения нагрузки на железо через них.
    Ответ написан
    Комментировать
  • Не устанавливается composer под OpenServer 5.4.3.0?

    Compolomus
    @Compolomus
    Комполом-быдлокодер
    А зачем его устанавливать, если он уже установлен, во флажке найдите дополнительно, консоль, введите там composer
    Найти не сложно где он лежит, вроде в модулях или юзердата
    Ответ написан
    4 комментария
  • Как запретить пользователям из России обращаться к определенным функциям сервера?

    @hesy
    Самый простой способ, по таймзоне:

    function isRussianTimezone() {
        let timezones = [
            "Europe/Moscow",
            "Europe/Astrakhan",
            // ...
        ];
        
        return timezones.includes(
            Intl.DateTimeFormat().resolvedOptions().timeZone
        );
    }
    Ответ написан
    Комментировать
  • Шрифт из Фигмы ожидание — реальность?

    @itisksey
    Фигма и браузеры рендерят шрифты по разному. Да даже в другом браузере может иначе выглядеть
    Ответ написан
    2 комментария
  • Как убрать схлопывание папок?

    WblCHA
    @WblCHA
    "explorer.compactFolders": false
    Ответ написан
    Комментировать
  • Селекторы CSS. Вёрстку изменять нельзя. Как найти нужный элемент?

    yarkov
    @yarkov
    Помог ответ? Отметь решением.
    Можете использовать :has, но там вроде с поддержкой браузерами ещё не всё ОК

    .button {
      pointer-events: none;
      opacity: 0.5;
      user-select: none;
    }
    
    .inputG:has(.input:checked) ~ .wrap .button {
      pointer-events: unset;
      opacity: 1;
    }


    Ответ написан
    5 комментариев
  • Почему не удаеться получить доступ к свойству объекта ajax?

    delphinpro
    @delphinpro Куратор тега JavaScript
    frontend developer
    потому что вы строку получили.

    Вам нужно либо самостоятельно распарсить ее в объект JSON.parse()
    Либо предоставить это jquery

    $.ajax({
        type: 'post',
        dataType: 'json', // Тип возвращаемых  данных
        url: name + '/' + id,


    В этом случае в success jquery вам передаст уже готовый объект
    Ответ написан
    1 комментарий
  • Какой из запросов более оптимальный?

    @alexalexes
    Использование in нужно избегать, если вы в нем не прописываете статичные значения, или известное кол-во переменных с альтернативными вариантами.
    Более живенько будет работать с обычными join:
    SELECT u.* FROM users u 
    JOIN pp1 ON u.id = pp1.id and pp1.organization = 1 
    union
    SELECT u.* FROM users u 
    JOIN pp2 ON u.id = pp2.id and pp2.organization = 1
    ORDER BY name
    LIMIT 15

    Или использовать exists в where - так вы планировщику даете понять, что можно не искать все варианты в подзапросе, а найти один, подходящий под условие.
    SELECT u.* FROM users u 
    where exists (select 1 from pp1 where u.id = pp1.id and pp1.organization = 1 )
         or exists (select 1 from pp2 where u.id = pp2.id and pp2.organization = 1 )
    ORDER BY u.name
    LIMIT 15

    PS: Наличие однотипных таблиц pp1 и pp2 говорит о наличии ошибки проектирования базы данных. От видов сущностей pp у вас не должно плодится таблицы с pp. У таблицы pp должно быть свойство вида сущности, например pp_type_id и таблица-справочник pp_type - куда вы будете добавлять новый вид сущности, а не создавать новую таблицу.
    Тогда запрос у вас будет выглядеть так:
    SELECT u.*
       FROM users u 
    where exists (select 1 
                  from pp
                 where u.id = pp.id
                   and pp.organization = 1 
                   and pp.pp_type_id in (1, 2) -- собственно, в таблице содержится все, что раньше находилось в pp1 и pp2, появилось поле, которое отличает разновидности записей
              )
    ORDER BY u.name
    LIMIT 15
    Ответ написан
    3 комментария
  • Как определить направление Скролла?

    kritskiy_a
    @kritskiy_a
    Frontend-developer
    Можно отслеживать само колесико
    Ответ написан
    Комментировать
  • Нужно ли взять деньги за оценку больших ТЗ веб-разработчику?

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

    Дай скидку, если в итоге решите сотрудничать.

    В случае возражений - проведи аналогию с реальным миром: замер окон, геодезические работы перед стройкой, итд.

    Если скажет что другие исполнители не берут деньги за это - напомни про скидку и скажи, что это тоже работа и оно позволяет точнее предсказать цену и, меньше затягивать сроки, и не делать лишних правок ближе к концу проекта.
    Ответ написан
    1 комментарий