services

development

programs

security

self-hosted


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

Он основан на многолетнем опыте Front-End разработки с дополнениями из некоторых других контрольных списков с открытым исходным кодом.

Все элементы в списке необходимы для большинства проектов, но некоторые элементы могут быть опущены. Присутствует 3 уровня рекомендаций.

---

**Проект**

Проект: <Links href="https://github.com/thedaviddias/Front-End-Checklist">github.com/thedaviddias/Front-End-Checklist</Links>

---

**Источник**

<Links href="https://t.me/open_source_friend">Чёрный треугольник</Links>


Чек-лист для веб разработки Front-End Checklist


Коллекция общедоступных каналов IPTV (интернет-телевидение) со всего мира.
Для просмотра IPTV просто вставьте одну из ссылок ниже в любой плеер.

---

**Проект**

Проект: <Links href="https://github.com/iptv-org/iptv">github.com/iptv-org/iptv</Links>

---

**Источник**

<Links href="https://t.me/open_source_friend">Чёрный треугольник</Links>


Коллекция общедоступных каналов IPTV


Пользователь Reddit создал агрегатор криптосервисов, которые НЕ требуют от пользователя ни какой идентификации, и позволяют производить транзакции анонимно.

Сайт уже содержит множество крипто бирж, обменных пунктов, VPN и VPS провайдеров, сервисов для приема платежей, провайдеров виртуальных телефонных номеров и многое другое.

При добавление сервисов учитывается:
- Отсутствие KYC (система идентификации «знай своего клиента»)
- Отсутствие отслеживания подозрительных транзакций
- Регистрация не требуется
- Количество личных данных, если требуется для регистрации, должно быть минимальным
- Наличие зеркала Tor
- Хорошие отзывы, активность в социальных сетях, служба поддержки
- Четкие и понятные условия использования
- Децентрализация
- Открытый исходный код

Сам сайт KYCNOT.ME также имеет открытый исходный код и работает без Javascript. Любой желающий может создать заявку для включения в список крипто-сервиса, при условии что он соответствует выше упомянутым условиям?

---

**Проект**

Проект: <Links href="https://kycnot.me/">kycnot.me</Links>

---

**Источник**

<Links href="https://t.me/open_source_friend">Чёрный треугольник</Links>

Агрегатор криптосервисов без идентификации

## yt-dlp — это форк youtube-dl, с дополнительными функциями и исправлениями

- Интеграция SponSkrub : вы можете использовать SponSkrub, чтобы отмечать / удалять разделы спонсоров в видеороликах YouTube.
- Сортировка по формату: параметры сортировки по умолчанию были изменены, поэтому теперь предпочтительнее использовать более высокое разрешение и лучшие кодеки, а не просто использовать более высокий битрейт. Кроме того, теперь вы можете указать порядок сортировки
- Разделить видео по главам : видео можно разделить на несколько файлов на основе глав
- Многопоточная загрузка фрагментов : загрузка нескольких фрагментов видеороликов параллельно.
- Новые экстракторы : AnimeLab, Philo MSO, Spectrum MSO, SlingTV MSO, Cablevision MSO, Rcs, Gedi и многое другое. . .
- Извлечение субтитров из манифестов : субтитры могут быть извлечены из манифестов потокового мультимедиа и многое другое. . .

---

**Проект**

<Links href="https://github.com/yt-dlp/yt-dlp">github.com/yt-dlp/yt-dlp</Links>

**Источник**

<Links href="https://t.me/open_source_friend">Черный треугольник</Links>

Форк youtube-dl — yt-dlp


Для тех кто хочет скачать все видео канала youtube в одну команду.

Делается это с помощью [yt-dlp]: https://ghostbase.net/resource-fork-youtube-dl

Команда в терминале:

<Code language="javascript">
{`
yt-dlp ссылка на канал -f "bestvideoext=mp4+bestaudioext=m4a/bestext=mp4/best"
`}
</Code>

Например:

<Code language="javascript">
{`
yt-dlp https://www.youtube.com/c/SATOSHIFRIENDS -f "bestvideoext=mp4+bestaudioext=m4a/bestext=mp4/best"
`}
</Code>

И в многопоточном режиме оно скачает все

---

**Источник**

<Links href="https://t.me/hi_anon">Привет анон</Links>

Как скачать все видео канала YouTube


PeaZip - это простая свободная утилита для архивирования файлов и их разархивирования для Windows, BSD и GNU/Linux.

Работает с более чем 200 типами и вариантами архивов (7z, ace, arc, bz2, cab, gz, iso, paq, pea, rar, tar, wim, zip, zipx ... ), может обрабатывать составные архивы (001, r01, z01),  поддерживать несколько стандартов шифрования архивов и типов их сжатия

Поддерживает работу как в GUI так и в CLI
---

**Проект**

Проект: <Links href="https://github.com/peazip/PeaZip/">github.com/peazip/PeaZip</Links>

Сайт: <Links href="https://peazip.github.io/">peazip.github.io</Links>

---

**Источник**

<Links href="https://t.me/open_source_friend">Open Source</Links>

Свободный архиватор PeaZip


Свободный онлайн-графический редактор Photopea.

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

Photopea работает с основными популярными форматами файлов, включая PSD, GIMP, Sketch и другие. Слои, маски, режимы наложения, кисти и выделения также поддерживаются, что при необходимости, позволяет выполнять довольно сложное редактирование.

Поддержка форматов: 

- PSD, AI, INDD, XCF, Sketch, XD, FIG, KRI, CLIP, PXD, PXZ, CDR, UFO, Fireworks PNG, AFPHOTO, SVG, EPS, PDF, PDN, WMF, EMF.
- PNG (APNG), JPG, GIF, WebP, ICO, ICNS, BMP, PPM/PGM/PBM, TIFF, DDS, IFF, ANIM, TGA.
- DNG, NEF, CR2, CR3, ARW, RW2, RAF, ORF, GPR, 3FR, FFF.

---

**Проект**

Проект: <Links href="https://github.com/photopea/photopea">github.com/photopea/photopea</Links>

Сайт: <Links href="https://www.photopea.com/">photopea.com</Links>

---

**Источник**

<Links href="https://t.me/open_source_friend">Чёрный треугольник</Links>



Альтернатива Photoshop онлайн редактор Photopea


## K6 — облачный инструмент для нагрузочного тестирования с открытым исходным кодом.

Сервис генерирует тестовую нагрузку при большом объеме трафика для сайтов, веб-приложений, мобильных приложений и разнообразных API.

При необходимости К6 эмулирует одновременное посещение ресурса более чем миллионом пользователей.

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

---

**Проект**

Сайт: <Links href="https://k6.io/">k6.io</Links>

---

**Источник**

<Links href="https://t.me/open_source_friend">Чёрный треугольник</Links>


Сервис для тестовой нагрузки сервера

## WireGuard c GUI

Самый простой способ установить WireGuard VPN + веб-интерфейс администратора.

- Все в одном: WireGuard + веб-интерфейс.
- Простая установка, проста в использовании.
- Список, создание, удаление, включение и отключение клиентов.
- QR-код клиента.
- Функционал скачивания файла конфигурации клиентом
- Статистика по каким клиентам подключены.
- Поддержка Gravatar

**Проект**

Проект: <Links href="https://github.com/wg-easy/wg-easy">github.com/wg-easy/wg-easy</Links>



Простой способ установить WireGuard VPN


Strapi — CMS для управления контентом, работающий на Node.js

Фреймворк с открытым исходным кодом, полностью бесплатный.

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

Это решение пользуется большой популярностью и имеет свыше 39к звезд на GitHub.

---

**Проект**

Проект: <Links href="https://github.com/strapi/strapi">github.com/strapi/strapi</Links>

Проект: <Links href="https://strapi.io/">strapi.io</Links>

**Источник**

<Links href="https://t.me/open_source_friend">Чёрный треугольник</Links>



Фреймворк на Node.js


lozad.js — это легкая ленивая загрузка, которую можно использовать для разных элементов html

- ленивая загрузка элементов выполняется с использованием чистого JavaScript,
- это легкая библиотека, уменьшенная и сжатая,
- НЕ имеет ЗАВИСИМОСТЕЙ 🙂
- позволяет также ленивую загрузку динамически добавляемых элементов,
- поддерживает img, picture, iframe, видео, аудио, адаптивные изображения, фоновые изображения и несколько фоновых изображений и т. д.
- даже поддерживает LQIP (заполнитель изображений низкого качества)
- полностью бесплатен и имеет  **открытый исходный**  код.
- он будет перезагружен при изменении допустимых атрибутов.

---

**Проект**

Проект: <Links href="https://apoorv.pro/lozad.js">apoorv.pro/lozad.js</Links>

CDN: <Links href="https://cdn.jsdelivr.net/npm/lozad">cdn.jsdelivr.net/npm/lozad</Links>


Простая и легкая ленивая загрузка lozad.js


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

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

Очень понятная и обширная документация.

---

**Проект**

Проект: <Links href="https://github.com/htmlburger/carbon-fields">github.com/htmlburger/carbon-fields</Links>

Проект: <Links href="https://carbonfields.net">carbonfields.net</Links>

Библиотека для кастомных полей WordPress Carbon Fields


**Что есть в сборке:** 

-   компилятор для препроцессора scss/sass;
-   минификация готового css;
-   автопрефиксер;
-   импорт одних файлов в другие, который позволяет собирать html из модулей;
-   babel;
-   конвертация шрифтов из ttf вwoff и woff2;
-   полуавтоматическое формирование и подключение @font-face;
-   для живого обновления страниц — browsersync;
-   карта исходников для отображения в браузере, из какого scss взят кусок css;
-   сжатие изображений;
-   адекватное сжатие png через pngquant;
-   сжатие svg;
-   создание svg-спрайтов и конвертация svg в background-image;
-   конвертация растровых изображений в webp;
-   живая перезагрузка при работе с PHP (совместно с openserver);

[Скачать здесь](/download/GulpStart.zip)

---

**Проект**

Проект: <Links href="https://github.com/budfy/Easy-webdev-startpack">github.com/budfy/Easy-webdev-startpack</Links>

Проект: <Links href="https://webdesign-master.ru/blog/tools/gulp-4-lesson.html">webdesign-master.ru</Links>

Проект: <Links href="https://github.com/agragregra/gulp-4-lesson">github.com/agragregra/gulp-4-lesson</Links>



Лучшие стартовые шаблоны GULP


## wget

Скачать полностью весь сайт со всеми картинками, картинками с CSS, картинками из тег img, шрифтами, скриптам, библиотеками и всем остальным, в том виде, в каком его создавали.

**Команда**: 
<Code language="css">
{`wget --page-requisites -r -l 10 https://exemple.net/`}
</Code>

Ключ -l 10 означает уровень вложенности страниц (можно установить по желанию)

В macOS и linux работает из коробки, для Windows нужна настройка которая показана в видео ниже.

**Внимание**: этот материал исключительно для ознакомления и обучения!

---

**Проект**

Проект: <Links href="https://www.gnu.org/software/wget/">gnu.org</Links>



Как полностью скачать сайт

Fancybox экономит ваше время и помогает легко создавать красивые современные оверлейные окна, содержащие изображения, фреймы, видео или любой HTML-контент.

Это 4-е поколение Fancybox, предлагающее множество новых функций. Компоненты Carousel и Panzoom используются «под капотом» и помогают обеспечить лучший в своем классе пользовательский интерфейс. Кроме того, они легко интегрируются друг с другом.

>Легкий и удобный попап для сайта.

---

**Проект**

Fancybox: <Links href="https://fancyapps.com/docs/ui/fancybox/">fancyapps.com/docs/ui/fancybox</Links>

Carousel: <Links href="https://fancyapps.com/docs/ui/carousel/">fancyapps.com/docs/ui/carousel</Links>

Panzoom: <Links href="https://fancyapps.com/docs/ui/panzoom/">fancyapps.com/docs/ui/panzoom</Links>

Сайт: <Links href="https://fancyapps.com/">fancyapps.com</Links>


Слайдер всплывающее окно pop-up Fancybox

Инструкция по полной проверке сайта или сервера (рекомендуется):

- скопировать из папки /ai-bolit/ файлы на сервер в корневой каталог
- подключиться к серверу по ssh, перейти в папку сайта
- выполнить команду в командной строке

```
php ai-bolit.php
```
- дождаться окончания сканирования
```
 файл AI-BOLIT-REPORT-<дата>-<время>.html
```

---

**Проект**

Проект: <Links href="https://github.com/gregzem/aibolit">github.com/gregzem/aibolit</Links>


Антивирус для сайта Ai-bolit


## Удобный слайдер для верстки

- Полностью отзывчивый. Весы вместе с контейнером.
- Отдельные настройки для каждой точки останова
- По возможности использует CSS3. Полностью функциональный, когда нет.
- Свайп включен. Или отключен, если хотите.
- Перетаскивание мышью на рабочем столе
- Бесконечный цикл.
- Полностью доступен с помощью клавиш со стрелками
- Добавляйте, удаляйте, фильтруйте и не фильтруйте слайды
- Автовоспроизведение, точки, стрелки, обратные вызовы и т. д.

> **Необходима библтотека jquery**

---

**Проект**

Сайт: <Links href="https://kenwheeler.github.io/slick/">kenwheeler.github.io/slick</Links>

jQuery: <Links href="https://jquery.com/download/">jquery.com/download</Links>


Лучший слайдер на все случаи Slick slider


Достаточно просто переименовать папку темы и автозаменой во всех файлах слово — «dev» например на «my-theme»

Шаблон сделан на основе чистой темы с сайта underscores.me но вырезаны многие элементы которые за частую не используются разработчиками.

## Внимание!

В теме отключен Rest API, чтобы его включить нужно убрать это из файла function.php эти строки:

<Code language="javascript">
{`
/**
* disable API
*/
add_filter('rest_enabled', '__return_false');
remove_action('xmlrpc_rsd_apis', 'rest_output_rsd');
remove_action('wp_head', 'rest_output_link_wp_head', 10, 0);
remove_action('template_redirect', 'rest_output_link_header', 11, 0);
remove_action('auth_cookie_malformed', 'rest_cookie_collect_status');
remove_action('auth_cookie_expired', 'rest_cookie_collect_status');
remove_action('auth_cookie_bad_username', 'rest_cookie_collect_status');
remove_action('auth_cookie_bad_hash', 'rest_cookie_collect_status');
remove_action('auth_cookie_valid', 'rest_cookie_collect_status');
remove_filter('rest_authentication_errors', 'rest_cookie_check_errors', 100);
remove_action('init', 'rest_api_init');
remove_action('rest_api_init', 'rest_api_default_filters', 10, 1);
remove_action('parse_request', 'rest_api_loaded');
remove_action('rest_api_init', 'wp_oembed_register_route');
remove_filter('rest_pre_serve_request', '_oembed_rest_pre_serve_request', 10, 4);
remove_action('wp_head', 'wp_oembed_add_discovery_links');
remove_action('wp_head', 'wp_oembed_add_host_js');
`}
</Code>

Чтобы проверить отключен Rest API или нет, в конце URL сайта нужно добавить /wp-json/wp/v2/posts или /wp-json/wp/v2/pages (например https://site.com/wp-json/wp/v2/pages). Если вы получили json массив c ID страниц и т.п, то Rest API открыт.

---

**Проект**

Сгенерировать на underscores.me: <Links href="https://underscores.me/">underscores.me</Links>

Проект: <Links href="https://github.com/v-lucky/wp-clear-theme/">github.com/v-lucky/wp-clear-theme</Links>

Чек-лист для веб разработки Front-End Checklist

Похожие

Антивирус для сайта Ai-bolit

Библиотека для кастомных полей WordPress Carbon Fields