Задать вопрос

Byz

JS/PHP dummies
Лайки

  • Почему не возвращается PNG-картинка?

    toxa82
    @toxa82
    Скорее всего у вас не установлен модуль gd2 (или просто gd в php8)
    Ответ написан
    3 комментария
    3 комментария

  • Различия между классом и объектом?

    homm
    @homm
    Может быть вам легче будет понять, если вы будете думать о классе как о наборе функций, а об объекте как о наборе данных.

    Некоторые функции в классе могут быть использованы только с набором данных (т.е. объектом), который передается неявно, когда вы указываете $object->method().

    Другие функции не требуют объекта, поэтому могут быть вызваны напрямую из класса.

    С этой точки зрения очень логично выглядит Python, где у любого метода есть явный аргумент self, указывающий на объект, из которого был вызван метод. А запись object.method(5) является краткой записью ObjectClass.method(object, 5).
    Ответ написан
    1 комментарий
    1 комментарий

  • Как такое сверстать?

    SeaInside
    @SeaInside
    15 лет пилю все эти штуки
    Вот здесь, например, делал когда-то такую вещь (блок "Этапы создания корпоративного сайта").

    605df09f637c9864487824.jpeg

    Идея, вкратце:
    1. Элементы размещаете просто в сетку с помощью inline-block/float/flex/grid - как привычнее.
    2. Родителю задаёте относительное позиционирование, в него помещаете абсолютный элемент на всю ширину/высоту с небольшим запасом, на котором будете рисовать SVG.
    3. Как нарисуется - на js считаете ключевые точки (координаты), через которые нужно провести линии.
    4. Динамически рисуете SVG по вашим ключевым точкам.
      О том, какие варианты вообще есть, можно почитать на MDN, например.
      Выглядеть это будет примерно так:

      605df0b0256ca826129561.jpeg

      В вашем случае рекомендую использовать кривые Безье. Здесь мне нужно было сделать полукруг, поэтому я использовал дуги, у вас же просто статичная величина закругления.
    5. На ресайз окна считаете ключевые точки заново и перерисовываете SVG.
    6. Опционально заморачиваетесь и добавляете сверху ещё один путь, который по скроллу будет "заполняться"


    Это в целом чёрная магия, можно полдня убить, но красиво :)
    Если это всё очень сложно, то просто картинкой вставьте, высоту элементов фиксируйте, и меняйте картинку для адаптивных вариантов.

    Готовых вариантов тут в общем-то вы вряд ли найдёте, нужно взять и разработать.
    У меня была идея оформить это в какую-то библиотеку, но как и все остальные идеи - и ныне лежит в туду-листе на 60+ пунктов. :)
    Ответ написан
    12 комментариев
    12 комментариев

  • Как такое сверстать?

    RAX7
    @RAX7
    Держи, немного поправил один из своих старых набросков.

    Принцип работы примерно, как описал Максим Морев в своем ответе.
    Ответ написан
    2 комментария
    2 комментария

  • Как сделать плавающий задний фон css?

    wapster92
    @wapster92 Куратор тега CSS
    css.yoksel.ru/animation-for-gradients
    Ответ написан
    Комментировать
    Комментировать

  • Проблема с кодом массива из книги "JavaScript для чайников", в чем может быть проблема?

    web_Developer_Victor
    @web_Developer_Victor
    Что такое google?
    Даже не представляю, что это за книга...

    Вы создаете массив var bestAlbumsByGenre = []
    Далее вы первым элементом присваиваете СТРОКУ bestAlbumsByGenre [0] = "Country"
    А далее вы строке присваиваете новое значение под индексом 0 bestAlbumsByGenre [0][0] = "JohnyCash"
    Результатом bestAlbumsByGenre[0][0] будет буква С (нулевой элемент нулевого элемента массива bestAlbumsByGenre, то есть первая буква строки Country), а вы вместо нее присваиваете еще строку — так у нас не принято, так не работает

    Если вы ходите, чтобы это работало, то это должен быть либо объект
    var bestAlbumsByGenre  = {
    "Country": ["JohnyCash", "PatsyChine"],
    "Rock": []
}


    либо массив вместо строки
    bestAlbumsByGenre [0] = []
    bestAlbumsByGenre [0][0] = "JohnyCash"
    Ответ написан
    Комментировать
    Комментировать