навигация выше

F.A.Q

Масштаб по экрану

Задать ширину страницы в соответствии с размером экрана.
Документация: ссылка
<meta name="viewport" content="width=device-width, initial-scale=1">

Событие onclick

Как отменить переход по ссылке с обработчиком onclick?
Нужно что бы выполняемая функция вернула false.
Вот пример: Ссылка
<a href="#" onclick="alert('test');return(false);">ссылка</a>

Как задать базовый урл для всех относительных ссылок на странице?

Например для таких: “/index.html”, “./file.png” или “../../img/file.png
<base href="/example/images/"> или для jekyll: <base href="%site.baseurl%">

Ссылка для скачивания

Скачать файл по ссылке: ссылка
<a href="#" download="test.html">ссылка</a>

Данные внутри ссылки

Протокол ссылки data:base64. Документация: ссылка.
Пример ссылки с протоколом data: ссылка
<a href="data:text/html,%3Ch1%3EHello%2C%20World!%3C%2Fh1%3E" download="test2.html">ссылка</a>

Спойлер

<details markdown="1"><summary>+ Сегодня в программе</summary>
* Table of Content  
{: toc}
</details>

Сайты референсные:

  1. w3c
  2. https://webref.ru/
  3. https://webreff.ru/
  4. https://developer.mozilla.org/ru/docs/Web

HTML JS CSS

  1. CSS Grid https://tproger.ru/translations/how-css-flexbox-works/
  2. https://puzzleweb.ru/javascript/element_innerhtml.php
  3. https://frontblog.ru/javascript-kak-poluchit-get-parametr.html
  4. https://learn.javascript.ru/searching-elements-dom
  5. <>

Про иерархию селекторов CSS и нгаследование

Севрисы комментариев на статический сайт

Севрисы комментариев:

  1. https://github.com/utterance/utterances
  2. https://github.com/gitalk/gitalk
  3. https://github.com/meteorlxy/vssue

  4. https://www.hypercomments.com/
  5. https://gitlab.com/commento/commento

Фреймворки

Структура файлов twitter bootstrap

Мне понравилось оформление дерева с помощью спецсимволов, решил скопировать

bootstrap/  
├── css/  
│   ├── bootstrap-grid.css  
│   └── bootstrap.min.css.map  
└── js/  
    ├── bootstrap.bundle.js  
    ├── bootstrap.bundle.js.map  
    └── bootstrap.min.js.map  

Песочницы

Песочница - это место для игры с кодом. Его можно отлаживать, тестировать, сохранять и делиться. Ниже перечень известных мне сайтов-песочниц. Возможно некоторые ссылки ведут на какой либо пример - это хорошее демо ;-)

  1. JsFiddle + еще пример + https://jsfiddle.net/gableroux/S2SMK/
  2. Plunker
  3. JsBin
  4. CodePen
  5. w3school
  6. pagedemos

Бьютифаеры, форматтеры

  1. FreeFormatter.com
  2. beautifier.io
  3. https://codebeautify.org/jsviewer
  4. https://html-cleaner.com/js/
  5. https://beautifytools.com/javascript-beautifier.php

хостинг

Раздел вынесен на отдельную страницу

Javascript-фреймворки

на отдельной странице