Сергей delphinpro

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

Ну и формулировка =) Строго говоря из вьюхи в контроллер данные не передаются. только наоборот.

Но в целом понятно чего вам нужно.

@foreach ($roles as $role)
    @foreach ($role->categories as $cat)
        <td class="text-center">
            <div class="form-check">
                <input class="form-check-input" name="roles[{{$cat->id}}][]" type="checkbox"
                    value="{{$role->id}}" @if(in_array($role->id, $category->roles()->pluck('id')->all())) checked @endif>
            </div>
        </td>
    @endforeach
@endforeach

Возможно, так будет удобнее

<input class="form-check-input" name="permissions[{{$cat->id}}][{{$role->id}}]" type="checkbox"
    value="1" @if(in_array($role->id, $category->roles()->pluck('id')->all())) checked @endif>

Что значит, результат одинаковый?

li + li {} Выбирает все элементы кроме первого.
li:last-child {} Выбирает только последний элемент.

Дополню. Может показаться, что первый вариант идентичен такому:
li:not(:first-child) {}
Да, в частном случае. Поэтому стоит быть осторожным. Например в разметке
div > (a + p + p + p)
селектор p + p выберет последние два параграфа
а селектор p:not(:first-child) - все параграфы.

$social_tags['image'] =  $xfieldsdata['screens']
  ?? $xfieldsdata['poster-link']
  ?? ( $xfieldsdata['poster'] ? "/uploads/posts/".$xfieldsdata['poster'] : '/link/to/default.jpg' );

Если есть обрезка по одной стороне, то по второй может быть только обрезка или скролл. Visible может быть только по всем четырем сторонам.

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

Повторяя за кем-то написание кода, верстать не научишься.

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

А вот тут как раз и начинается "учение".
Решайте эти проблемы самостоятельно. Гуглите, задавайте вопросы.

В ожидании aspect-ratio: все «хаки» для пропорцион...

Но это не работает, как я понял из за того что в getElemt аргумент подаётся без кавычек, так: getElement(sun1)
А как передать кавычки я не знаю, пробывал: sun="'"+sun+"'" не помогло

Ну и формулировочки... Какие нафиг кавычки?? =))

Ваш код вообще не соотносится с тем что вы описали. почти.

покажу на своем.



Как видите, всё работает без "передачи кавычек" (что бы вы под этим не подразумевали).

.full-screen {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 10vh 10vw;
  background: #ccc;
  background-clip: conent-box;
}

Просто больше пишите HTML кода. Через недельку-другую даже замечать не будете, что вы их полностью пишете.

В phpStorm посмотрите раздел настроек File | Settings | Editor | Live Templates
Там в блоке ZenHTML все сокращения, которые понимает программа. Вы можете добавить свои.
Именно эти варианты шторм подсказывает по ctrl+space.

Что касается тега div — он и так короткий, его нет смысла сокращать.

tabindex=0 делает элемент доступным для выбора клавишей tab. Порядок при этом назначается автоматически, обычно, в порядке следования элементов на странице.
tabindex=-1 соответственно, делает элемент недоступным для выбора клавишей tab

UPD

Нужно мне было просто ссылку оставить на документацию https://developer.mozilla.org/ru/docs/Web/HTML/Glo...
Цитата оттуда:

• если представлено отрицательное значение – элемент может быть выделен, однако не участвует в последовательной навигации;
  
• если представлен 0 – элемент может быть выделен и достигнут с помощью последовательной навигации, однако порядок навигации определён платформой;
  
• если представлено положительное целое значение – элемент будет достигнут (и выделен) с помощью последовательной навигации, а порядок навигации определён этим самым значением. В случае, если несколько элементов содержат одно и то же значение tabindex, их порядок навигации определён относительным расположением в документе (DOM).
  

Зато вы можете задать display flex для tr и display:block для остальных табличных тегов и добиться требуемого отображения.

Я так понимаю, это у вас inline-block элементы
Выравнивание по умолчанию для текстовых элементов идет по базовой линии. Есть текст — выравнивается по базовым линиям текста. Нет текста — за базовую линию пустого блока считается его нижняя граница.
Как-то так.