• Зачем нужны методы отправки данных отличные от GET, POST?

    delphinpro
    @delphinpro
    frontend developer
    Удобно эндпойнты в апи делать

    [GET]    /order/{id}  получить информацию о заказе
    [POST]   /order/{id}  создать новый заказ
    [PUT]    /order/{id}  обновить данные в заказе
    [DELETE] /order/{id}  удалить заказ


    Вместо

    [GET]  /order/{id}
    [POST] /order/{id}/create
    [POST] /order/{id}/update
    [POST] /order/{id}/delete


    будет ли нормальная поддержка этих методов в том же php и формах html?


    https://caniuse.com/mdn-http_methods_put
    https://caniuse.com/mdn-http_methods_delete

    А что вы имеете ввиду под нормальностью в php? Определить метод запроса можно, прочитав $_SERVER['REQUEST_METHOD'], получить данные из php://input

    UPD

    Нашел вопрос аналогичный. Ответы краткие но емкие и по делу.
    https://stackoverflow.com/questions/27941207/http-...
    Ответ написан
    Комментировать
  • Как лучше, создать картинку webp или конвертировать динамический?

    ThunderCat
    @ThunderCat
    {PHP, MySql, HTML, JS, CSS} developer
    Там стоит проверка поддерживает ли браузер webp и если да, то конвертирует jpg и показывает готовое webp.
    Спорное и малопрактичное решение, кроме того, что-то меня одолевают сомнения, что такое вообще где-либо используется.

    Плюс такого варианта как по мне, это то, что нужна лишь jpg картинка и нет дублей(jpg, webp), которые занимают место.
    В моем случае картинок примерно 200+ в будущем будем больше.
    Для общего понимания вопроса - процесс конвертации из формата в формат весьма затратный по ресурсам, по этому обычно так никто не делает, во всяком случае на адекватных проектах такого не встречается. 200 картинок - вообще фигня, от еще 200 картинок серверу ни жарко ни холодно. А вот процу и памяти будет плохо. Вообще для таких случаев есть специальный тег picture, в котором можно прописать все имеющиеся форматы и размеры, а браузер сам выберет самый подходящий для отображения.
    Ответ написан
    1 комментарий
  • Как сделать фильтр плохих слов?

    ProgrammerForever
    @ProgrammerForever
    Учитель, автоэлектрик, программист, музыкант
    [offtop] Олды тут? Помните, была программка "Генератор матерных выражений". [/offtop]
    Ответ написан
    Комментировать
  • Как и на чем реализовать сервер для стриминга видео?

    @KoreanGuy
    лол. Написать video streaming платформу с нуля на вебсокетах. Без обид, но одно это предложение уже говорит о том, что вы не сможете этого сделать. Стриминг не делается на tcp никогда. Вообще мало кто сможет такое сделать, а уж в одного так и подавно. Есть простое правило: если стриминг видео является не основой вашего бизнеса (как, например, у твича, юдеми, и тп), а просто каким-то доп функционалом, ни в коем случае не пишите свой велосипед. Берите vimeo и не усложняйте себе жизнь в 1000 раз.
    Ответ написан
    3 комментария
  • Как определить формат файла на сайте и изменить верстку под него?

    @selo
    $filename = 'file.mp3'; //сам файл
    
    $format = pathinfo($filename, PATHINFO_EXTENSION); //определяем формат
    
    //условия
    if($format == 'mp3'){
    echo '<audio src="'.$filename.'"></audio>'
    }else if($format == 'mp4'){
    echo '<video><source src="'.$filename.'" type="video/mp4"></video>' 
    }else if($format == 'jpg'){
    echo '<img src="'.$filename.'">'
    }else{
    echo 'формат не найден'
    }
    Ответ написан
    Комментировать
  • На чем лучше всего делать интернет-магазин?

    sergey-gornostaev
    @sergey-gornostaev
    Седой и строгий
    HTML и CSS точно будет мало. Прежде, чем браться за разработку интернет-магазинов, нужно будет ещё выучить какой-нибудь язык для бэкенда и какой-нибудь фреймворк для него, принципы работы СУБД и SQL, может быть какой-нибудь ORM, принципы работы web-серверов, узнать про протокол HTTP и хотя бы в общих чертах про низлежащие. Неплохо бы к HTML и CSS добавить JS, а так же какой-нибудь фреймворк для него. Естественно, в процессе изучения всего этого понадобится освоить консоль на уверенном уровне и кучу инструментальных средств. Хорошо если одним из них будет git. В общем, приходите через пару лет, если вопросы ещё останутся.
    Ответ написан
    Комментировать
  • Как оживить картинку?

    SeaInside
    @SeaInside
    10 лет пилю все эти штуки
    Насоветуют... Менять бэкграунды - забудьте. HTML area - тоже похоронить.

    Берёте вашу картинку. Поверх зданий создаёте векторный путь (обводите здания).
    Размечаете нарисованные пути как вам удобно, достаточно будет повесить класс для дальнейшей стилизации по ховеру + в дата-атрибуты значимую информацию для тултипа/клика/что там ещё.
    <svg ...>
      <path class="area" data-id="1" d="..." />
      <path class="area" data-id="2" d="..." />
    </svg>


    Инлайните получившуюся конструкцию на страницу. Фон можно в отдельном элементе и карту поверх, можно прямо в SVG зашить - не суть важно.

    По ховеру на путь - через CSS делаете ему полупрозрачную заливку, у вас судя по картинке сплошным цветом просто заполняется при наведении - самый простой вариант.

    По клику на путь - достаёте его `data-id` и выводите какую-либо информацию.

    Вот пример статьи, где описано более подробно.
    https://css-tricks.com/svg-map-rollovers/
    В конце интерактивный пример есть.
    Принципиальная разница с вашей задачей - вам изначально нужны пути без заливки и изображение под ними.
    Ответ написан
    Комментировать
  • Как сделать у блока такие углы?

    bugo_aneo
    @bugo_aneo
    Верстальщик по жизни, йог, буддист, кофеман

    Немного наркомании к бдсм.))))
    Ответ написан
    Комментировать
  • Как правильно делать по бэм?

    approximate_solution
    @approximate_solution
    JS Developer. Angular\React\Vue\Ember
    Сделайте себе привычку добавлять кастомные\дополнительные стили по такому алгоритму

    header class header
        nav class nav header__nav


    где class="nav" вы описываете стили, которые применимы только к навигации, что позволяет вам помещать блок nav сколь угодно раз, и куда угодно. Аheader__nav отвечает за позиционирование navвнутри блока header, так как nav является дочерним элементом блока header.

    По итогу когда вы сверстаете макет, у вас получится куча независимых блоков, и сетку + позиционирование вы будете делать уже добавляя блок__элемент = позиционирование
    Ответ написан
    1 комментарий
  • Почему Prettier при автосохранении ставит точку с запятой, когда автодобавление semi выключено?

    yarkov
    @yarkov Куратор тега JavaScript
    Проект "Жизнь после смерти" - lifeafterdeath.ru
    В стрелочной функции, если тело из одной строки, можно фигурные скобки опустить. Тогда будет return по-умолчанию.
    Ответ написан
    3 комментария
  • Как грамотно сжать изображение для сайта?

    Seasle
    @Seasle
    \( ゚ヮ゚)/
    Ещё вариант https://squoosh.app/
    Ответ написан
    Комментировать
  • Зачем писать max-width: 800px; после width:100%?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Очевидно, для того чтобы блок растягивался на всю ширину страницы, но не был более 800px шириной.
    Ответ написан
    Комментировать
  • Какие можно реализовать мини-проекты на PHP?

    @posters
    На мой взгляд, беда большинства программистов в том, что они зациклены на it сфере. В ней уже многое реализовано. Гитхаб заполонен никому не нужными велосипедами. Придумать и реализовать что-то уникальное в этой сфере уже довольно сложно. А чтобы улучшать уже имеющееся и востребованное может пока еще не хватать компетентности.

    Попробуйте выйти за рамки IT. Наверняка у вас есть друзья/родственники, работающие в сферах далеких от IT. Разузнайте больше о их деятельности, попробуйте вникнуть в рабочий процесс, мысленно представить себя на их месте. Подумайте, что бы вы могли сделать, чтобы как-то облегчить их труд, какая программа могла бы стать потенциально полезной. Обсудите идею с этим человеком и если он согласился, что программа может облегчить ему жизнь, ПРИСТУПАЙТЕ. Вот вам мотивация и почти настоящий проект.

    Если ну совсем никак, обратите внимание на отрасли науки. Вот, к примеру, об исторической информатике не думали? Научитесь работать с данными. Возьмите, например, информацию Международного мемориала ( https://www.memo.ru/ru-ru/projects/memoid и https://www.memo.ru/ru-ru/projects/hackathon ) и попробуйте на ее основе сделать какой-нибудь информационный сайт, который в перспективе будет интересен не только вам. Поработайте со статистикой, попробуйте выявить какие-нибудь закономерности.

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

    Gvoz1
    @Gvoz1
    Frontend разработчик
    Вы забыли добавить input перед фокусом
    input:focus::-webkit-input-placeholder {
        color: #B1B1B1;
    }
    Ответ написан
    1 комментарий
  • Почему некоторые программы создают внутренний фрейм с просьбой ввода пароля от Google почты?

    HemulGM
    @HemulGM Куратор тега Windows
    Delphi Developer, сис. админ
    Minecraft - это продукт Microsoft (с недавних пор). А этот "внутренний фрейм" - это AOuth2 аутентификация.

    Эта технология позволяет авторизовываться через общий аккаунт в сторонних приложениях. Она позволяет не прибегать к прямой передаче логина и пароля сторонним программам. Этот "фрейм" - это браузер. Встроенный браузер с открытой страницей реального сайта авторизации (хотя как бы не обязательно, но это уже о другом).

    После авторизации, сторонняя программа получает доступ к некоторым данным твоего аккаунта - логин, имя. А вообще, права настраиваются. Но, как правило, сторонним программам нужна только идентификация тебя. Т.е. просто твоя почта (не письма, а название).

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

    SagePtr
    @SagePtr
    Еда - это святое
    А зачем вообще тут JS, можно через таблицу стилей просто применять стили для дочерних элементов наведённых блоков:
    .block:hover .price {
       ......
    }
    .block:hover .price span {
       ......
    }
    .block:hover button.buy {
       ......
    }
    Ответ написан
    Комментировать
  • Как это расшифровать?

    samodum
    @samodum
    Какой вопрос - такой и ответ
    Это не шифрование.
    Это декодирование.
    Url decode
    Ответ написан
    Комментировать
  • Как создать полностью анонимный и абузоустойчивый сайт?

    nokimaro
    @nokimaro
    Меня невозможно остановить, если я смогу начать.
    Главное, если это будет очередной маркетплейс в даркнете, не регистрируйтесь там под именем Morzhovyj_h чтобы по никнейму не нашли концы, где в итогу дойдут до тостера и этого вопроса.
    https://habr.com/ru/post/376717/

    Ну и надеюсь автор вопроса не регистрировался на тостере по своей настоящей почте и использовал цепочку из 10 впн чтобы не спалить свой настоящий ip?
    Ответ написан
    Комментировать