Alexander Belov

На CSS нельзя реализовать, но можно использовать JQuery

www.w3schools.com/css/css_background.asp

https://www.codewars.com/

Конвертировать в строку и применить slice
Тыдыщь

Для фонового изображения
background-size: cover;

Без HTML никак. Описание изображений, выделение текста, семантика и т.д. - всё это HTML.
Ключи в тексте, кстати, не столь важны. Более важна оптимизация под мобильные устройства, уникальный контент (включая изображения), грамотная семантическая вёрстка.
Также поисковики учитывают количество символов в тексте и то, насколько "шарят" ваш материал в те же соц.сети.

joshreed.github.io/jQuery-ScrollTabs

При загрузке страницы прописывать нужный слайд в
goToSlide, как описано в Public Methods

bxslider.com/options

Без примера кода сложно сказать, но советую почитать про "this":
javascript.ru/tutorial/object/thiskeyword

и event delegation:
https://learn.javascript.ru/event-delegation

https://snazzymaps.com/style/29/light-monochrome

1.

var LatLng1 = new google.maps.LatLng(-34.397, 150.644),
      LatLng2 = new google.maps.LatLng(-34.397, 150.644);
LatLng1.equals(LatLng2) //true если равны, false если не равны

2. Блок с картой разместить внутри другого блока и блоку-контейнеру прописать нужный отступ.

<div id="mapContainer">
   <div id="map"></div>
</div>

#mapContainer {
    padding: 100px;
}

1) Присваеваем переменную (например, myVar) для результата

<tr ng-repeat="item in items = (data | filter: searchText)"></tr>

2) myVar.length

Ресурс - englishtips.org
Там есть форум, чат и материалы на любой вкус и цвет, чтобы подобрать то, что нужно.

https://scotch.io/
и YouTube же