Почему бутстрап неадекватно располагает элементы?

udzumaki, не за что!

Александр Козак, сначала хотел дописать "прочтите и если будет что-то неясно, то я поясню", но получилось то, что получилось :D

Как указать this правильно?

cocomuffin, все дело в контексте вызова функции. Контекст у function() {} - это this того объекта, внутри которого происходит вызов функции. Контекст у () => {} - это this объекта, внутри которого создается такая функция. Грубо говоря, стрелочная функция - это синтаксический сахар для(function() {}).bind(this) (хотя, метод bind появился позже apply и call, но логика примерно была такая).

Вероятно, вам будет интересно больше прочитать про this в js, так как на манипуляциях с контекстом функции завязаны многие фреймворки и библиотеки (jquery, vue, react, etc).

Как указать this правильно?

Стрелочные функции, или метод .bind

Вроде бы res => _this.message(res) должна работать и с нормальных this.

И нет, отвечая на вопрос, так уже давно не делают.

Почему в вебпаке возникает ошибка Module parse failed?

Добрый день! Какой у вас пресет в babelrc? Попробуйте почитать и настроить в соответствии с https://babeljs.io/docs/en/#jsx-and-react (используйте впн, прокси, тор для доступа, если оный у вас отсутствует).

Где хранить статические переменные и константы для view в RoR?

Спасибо за ответ!

Чем плохи просто много ссылок в представлении, какой у этого кода недостаток?

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

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

мне кажется, что код не сильно усложнится, т.к. такая проверка у меня уже присутствует в методах. Например:

class NavbarPresenter < BasePresenter
# ...
  def locale
    label = I18n.locale == :ru ? 'ENG' : 'RU'

    path = I18n.locale == :ru ? h.locale_path(:en) : h.locale_path(:ru)

    format_link label, path
  end

  def sign
    if h.signed_in?
      format_link I18n.t('header.items.logout'), destroy_user_session_path, method: :delete
    else
      format_link I18n.t('header.items.login'), new_user_session_path
    end
  end
end

Я опустил этот код из примера, чтобы сократить объем вопроса, но в целом все работает без проблем в этом плане.

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

Где хранить статические переменные и константы для view в RoR?

N. Bexeitov, спасибо за ответ )

На самом деле, вопрос-то больше в том и есть, стоит ли использовать класс, в который можно разместить логику для вьюхи? Т.е. вместо нагромождения множества условных конструкций, дубликации верстки, я просто выношу логику в руби файл, где всей логике и место, по сути. А во вьюхе у меня вместо 10 одинаковых блоков со ссылками всего 2 строчки: цикл и верстка для элемента цикла, что, по-моему, очень логично и компактно.

И, как следствие, из первого вопроса возникает второй: если у меня логика вьюхи вынесена в отдельный руби класс, отвечающий за репрезентацию данных для вьюхи, то к какой сущности такой класс отнести? Презентер - этой мой первичный ответ, но я в нем засомневался, по-этому и решил проконсультироваться с сообществом :)

Где хранить статические переменные и константы для view в RoR?

он не в контроллере, в контроллере инициализация презентера происходит, в котором уже метод links.

Что делать начинающему верстальщику дальше?

Добрый день, найдите работу. Без применения своих навыков в реальных боевых условиях все равно тяжело оценить свои навыки.

Как выполнить функцию только один раз?

ну вот, а я ток накатал пример :(

Да, почему выходит ошибка google not defined?

где подключение скрипта от гугла?

Как выбрать четные/нечетные дочерние элементы родителя только с определенным классом?

ValeraValera

В общем, нет такого селектора в ксс, который позволит скомбинировать "nth-child" или "nth-of-type" и класс. nth-child будет всегда выбирать каждый элемент по результату формулы соответсвующему позиции такого элемента у родителя, если добавлен класс - то только каждый такой элемент с классом. Т.е. если вы выберете .child:nth-child(1) - это не будет первый элемент с классом child, это будет только тот элемент класса child, который находится на позиции 1 у своего родителя.

Единственный выбор - это js.

Как увеличить часть свг на весь экран по клику?

Что конкретно имеется ввиду? Увеличение какого-то конкретного элемента свг (например, круга) по клику или увеличение всего свг полотна по клику с центровкой в месте клика?

Почему JQuery срабатывает только после перезагрузки?

hsnz

Добрый день! Попробуйте запускать свой код на нативном, если jQuery не прогружается с гугл cdn:

document.addEventListener("DOMContentLoaded", function(event) {})

Возможно ли использование нескольких параллельных состояний в FSM?

Евгений Шатунов,
Спасибо за ответ!

Почему это должно быть именно свойством курсора? Что если чуть погодя у тебя появится еще N сущностей, с которыми надо будет по-сложному взаимодействовать курсором?

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

Возможно даже не стоит привязывать эти состояния к курсору как таковому, достаточно сказать, что процесс игры зависит от этих состояний. Состояний чего? Я думаю, что можно сказать "состояний игры", но мне кажется, что формулирование четких терминов тут особо роли не играет.

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

По нажатию на элемент создается его копия в специальном контейнере "item-holder", находящимся над дашбордом и дисплеем, с помощью позиционирования которого осуществляется перетаскивание элемента вслед за курсором. Т.е. сам процесс позиционирования этого контейнера происходит только в том случае, если на какой-то элемент игрок зажал ПКМ и стал водить мышью по экрану. Получается эффект перетаскивания.

Если пользователь оптускает кнопку мыши, то из контейнера удаляется копия элемента, и уже в зависимости от того, над какой область - дашбордом или дисплеем - была отпущена кнопка мыши, могут быть осуществлены следующие варианты действия:
1) кнопка отпущена над дашбордом - элемент возвращается на свое место, его можно активировать повторно
2) кнопка отпущена над дисплеем - элемент остается на дисплее, в дашборде его родитель остается заблокированным

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

Но основная суть вопроса состояла в следующем: паттерн fsm предполагает управление состояниями, но активно может быть только 1 состояние в момент времени (если я правильно понимаю).

Мне каким образом лучше организовать код: создать две fsm, которые будут управлять двумя множествами состояний (состояние положения курсора над какой-либо областью, и состояние перетаскивания элемента) и уже вызывать разные функции в зависимости от двух fsm; или наборот сделать 1 множество состояний, но каждое состояние которого будет определяемо двумя параметрами, типо "курсор над дашбордом и элемент не перетаскивается" или "курсор над дисплеем и элемент перетаскивается".

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

Саму логику игры я реализовал и без fsm, т.е. то, что я описал выше, уже реализовано, но я просто хочу нормальный код, а не 200 строк императива, в котором я через два дня сам не смогу разобраться :)

Как сделать чтобы отображались картинки в css в spring boot?

artshelom, Сл-но, проблема в настройке сервера. Как я ранее и говорил:

я никогда не работал с spring boot;

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

Как это реализовать [HTML] [CSS]?

VadimSirenko, а у меня есть доступ к css файлу?) Это была вежливая просьба предоставить остальные компоненты верстки.

Как это реализовать [HTML] [CSS]?

Добрый вечер. Есть ли у вас доступ к css файлу, а еще лучше - к веб версии этой верстки?

Как сделать чтобы отображались картинки в css в spring boot?

artshelom, я правильно понимаю, что под запуском spring boot вы подразумеваете запуск приложения на сервере?

Как сделать чтобы отображались картинки в css в spring boot?

artshelom, я так понимал, что thymeleaf - это темлпейт, он не имеет отношения к стилям от слова совсем.

Вам нужно открыть ваше приложение в браузере. Нажать комбинацию клавиш ctrl+shift+i (chrom, firefox). Появятся инстурменты разработчика. Найдите элемент в html к бэкграунду которого должна подгружаться картинка. Посмотрите на ссылку на эту картинку.

Верстка макета CSS стили на каждый чих, что я делаю не так?

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