Ответы пользователя Сергей delphinpro

Как встроить песочницу кода на сайт?

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

Я вот этот использую https://prismjs.com/

Ответ написан 12 мая

Комментировать

Как локализовать письма на русский?

Сергей delphinpro @delphinpro Куратор тега Laravel

frontend developer

resources/lang/ru.json
resources/lang/en.json

Пример

{
  "Hello, World!": "Привет, Мир!"
}
__('Hello, World!');

Если с ключами, то

resources/lang/ru/auth.php
resources/lang/en/auth.php

Пример

return [
  "login": "Войти"
];
__('auth.login');

Ответ написан 10 мая

3 комментария

Как изменить размер шрифта в зависимости от размера экрана?

Сергей delphinpro @delphinpro

frontend developer

Если используете sass, то миксином

.text {
  font-size: 12px;
  @include media-breakpoint-up(md) {
    font-size: 20px;
  }
}

Либо в css обычным медиазапросом

.text {
  font-size: 12px;
}
@media (min-width: 767px) {
  font-size: 20px;
}

Либо, безотносительно бутстрапа, на основе экранных единиц изменения

.text {
  font-size: clamp(12px, 3vw, 30px);
}

Ответ написан 09 мая

1 комментарий

Как создать динамическую переменную?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

let my_timers = {};

my_timers[value[2]] = setInterval();

Ответ написан 07 мая

1 комментарий

ENOENT: no such file or directory, opendir - Какой именно файл или директорию не находит?

Сергей delphinpro @delphinpro

frontend developer

видимо .env файл и отсутствует
Обычно он исключается из системы контроля версий, и создается на каждой отдельной тачке под локальное окружение.

Ответ написан 03 мая

1 комментарий

Как изменить переменную, которая находится вне класса?

Сергей delphinpro @delphinpro Куратор тега PHP

frontend developer

public function DefineGridColumn() {
        array_push($this->array, [
        	"123"=>"456"
        ]);
    return $this->array;
    }

…

$array = [];
print_r($array);
$grid = new Grid($array);
$array = $grid->DefineGridColumn();
print_r($array);

Ответ написан 01 мая

Комментировать

Как лучше спроектировать бд?

Сергей delphinpro @delphinpro

frontend developer

Второй вариант.

Вы там в самом начале написали условие получения наград - и/или
Это предполагает, что за задание может выдаваться несколько наград (диплом и мерч к примеру).

Значит вам нужна связь между таблицами задач и наград "многие-ко-многим" с промежуточной связной таблицей.

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

таблица tasks
id | other_fileds...

таблица rewards_diplomas
id | other_fields...

таблица rewards_currencies
id | other_fields...

и т.д.

reward_task - связная таблица

task_id | reward_type | reward_id
task_id     - идентификатор задачи
reward_type - тип награды (diploma, currency..)
reward_id   - идентификатор награды из соответствующей таблицы

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

Ответ написан 01 мая

Комментировать

Как в CSS повернуть горизонтальный сайт на 90° чтобы на смартофне можно было горизонтально смотреть?

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

Просто попросите пользователя повернуть телефон в нужное положение

@media screen and (hover: none) and (orientation: portrait){
  body::after {
    content: 'Поверните телефон в горизонтальное положение';
    z-index: 999999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

Ответ написан 30 апр.

1 комментарий

Как зафиксировать данные блоки, чтобы не было разрывов?

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

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

типа такого

Один элемент - один блок. Внутри блока - содержимое и точка. У точки - два псевдоэлемента вверх и вниз большой высоты (к примеру 100vh) с абсолютным позиционированием относительно нее.
Чтобы линии не было видно за пределами блока, к блоку применяется обрезка (overflow:hidden)

Ответ написан 28 апр.

Комментировать

Почему не срабатывает анимация при исчезновение?

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

Потому что свойство visibility - дискретное. У него между значениями hidden и visible нет промежуточных значений (по типу visible 0.5, visible 0.7).
Когда элемент становится visible, у него opacity = 0 и дальше анимация работает на opacity
Когда элемент скрывается, у него visibility мгновенно становится hidden, и он скрывается, там нечего анимировать.

Решение тут видится с использованием javascript
Вы можете слушать событие transitionend, чтобы выключать дискретные свойства по окончанию анимации, а не сразу.

Ответ написан 28 апр.

1 комментарий

Переход с MD5 на SHA256 что нужно сделать чтобы работало)?

Сергей delphinpro @delphinpro Куратор тега PHP

frontend developer

Решил сделать переход с MD5 на SHA256

Первая ошибка.
Переходить нужно сразу на password_hash
На переходный период реализовать две системы аутентификации. Сначала пробуете по старой (md5), если неудача, то password_verify
После удачной аутентификации хешируете пароль новым алгоритмом.

Ответ написан 28 апр.

Комментировать

Как в данном коде формируется высота блока?

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

Вот честное слово, когда вижу такие вопросы хочется ругаться матом.
Скажите, пожалуйста, вы учились в средней школе, или после детского садика сюда пришли?

Имеем выражение: (100vh - 656px) / 2 + 330px =
Раскроем скобки:     100vh / 2 - 656px / 2 + 330px = 
Выполним деление:    50vh - 328px + 330px
Сложим коэффициенты: -328px + 330px = 2px
собираем воедино:    50vh + 2px

Это что касается формулы.

В остальном совсем все просто. Сначала вычислится высота (50vh + 2px), и если она окажется менее, чем 330px, то станет равной трёмстам тридцати пикселям.

Ответ написан 26 апр.

Комментировать

Как правильно прописать query для поиска файла по имени в Google Drive API на PHP?

Сергей delphinpro @delphinpro Куратор тега PHP

frontend developer

Они предоставляют клиентскую библиотеку.
Пример использования тоже есть

spoiler

use Google\Client;
use Google\Service\Drive;
function searchFiles()
{
    try {
        $client = new Client();
        $client->useApplicationDefaultCredentials();
        $client->addScope(Drive::DRIVE);
        $driveService = new Drive($client);
        $files = array();
        $pageToken = null;
        do {
            $response = $driveService->files->listFiles(array(
                'q' => "mimeType='image/jpeg'",
                'spaces' => 'drive',
                'pageToken' => $pageToken,
                'fields' => 'nextPageToken, files(id, name)',
            ));
            foreach ($response->files as $file) {
                printf("Found file: %s (%s)\n", $file->name, $file->id);
            }
            array_push($files, $response->files);

            $pageToken = $response->pageToken;
        } while ($pageToken != null);
        return $files;
    } catch(Exception $e) {
       echo "Error Message: ".$e;
    }
}

Ответ написан 26 апр.

4 комментария

Почему line-clamp для обрезания строк отображает текст ниже троеточия?

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

Padding уберите у параграфа. Используйте отступы на внешнем элементе, если необходимо.

Кстати, попробуйте увеличить паддинг до больших значений (~50px), увидите как работает лайн-кламп.

Ответ написан 24 апр.

4 комментария

Какие существуют способы отреагировать на удаление элемента из массива, который передается как пропс в другие компоненты?

Сергей delphinpro @delphinpro

frontend developer

Звучит так, как будто вы не слышали про vuex
Ознакомьтесь. Вероятно, это именно то, что вам нужно.

Ответ написан 23 апр.

Комментировать

Почему верхние и нижние внешние отступы пустого блока не схлопываются?

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

Под схлопыванием подразумевается наложение внешних отступов двух соседних блоков.

Ответ написан 23 апр.

1 комментарий

Работа с массивом и объектами, как посчитать?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

let arr = [
    {
      // ...
      count: 12
    },
    {
      // ...
      count: 5
    },
    {
      // ...
      count: 2
    }
];

let sum = arr.reduce((sum, obj) => obj.count + sum, 0);

console.log(sum); // 19

Ответ написан 20 апр.

Комментировать

Почему change срабатывает раньше чем click?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

кликнуть по кнопке, не теряя фокуса с поля

Это вам кажется.
Кнопка получает фокус перед действием.
Фокус может быть только на одном элементе.
Значит предварительно произойдет снятие фокуса с инпута.

Последовательность будет такая:
input.oninput - input.onblur - input.onchange - button.onfocus - button.onclick

Ответ написан 19 апр.

2 комментария

Как разрешить пути к SVG во Vue-проекте?

Сергей delphinpro @delphinpro

frontend developer

Если вы кладете картинку в public, то нужно указывать абсолютный путь к ней. Такие пути не будут обрабатываться.

mask-image: url(/svg/#{$item}.svg);

Можно хранить картинки в src (не знаю, почему вы решили, что нельзя). Тогда пути к ним следует указывать относительные и они будут обрабатываться сборщиком.

Ответ написан 18 апр.

4 комментария

Как подкрасить 2 блока в разные цвета по всей ширине в дочернем Blade-шаблоне?

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

Я бы не делал общий контейнер

<!-- лэйаут -->
<div @class(['about-content' => request()->is('About')])>
    @yield('content')
</div>

<!--Дочерний-->
<div class="pb-5 management-content">
  <div class="container">
    <h2>MANAGEMENT PHILOSOPHY</h2>
    ...
  </div>
</div>

Ну и понятно, к ларавел это никак не относится.

Ответ написан 18 апр.

1 комментарий

Войдите на сайт