Закладки с меткой WD*WEB-design

и всякие WEB и SEO инструменты.

Есть вкладки и файловый менеджер, но старомодненько...

интересный горизонтальный

интересный белый с движением

интересная анимация роадмапа

Интересно, но платно - новый подход к созданию сайтов.

100 идей для своего сайта.
+10 https://artlung.com/blog/2024/02/19/ten-more/

...for your next SaaS and Mobile app.

Превращает текстовые файлы в страницы сайта.
еще его проекты
https://randomcolor.lllllllllllllllll.com/ рандомные цвета
http://publicicons.lllllllllllllllll.com/ иконки icons

еще
https://github.com/MaxFeoktistov/smallsrv

кнопки для карты

Слайдер, карусель.

еще - показывает ответ сервера, наглядненько
https://www.redirect-checker.org/index.php

Настройка почты на сервере.

Проверка - редирект сайта.

...но только на Debian
страница конфигуратора
https://www.myvestacp.com/install_generator.html
скрипт для мультиверсий PHP
https://forum.myvestacp.com/viewtopic.php?f=18&t=52

Font - Fira Code или Jetbrains (тогда псевдографика в MC и Btop рисуется красивее)

еще
https://github.com/h2o/h2o
https://github.com/eantcal/thttpd

SSL сертификат после прохождения нескольких шагов. Нужен доступ к SSH.

Чтобы эта штука работала на стороннем сайте, нужно исполнить скрипт из адресной строки браузера:

javascript:(function () { var script = document.createElement('script'); script.src="//cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();

Или добавить непосредственно в код веб-страницы:

<script src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>

Программы для своего сервера.

Нано сервер для статики.

может потребоваться VPN

Собственное selfhosted облако для файлов.

...доступность докера, ключевого слова...

Подбор доменного имени для сайта.

Сжатие изображений (уменьшение массы).

...от хостингера.

еще
https://x10hosting.com/
https://hosteron.ru/ 10Mb
https://www.instafree.com/

http://forum.ru-board.com/topic.cgi?forum=11&topic=4411#1 - Подборка на Ru-board.

Своя соцсеть. См. Чоупатти.

Динамическое доменное имя. Запускать на сервере, которому нужен домен.

еще
https://www.freenom.com/ru/index.html?lang=ru уже очень трудно получить
---
https://sslip.io/ и nip.io
но для выдачи бесплатных сертификатов SSL они не подходят. Рейтлимиты (https://letsencrypt.org/docs/rate-limits/) выпуска сертификатов общие на весь sslip.io и nip.io. Чтобы такого не было, владельцы этих доменов должны были добавиться в public suffix list и тогда рейтлимиты на каждый поддомен считались бы отдельно, но они этого не сделали. На nip.io я по итогу получал ошибку TLS hanshake.

еще, но не проверял и выдачу сертов
https://www.dynu.com/en-US/DynamicDNS
noip.com
https://www.duckdns.org/

как начать
https://www.youtube.com/watch?v=x32zNvQBVdw

Вебсервер в одном файле.

Удобная библиотека для создания слайдов презентации в текстовом редакторе. Основа для slides.com.

Конструктор простейших одностраничных сайтов.

еще многостраничные
https://www.lauyan.com/ru/

еще одностраничные
https://carrd.co/

Автоматический экспорт заказов в Гугл таблицу.

https://www.tychesoftwares.com/export-woocommerce-orders-to-google-sheets-in-realtime/

Правильный скрипт - если несколько товаров в одном заказе, то он создает новые строчки. Задержка составляет ~2 минуты днем и несколько секунд ночью.

Создать лист, добавить к нему скрипт, развернуть его (деплой) как веб-приложение, сделать вебхук в Woo, сделать заказ, скоро он появится на листе в нижней пустой строке.

function doGet(e) {
return HtmlService.createHtmlOutput("request received");
}

function doPost(e) {
var myData = JSON.parse([e.postData.contents]);
//var timestamp = new Date();
var order_number = myData.number;
var order_date = myData.date_created;
var billing_first_name = myData.billing.first_name;
var billing_city = myData.billing.city;
var billing_phone = myData.billing.phone;
var product_name = myData.line_items[0].name; // for first product in the order
var product_quantity = myData.line_items[0].quantity;
var product_subtotal = myData.line_items[0].total;
var product_price = product_subtotal / product_quantity;
var order_total = myData.total;
//var order_status = myData.status;
//var billing_email = myData.billing.email;
//var billing_last_name = myData.billing.last_name;
//var billing_countryshort = myData.billing.country;
//var shipping_address = myData.billing.address_1 + myData.billing.address_2;
//var shipping_first_name = myData.shipping.first_name;
//var shipping_last_name = myData.shipping.last_name;
//var shipping_address_1 = myData.shipping.address_1;
//var shipping_address_2 = myData.shipping.address_2;
//var shipping_postcode = myData.shipping.postcode;
//var shipping_city = myData.shipping.city;
//var shipping_country = myData.shipping.country;
//var payment_method = myData.payment_method_title;
//var shipping_method = myData.shipping_lines[0].method_title;
//var shipping_total = myData.shipping_lines[0].total;
//var produkt_sku = myData.line_items[0].sku;
//var payment_method = myData.payment_method_title;
//var customer_note = myData.customer_note;
//var currency = myData.currency;

var sheet = SpreadsheetApp.getActiveSheet();

sheet.appendRow([order_number,order_date,billing_first_name,billing_city,billing_phone,product_name,product_quantity,product_price,product_subtotal,order_total]);

// for orders with few products
for (i in myData.line_items)
if(i>0){
{
//var produktsku = myData.line_items[i].sku; // for next products in the order
var more_product_name = myData.line_items[i].name;
var more_product_quantity = myData.line_items[i].quantity;
var more_product_subtotal = myData.line_items[i].total;
var more_product_price = more_product_subtotal / more_product_quantity;

sheet.appendRow(["","","","","",more_product_name,more_product_quantity,more_product_price,more_product_subtotal,""]);
}
}
}

Если ошибка в третьей строке - наберите заново кавычки, если 401 ошибка в Консоли при создании хука - проверьте, чтобы при деплойе (развертывании) скрипта было азрешено запускать ВСЕМ. При каждой правке скрипта удалять веб-апп и вебхук ,а потом создавать из заново.

Антивирус для проверки сайтов.

Синхронизация таблицы Гугла с сайтом Woocommerce.

еще подробнее про работу с плагином
https://www.youtube.com/watch?v=pNdxG_otQ5c

Homepage
https://najeebmedia.com/wordpress-plugin/woocommerce-google-sync/

еще можно связать WooCommerce и Google Sheets с помощью онлайн-коннектора ApiX-Drive.

Как после нажатия на Категорию открывать не товары в ней, а Подкатегории?

Открыть Категорию в Консоли, выбрать
Вид отображения -> «Подкатегории».

Проблема: делаются запросы по трем ссылкам (2022 год)
http://www.google-analytics.com/analytics.js
https://www.google-analytics.com/j/collect...
https://connect.facebook.net/en_US/fbevents.js
это замедляет загрузку и т.п. неприятное...

Решение: в файле /wp-content/plugins/clearfy/components/ga-cache/includes/3rd-party/class-clearfy-plugin.php

ищем window,document,'script' и закомментируем весь скрипт, в котором есть такие вхождения.

Привязка домена к динамическому IP (например, для камеры).

Описание https://vavik96.com/modalnyj-blok-video-na-css3/

На сайте есть ютуб видео, добавьте в конце урла ?rel=0
Это выведет другие видео с ЭТОГО канала.

+ много вкладок, SFTP, RDP, VNC и многое другое

еще
https://mremoteng.org/
https://www.netsarang.com/en/xshell/

Возможность связать локальный домен с доменом вида https://************.ngrok.io/, доступным в интернете. Сервис сам генерирует https, даже если исходный домен без SSL.

Отличный Lazyload без настроек.

Пишем нужный ответ в URL и получаем.

еще
https://httpstat.us/503

Вместо ISP, DA и cPanel.

еще Vesta

Сначала папкам 755, потом файлам 644. Через терминал зайти в нужную папку или выполнить
cd /var/www/sait.ru

Затем
find ./ -type d -exec chmod 0755 {} ∖;
find ./ -type f -exec chmod 0644 {} ∖;

Поддерживает ли сервер http/2.0?

Человеческая подпись для сайта о его создателях.

Бесплатно один канал.

Старые копии вебстраниц (можно найти то, что уже удалили из общедоступного интернета).

еще
http://cachedview.com/

Крутые виджеты!

Сайт полностью на canvas и java-script

еще
https://www.sqlmanager.net/ru/products/mysql/manager
https://www.heidisql.com/

Алфавит
а б в г д е ё ж з и й к л м н о п р с т у ф х ц ч ш щ ъ ы ь э ю я
Транслитерация Яндекса
a-b-v-g-d-e-yo-zh-z-i-y-k-l-m-n-o-p-r-s-t-u-f-h-c-ch-sh-shch--y--e-yu-ya

для Clearfy (убрать перевод строки!)
ё=yo,Ё=YO,ж=zh,Ж=ZH,й=y,Й=Y,ф=f,Ф=F,х=h,Х=H,ц=c,Ц=C,ч=ch,Ч=CH,ш=sh,Ш=SH,
щ=shch,Щ=SHCH,ъ=,Ъ=,ы=y,Ы=Y,ь=,Ь=,ю=yu,Ю=YU,я=ya,Я=YA

Для Cyr-To-Lat case 'iso9' в
/wp-content/plugins/cyr2lat/src/php/class-conversion-tables.php:
'Ж' => 'J', Й' => 'I', 'Ц' => 'C', 'Щ' => 'SHCH', 'ж' => 'j', 'й' => 'i', 'ц' => 'c', 'щ' => 'shch',

Удобный инструмент по выкачиванию шрифтов Гугла и созданию своих self-hosted fonts.

В порядке уменьшения читабельности (субъективно):

Ubuntu (в простом жирнее многих, воздушный)

Mulish (хорошо в жирном и простом, воздушный), PT Sans (буквы выше других, отлично читается в простом)

Roboto, Noto, Open Sans Slabo 27px (нет жирного), Raleway

Montserrat, Oswald, Lato, Droid Sans

(полезно для Figma)

Свободно распространяемые SVG на темы бизнесса, жизни и т.п.

Иконки, набор иконок.

Инструменты и заготовки для дизайнера.

еще для Figma
https://www.figma.com/community/explore

Подбор цвета и цветовой схемы (для веб-дизайна и т.д.)

+ такие плюшки, как подключение мессенджеров и т.п.

Легкий и бесплатный тест сайта на недочеты и ошибки.

Еще такой же бесплатный сток
https://unsplash.com/

Сканирование сайта на известные уязвимости, лайт версия бесплатно. В основном находит отсутствие безопасных заголовков у кукисов.

...из нескольких локаций со всего мира. Удобные графики.

еще
http://zabolotskikh.com/tips/content-security-policy/

Картинка в консоли DevTools. Ссылку на описание можно найти в консоли вашего браузера.

Проверочный список того, что нужно сделать...

...и топовым словам.

Потом можно сделать форвардинг (переслать) из своего почтового сервиса.

Litmus PutsMail — Create, test and send your HTML emails
https://putsmail.com/

Адаптивный html-шаблон для писем. Even in Outlook and Gmail.

еще о html-письмах
https://habr.com/ru/company/pechkin/blog/273677/

Платный, после создания квиза есть ежемесячная абонплата.

Сканирование всех страниц сайта на предмет нахождения ссылок с http.

Можно использовать как нагрузочный тест - вызывает нагрузку на entry processes.

Новые возможности для фавикон.

Оптимизация изображений налету.
пока не пробовал

Опенсорсная система дистанционного обучения: презентации с аудио, видео, слайды, тесты/голосование, чаты (1 паблик и Х приватных)... Для установки нужен сервер.

Ручной чеклист для проверки качества странички сайта. Потом можно вывести в pdf.