Theme development

I've been away from Drupal for several years as I worked with WordPress on a small news site. When I returned to test Drupal, I realized my knowdge of designing a custom frontpage needed help. I've read differing opinions about whether to go with Views or code. What is the best way to construct custom views and bring them together?

Thanks.

I have a theme with Bootstrap 3 and I created a code to close the menu when I click outside.

In this menu, I have an ui-autocomplete field. The problem is that when I select a result in the ui-autocomplete list, the menu closes. I want it to stay open.

https://i.stack.imgur.com/F0ZAa.png

Hi, 

The front page of my website looks something like this:

https://imgur.com/a/0VInLMA

Each of the links is a content type.

I want to click the links (displayed on the block on the left hand-side) and open a block that displays some information (other links) related to the content type.

How can I open another block by clicking a link on the existing block?

Something like this:

https://imgur.com/a/7xtkKsg

Hello!

I have problems with styling the Barrio SASS Subtheme. I copied the Subtheme and changed some filenames and entries as described in the available documentation.

So, I make changes at the style.css, run gulp at my lcoal machine and upload the file via ftp. For example I change the H1 color. At the variables.scss I change $accent-shade to the desired color, because im the style.scss  I have "h1 {color: $accent-shade;}". This works.

But I do not understand why in the browser console the value comes from style.scss and not from the style.css?

Hi,

I'm not original developer of the site but trying to solve this problem. I have a custom content type (lets call it my-page) so I was able to set up a Colorbox for Image field within this content type. So normaly when I open /node/1234 which is this type everythng works.

BUT

I see that Bartik and Classy use this piece of code on page.html.twig.

      <section class="section">
        <a id="main-content" tabindex="-1"></a>
        {{ page.content }}
      </section>

What is the purpose of {{page.content}} and tabindex? It is mandatory to use it when I develop a custom theme?

Thanks.