• Как узнать, какой тип у элементов?

    LenovoId
    @LenovoId Автор вопроса
    svg, css,js
    Отвечу сам себе -

    let nodelist = document.querySelectorAll(".items .item").constructor.name;
    let collection = document.getElementsByClassName(".items .item").constructor.name;


    Выводит как и положено
    NodeList и HTMLCollection

    Ответ написан
    3 комментария
  • Как в Firefox удалить прикреплённую ссылку?

    xotkot
    @xotkot
    хорошо есть и хорошо весьма
    это походу с ярлыков берётся что на домашней странице
    перейдите на about:preferences#home и поставьте галочку напротив пункта Ярлыки если не стоит, далее открываем новую страницу наводим курсор на ярлык после чего у него подсвечивается '...' жмём и выбираем пункт Открепить
    Ответ написан
    1 комментарий
  • С помощью чего сделан эффект как на сайте https://www.fromscout.com/?

    @HARDOOPS
    Ясен пень, что с помощью библиотеки Three.js (threejs.org). Видно ведь, что эти коробки – модели.
    Ответ написан
    Комментировать
  • Какую виртуальную учебную доску (похожую на Miro) можно интегрировать на сайт?

    @Ezekiel4
    Охотник на пиратов и сборщик монолитов
    Нужно уточнить спецификации, что конкретно нужно. Вариантов досок много, можно хотя бы начать с их стоимости. Указанный вами Miro очень хорош, и я не могу представить чем он не угодил, но если нужны альтернативы, могу привести минимум 3: Conceptboard, Padlet и Stormboard. Все три норм, но если бы мне нужно было выбрать что-то одно, то это Conceptboard просто из-за простой интеграции с другими сервисами, типа Google Drive и Slack.
    Ответ написан
    Комментировать
  • Разница между JavaScript и HTML5 игрой?

    delphinpro
    @delphinpro Куратор тега JavaScript
    frontend developer
    На html игры не пишут. Их всегда пишут на javascript
    Просто так называют игры, которые для отображения используют холст (canvas)
    Такое название сложилось исторически, с тех времен, когда игры в основном писались на флеше. Вот чтобы их как-то обособить игры на js стали называть играми на html5 в противовес флешу.
    Ответ написан
    Комментировать
  • Как создать сайт с ведением блога?

    TTATPuOT
    @TTATPuOT
    https://code.patriotovsky.ru/
    Что-то вам все втирают какую-то дичь.

    Зачем вообще вам смотреть в сторону каких либо фреймворков, если вы ну совсем ничего в беке не понимаете. Или хотите все нервы оставить на этом проекте?

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

    Так же могу предложить присмотреться к какой-нибудь CMS на JS. Но всё это будет точно более трудно поддерживать в будущем. Да и инструкций/туториалов/материалов будет точно меньше чем по WordPress.
    Ответ написан
    2 комментария
  • Как Google узнает местоположение?

    @anton99zel
    29а класс средней школы №7
    Помимо IP адреса есть и другие данные.
    Вот пример, IP Польша, но провайдер Россия.
    К тому же, если аккаунт не новый и ты уже заходил или параллельно авторизован в смартфоне, то в гугл попадет твой российский IP, даже если ты параллельно сидишь с забугорного IP.
    Даже, если акк создашь при включенном VPN, но до этого засветилось устройство с российским IP, то гугл будет думать, что ты в России.
    Браузер может получать информацию из Виндовс, не смотря на языковые настройки...
    Есть такая штука CDP - узнавание клиента и объединение всех его возможных профилей, что гугл и прочие активно пользуют.
    642590d551d6e638258032.png
    Ответ написан
    Комментировать
  • Как сделать следующий эффект для background?

    Aetae
    @Aetae
    Тлен
    Чуть более сложно чем нужно тебе:



    Упростишь сам, если надо.)
    Ответ написан
    Комментировать
  • Какие тестовые задания дают на верстальщика?

    @Xeli
    Завуалированный вопрос о воровстве. Так и пишите прямо мол так и так: "Могут ли такие требования являться обычным мошенничеством"
    Ответ: запросто.
    "Эффективных менеджеров" пользующихся тем или иным видом мошенничества в России очень много . Если права и обязанности сторон не оговорены бумажно в юридически правильных формулировках вероятность кидка приближается к единице.
    Как обезопасить себя от подобного?
    100% средства нет. Хотя я бы посоветовал следующий вариант -- портфолио.
    Код на гитхабе и работающие сайты в продакшене. При просьбе от всяких мутных контор поработать за еду(якобы тестовое задание, по факту это чаще всего реальная работа) вежливо отпинывать с формулировкой нет времени, т.к. работаете над очередным проектом и кивать на портфолио и гитхаб. Фирма действительно нуждающаяся в специалисте вполне им удовлетвориться, мошенники конечно отвянут. Конечно есть вероятность, что и какие то честные фирмы отпадут, но это все таки лучше чем быть обутым дурачком. Удачи.
    UPD:
    Забыл еще добавить при стонотстве потенциальных кидал в стиле: "ну нам надо жи пасматрить как ви работаити", не поддаваться на провокации и предложить встретиться для обсуждения кода из ВАШЕГО портфолио. Для нормальных специалистов действительно ищущих себе коллегу такой беседы будет БОЛЕЕ ЧЕМ достаточно для понимания справитесь ли вы с текущими задачами на данной позиции или нет.
    Ответ написан
    Комментировать
  • Как реализовать ТОП просмотров за день, неделю и месяц?

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

    Symphony
    @Symphony
    data-aos-once="true"
    Ответ написан
    Комментировать
  • Сколько времени должна занимать верстка этой страницы у опытного верстальщика?

    SerzN1
    @SerzN1
    Challenge me!
    опытный верстальщик по 1 попапу выбора города мог бы заметить что там скорее всего ie6+, и открыв код можно убедиться в этом

    так что ответ этот вопрос не 8 часов + адаптивность, а как для мамонтов минимум 3 дня без всякой адаптивности
    + коммуникации , время на проверку и доработки
    + если адаптивность под таких мамонтов то еще немного дольше

    ПС: делать на фреймворках высоконагруженные сайты - это полный мажертон, если только там не море плагинов оптимизаторов для сборки проекта
    Ответ написан
    Комментировать
  • Как сделать такую кнопку?

    SeaInside
    @SeaInside
    15 лет пилю все эти штуки
    Жму руку дизайнеру, молодец, не как у всех.

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

    Изначально я не обратил внимания, что нижний край строго горизонтальный, и накидал такое как стартовую точку



    Но когда заметил - понял, что так в принципе не выйдет сделать, на CSS нельзя "зафиксировать от трансформации" две стороны сразу.

    Так что остаётся вариант с фоновой SVG-шкой, что по сути "фоновая картинка", либо вариант со вставкой этой SVG напрямую в кнопку (прям инлайном) и дальнейшие манипуляции с ней, если требуется адекватный ховер.

    Делать лень, это нетрудно :)
    Ответ написан
    2 комментария
  • Почему gulp-imagemin очень плохо сжимает файлы?

    landen13
    @landen13
    frontend-developer
    для сжатия jpg используйте imagemin-jpeg-recompress
    для сжатия png - optipng/pngquant
    Ответ написан
    Комментировать
  • Нужно сделать ссылку не кликабельной! Какой способ лучше всего подойдет?

    0xD34F
    @0xD34F
    Можно так:

    <a href="https://toster.ru" onclick="return false">link</a>

    Или так:

    a.disabled {
      pointer-events: none;
    }

    <a href="https://toster.ru" class="disabled">link</a>
    Ответ написан
    3 комментария
  • Какое адекватно решение создания кастомного чекбокса с ссылкой внутри label?

    profesor08
    @profesor08 Куратор тега CSS
    1. В label не должно быть блочных элементов
    2. В label не должно быть ссылок

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

    Вывод: надо обновить требования, чтоб они соответствовали возможностям и спецификации HTML. Если потребуется доработать дизайн.
    Ответ написан
    3 комментария
  • В чем "вкус" react?

    @12rbah
    В связи с этим у меня вопрос, чем же обоснована такая популярность этой библиотеки у работодателей?
    Если вы программируете 3 месяца то скорее всего не поймете. React или другой фреймворк изначально подразуевает то, что код хорошо делится по модулям и компонентам, что очень удобно, в обычном js нужно принимать больше усилий чтобы добиться этого. Также есть много готовых решений из коробки, которые уже были отлажены другими более опытными людьми.
    а модульность со мной сыграла злую шутку (прочитал, что хорошим тоном считается разбивать проект на мельчайшие модули, разбил свой, через пару недель я просто почти забыл, что от чего у меня зависит и какой модуль у меня что тянет за собой и главное куда тянет!
    Видимо вы попробовали выучить реакт за неделю, потом потом на 2-3 недели ушли заниматься своими делами и не трогали его и "внезапно" всё забыли. В целом можно писать комментарии для пояснения. Модульность как раз наоборот упрощает чтение кода и если правильно всё называть и прописывать, то в небольших проектах до 5-10к строк можно будет без проблем разобраться за пару дней тому кто не писал это код.
    P.S. Возможно вам лучше выложить вопрос с сылкой на ваш проект и вам подскажут что не так вы сделали, будет полезнее.
    Ответ написан
    Комментировать
  • Зачем нужен вебпак простым языком?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Вебпак - сборщик. Может взять много файлов и собрать в один. Ну или в несколько, как мы настроим. В js действительно есть модули, которые как бы уже нативно работают в современных браузерах, но есть ряд проблем:

    • Файлов с кодом может быть много. Сотни. Если использовать нативные импорты и загружать сотни файлов в браузер одновременно - накладные расходы будут заметными. Было бы хорошо уменьшить количество файлов. Плюс там могут быть не только скрипты, но и другие файлы, которых тоже может быть много.
    • Большое количество инструментов были написаны еще до появления нативных модулей в JS. Они все еще работают, выполняют свои задачи, но простым словом import их не импортировать. Там очень разные чудеса встречаются. Придумывать для каждого инструмента персональный костыль, как его импортировать, вроде как не хочется.
    • К предыдущему - иногда удобно в скрипты на JS импортировать что-то не на JS из отдельных файлов. В контексте моей работы - шейдеры на GLSL. Их нельзя просто так нативным import загрузить.
    • Часть зависимостей мы ставим с помощью npm. Это удобно. Но мы легко получаем папку node_modules на сотни мегабайт, при том, что в нашем проекте реально используется пара файлов оттуда. Загружать все это целиком на сервер - зачем? Ставить зависимости, а потом копировать нужные файлы откуда-то из глубин node_modules к себе в проект? Можно, но не то, чтобы удобно. Обновлять сложно будет, да и действий лишних что-то много.
    • Не всегда нам нужен полный функционал инструментов, которые мы используем. Часто в пример приводят lodash. Там много готовых функций на разные случаи жизни, но все используются редко. Было бы прям здорово в браузер загружать только то, что там на самом деле будет использоваться. А то, что не используется - не загружать.


    Как-то так. То есть нативные модули - это здорово. Но они далеки от совершенства. Не все проблемы решают. Поэтому сборщики все еще актуальны. И будут актуальны еще долгое время.

    Плюс webpack имеет возможность встроить в процесс сборки дополнительные процессы, которые долго делать руками. Код можно минифицировать. Уменьшит время загрузки страниц. Можно запустить w3c validator, stylelint, eslint, sonar и.т.д. - всякие проверялки, чтобы убедиться, что к пользователям улетит валидный код. Можно какие-то картинки сжать, сконвертировать в другие форматы. Можно typescript превратить в javascript, less, sass и.т.д. - в css. Много чего можно сделать. В целом сборщик сам по себе - это перпендикулярный ко всем этим процессам инструмент. И раньше люди использовали отдельный класс инструментов, чтобы запускать все это - таск раннеры. Grunt, gulp - вы скорее всего про них слышали. Можно писать npm-скрипты или даже по старинке делать makefile под сложную сборку. Но в webpack вроде как есть функционал плагинов, и можно эти процессы запускать и через него тоже. Вроде как он не для этого изначально придуман, но многие люди находят удобным иметь все в одном месте.
    Ответ написан
    Комментировать
  • Как начать заниматься "серьезной" разработкой?

    mayton2019
    @mayton2019
    Bigdata Engineer
    Владею стеком HTML/CSS/JS, Python+django/fastApi, java(для математики всякой)


    Также хоббийно занимаюсь микроэлектроникой(avr/nrf/stm)

    Выглядит как активность эникейщика. Первая предметная область, связанная с фронт-вебом - сегодня очень сложна. И чтобы по настоящему расти - надо отдаваться ей на 100%. Иначе эффекта не будет.

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

    Я сам так сделал и не жалею. Всякие Photoshop/3DMax/радио-и-связь/игра на трубе/вязание крючком - заказчика не интересуют а вобщем даже и раздражают. Под позицию нужен профессионал а не разно-рабочий.

    UPD:
    Ответ написан
    Комментировать