Полезное для разработчика.

Осталось найти во всем это хоть что-то полезное. Не понятен смысл написанного.

добавил в закладки!

Добавлю от себя (точнее себе, что бы искать было проще   ) :

Шпаргалки на все случаи :

https://webref.ru

https://www.cssportal.com

Ocmod :

https://github.com/opencart/opencart/wiki/Modification-System

https://xdomus.ru/opencart/ocmod-instruktsiya-dlya-razrabotchika/

http://dyisol.com/vqmod-to-ocmod-conversion-tool.php

Минифицированные файлы :

https://www.10bestdesign.com/dirtymarkup/

Чистильщик HTML :

http://ifman.ru/html_cleaner/

Таблицы bootstrap :

https://datatables.net

Иконки Free:

https://icon-icons.com/ru/

Сервис хранения изображений (Позволяет вставлять на форум прямую ссылку на изображение, без необходимости грузить картинки на форум) :

https://piccy.info

Не по теме (для тех кто не хочет работать в полной тишине ): 

http://psyradio.com.ua

3 часа назад, Tom сказал:

http://psyradio.com.ua

Ух ты... Мне казалось, что его "положили"

Это заставка, не у всех флеш

адрес потока

http://psyradio.com.ua/PsyRadio_64kbps.m3u

http://psyradio.com.ua/PsyRadio_128kbps.m3u
http://psyradio.com.ua/PsyRadio_256kbps.m3u

немного от себя 

Шпаргалка по Grid CSS:

https://tpverstak.ru/grid/

Все по верстке писем:

https://habr.com/ru/company/pechkin/blog/273677/

Fetch:

https://github.github.io/fetch/

JS:

https://github.com/ryanmcdermott/clean-code-javascript

https://github.com/lydiahallie/javascript-questions

юникод:

https://unicode-table.com/ru/

иконки:

https://icons8.com/

http://fontello.com/

https://fontawesome.com/icons?from=io

CSS Sprite Generator:

https://spritegen.website-performance.org/

@font-face:

https://transfonter.org/

Вычислить пропорции изображения:

https://ciox.ru/aspect-ratio

Иногда СЕО:

https://arsenkin.ru/tools/

Прелоадеры

https://github.hubspot.com/pace/docs/welcome/

Сжатие изображений

https://imageoptim.com/online

И я закину.

JavaScript

- jQuery to Vanilla - миграция с jQuery на чистый js, некоторые альтернативы

- Event KeyCodes - удобный отлов нужных кодов кнопок

- Bootstrap Tour - путеводитель по функциям и возможностям для ваших расширений

- PapaParse5 - конвертер csv <> json

- regexpal.com - еще один неплохой тестер регулярок

- NW.js - делаем нативное приложение под win на обычном js + html5 (да, такие как Atom, Spotify и другие)

PHP

- PHP: Правильный путь - все слышали, не все знают. 

CSS

- https://css-tricks.com/ - название говорит само за себя. Очень много годных приемов и руководств

- https://animate.style/ - библиотека трансформаций и анимаций с наглядными примерами

- https://cssgradient.io/ - градиенты на css

Другое по фронту

- Карта Украины в формате SVG

- https://graphemica.com/ - символьные иконки (HTML мнемоники)

- https://www.toptal.com/designers/htmlarrows/ - еще иконки символами

- https://color.adobe.com/ru/explore/ - цветовые схемы от Adobe

- https://caniuse.com/ - первый ресурс для проверки поддержки браузерных технологий

Фреймворки

- UIkit

- Semantic UI

Сервер

- PHP-FPM Process Caluculator - калькулятор настроек конфига php-fpm

- https://goaccess.io/ - отличная замена webalizer и awstats

- Шпора по Exim

- NGINXConfig - генератор конфигов nginx от DigitalOcean

Рыба

- https://loremflickr.com/ - Рыба Изображения

- https://picsum.photos/ - еще 

- https://placeholder.com/ - пустышки вместо изображений

- https://fish-text.ru/ - Рыба Текст

Другие инструменты

- https://jscompress.com/ - минификатор, валидатор и многое другое для js и не только

- https://javascript-minifier.com/ - сжимаем js и другие языки

- https://jshint.com/ - оценка качества js кода

- https://beautifier.io/ - декомпрессор, форматтер для js

- https://technicalseo.com/tools/schema-markup-generator/ - Schema Markup Generator (JSON-LD)

- https://www.rankranger.com/schema-markup-generator - Еще один генератор микроданных/разметки

- https://sqlformat.org/ - SQL форматтер

- http://sqlfiddle.com/ - SQL песочница

- PHP Sandbox - быстрая отладка мелкого кода. Действуют ограничения

- PHP liveregex - тестер регулярок в php окружении

- https://httpstatus.io/ - тестер кодов ответа сервера, редиректы и прочее

- https://www.base64-image.de/ - base64 конвертер изображений

- https://mxtoolbox.com/ - мощный инструмент диагностики MX записей домена, DMARC 

- https://toolbox.googleapps.com/apps/checkmx/ - тоже самое в упрощенке от Google

- https://ipinfo.io/ - информация об IP, есть API

- http://detectmobilebrowsers.com/ - набор скриптов на разных языках для определения мобильных браузеров

Интересное

- https://www.webdesignmuseum.org/ - WEB музей. История развития сайтов крупных компаний

В 31.03.2020 в 11:06, chukcha сказал:

Ух ты... Мне казалось, что его "положили"

Норм тема. Есть еще такое под кодинг 

https://donatstudios.com/RewriteRule_Generator - генератор редиректов для apache; 
https://www.diffchecker.com/ - находит и показывает разницу в файлах, картинках, pdf и excel документах;
https://codepen.io/jakob-e/pen/doMoML - optimizing svgs in data uris;
https://google-webfonts-helper.herokuapp.com/fonts - google webfonts helper;
https://feathericons.com/ - svg иконки;
https://loremflickr.com/ - placeholder images из flickr;
https://dribbble.com/ - иногда можно почерпнуть идеи для ui, ux.

https://jakearchibald.github.io/svgomg/ - Оптимизация SVG иконок

https://github.com/htmlonelove/liga-pug-template - Хороший стартовый набор для верстки

https://phptotwig.com/ - конвертируем php template в twig

Оставлю, что бы самому не потерять.

https://play.google.com/store/apps/details?id=com.exiland.phrases

Небольшая программка, для андроидов . Пригодится думаю многим авторам дополнений, которые часто просматривают форум с мобильного, а в личке или в теме поддержки их дополнений , покупатель задаёт вопрос который был озвучен другими 100500 раз и столько же раз на него был дан ответ.

Вкратце принцип работы.

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

Это всегда более позитивно, чем любой ответ с формулировкой "Я тысячи раз уже на это отвечал...".

У вас как у автора это заняло три клика, у покупателя сложилось положительное мнение о вас , как об авторе.

Всем добра!

38 минут назад, Tom сказал:

покупатель задаёт вопрос который был озвучен другими 100500 раз и столько же раз на него был дан ответ. 
...Это всегда более позитивно, чем любой ответ с формулировкой "Я тысячи раз уже на это отвечал...".

или линк на FAQ )

8 минут назад, Sha сказал:

или линк на FAQ )

Из собственной практики.

Любая ссылка, вместо ответа, вызывает не просто недовольство, а зачастую откровенную агрессию.

FAQ удобен, когда ответ должен быть слишком большим/сложным, часто со скринами , ссылками итп.

Если же это можно уложить в несколько предложений, то мой вариант лучше.

Я использую эту программку более полутора лет. 

Очень спасает иногда даже стоя , где нибудь в пробке или с тележкой в магазине .

1 минуту назад, Tom сказал:

Из собственной практики.

Любая ссылка, вместо ответа, вызывает не просто недовольство...

тут согласен!

Иконки Font Awesome

v4.4.0 - 585 шт.

v4.7.0 - 675 шт.

v5.15.1 - 1001 шт.

Я не смог найти какой-нибудь список иконок, поэтому делаю свой и делюсь с вами:

icons.js

Иконки Bootstrap v3.3.5+ - 262 шт.:

			var base_icons = {
				'glyphicon':["glyphicon-asterisk","glyphicon-plus","glyphicon-euro","glyphicon-minus","glyphicon-cloud","glyphicon-envelope","glyphicon-pencil","glyphicon-glass","glyphicon-music","glyphicon-search","glyphicon-heart","glyphicon-star","glyphicon-star-empty","glyphicon-user","glyphicon-film","glyphicon-th-large","glyphicon-th","glyphicon-th-list","glyphicon-ok","glyphicon-remove","glyphicon-zoom-in","glyphicon-zoom-out","glyphicon-off","glyphicon-signal","glyphicon-cog","glyphicon-trash","glyphicon-home","glyphicon-file","glyphicon-time","glyphicon-road","glyphicon-download-alt","glyphicon-download","glyphicon-upload","glyphicon-inbox","glyphicon-play-circle","glyphicon-repeat","glyphicon-refresh","glyphicon-list-alt","glyphicon-lock","glyphicon-flag","glyphicon-headphones","glyphicon-volume-off","glyphicon-volume-down","glyphicon-volume-up","glyphicon-qrcode","glyphicon-barcode","glyphicon-tag","glyphicon-tags","glyphicon-book","glyphicon-bookmark","glyphicon-print","glyphicon-camera","glyphicon-font","glyphicon-bold","glyphicon-italic","glyphicon-text-height","glyphicon-text-width","glyphicon-align-left","glyphicon-align-center","glyphicon-align-right","glyphicon-align-justify","glyphicon-list","glyphicon-indent-left","glyphicon-indent-right","glyphicon-facetime-video","glyphicon-picture","glyphicon-map-marker","glyphicon-adjust","glyphicon-tint","glyphicon-edit","glyphicon-share","glyphicon-check","glyphicon-move","glyphicon-step-backward","glyphicon-fast-backward","glyphicon-backward","glyphicon-play","glyphicon-pause","glyphicon-stop","glyphicon-forward","glyphicon-fast-forward","glyphicon-step-forward","glyphicon-eject","glyphicon-chevron-left","glyphicon-chevron-right","glyphicon-plus-sign","glyphicon-minus-sign","glyphicon-remove-sign","glyphicon-ok-sign","glyphicon-question-sign","glyphicon-info-sign","glyphicon-screenshot","glyphicon-remove-circle","glyphicon-ok-circle","glyphicon-ban-circle","glyphicon-arrow-left","glyphicon-arrow-right","glyphicon-arrow-up","glyphicon-arrow-down","glyphicon-share-alt","glyphicon-resize-full","glyphicon-resize-small","glyphicon-exclamation-sign","glyphicon-gift","glyphicon-leaf","glyphicon-fire","glyphicon-eye-open","glyphicon-eye-close","glyphicon-warning-sign","glyphicon-plane","glyphicon-calendar","glyphicon-random","glyphicon-comment","glyphicon-magnet","glyphicon-chevron-up","glyphicon-chevron-down","glyphicon-retweet","glyphicon-shopping-cart","glyphicon-folder-close","glyphicon-folder-open","glyphicon-resize-vertical","glyphicon-resize-horizontal","glyphicon-hdd","glyphicon-bullhorn","glyphicon-bell","glyphicon-certificate","glyphicon-thumbs-up","glyphicon-thumbs-down","glyphicon-hand-right","glyphicon-hand-left","glyphicon-hand-up","glyphicon-hand-down","glyphicon-circle-arrow-right","glyphicon-circle-arrow-left","glyphicon-circle-arrow-up","glyphicon-circle-arrow-down","glyphicon-globe","glyphicon-wrench","glyphicon-tasks","glyphicon-filter","glyphicon-briefcase","glyphicon-fullscreen","glyphicon-dashboard","glyphicon-paperclip","glyphicon-heart-empty","glyphicon-link","glyphicon-phone","glyphicon-pushpin","glyphicon-usd","glyphicon-gbp","glyphicon-sort","glyphicon-sort-by-alphabet","glyphicon-sort-by-alphabet-alt","glyphicon-sort-by-order","glyphicon-sort-by-order-alt","glyphicon-sort-by-attributes","glyphicon-sort-by-attributes-alt","glyphicon-unchecked","glyphicon-expand","glyphicon-collapse-down","glyphicon-collapse-up","glyphicon-log-in","glyphicon-flash","glyphicon-log-out","glyphicon-new-window","glyphicon-record","glyphicon-save","glyphicon-open","glyphicon-saved","glyphicon-import","glyphicon-export","glyphicon-send","glyphicon-floppy-disk","glyphicon-floppy-saved","glyphicon-floppy-remove","glyphicon-floppy-save","glyphicon-floppy-open","glyphicon-credit-card","glyphicon-transfer","glyphicon-cutlery","glyphicon-header","glyphicon-compressed","glyphicon-earphone","glyphicon-phone-alt","glyphicon-tower","glyphicon-stats","glyphicon-sd-video","glyphicon-hd-video","glyphicon-subtitles","glyphicon-sound-stereo","glyphicon-sound-dolby","glyphicon-sound-5-1","glyphicon-sound-6-1","glyphicon-sound-7-1","glyphicon-copyright-mark","glyphicon-registration-mark","glyphicon-cloud-download","glyphicon-cloud-upload","glyphicon-tree-conifer","glyphicon-tree-deciduous","glyphicon-cd","glyphicon-save-file","glyphicon-open-file","glyphicon-level-up","glyphicon-copy","glyphicon-paste","glyphicon-alert","glyphicon-equalizer","glyphicon-king","glyphicon-queen","glyphicon-pawn","glyphicon-bishop","glyphicon-knight","glyphicon-baby-formula","glyphicon-tent","glyphicon-blackboard","glyphicon-bed","glyphicon-apple","glyphicon-erase","glyphicon-hourglass","glyphicon-lamp","glyphicon-duplicate","glyphicon-piggy-bank","glyphicon-scissors","glyphicon-bitcoin","glyphicon-btc","glyphicon-xbt","glyphicon-yen","glyphicon-jpy","glyphicon-ruble","glyphicon-rub","glyphicon-scale","glyphicon-ice-lolly","glyphicon-ice-lolly-tasted","glyphicon-education","glyphicon-option-horizontal","glyphicon-option-vertical","glyphicon-menu-hamburger","glyphicon-modal-window","glyphicon-oil","glyphicon-grain","glyphicon-sunglasses","glyphicon-text-size","glyphicon-text-color","glyphicon-text-background","glyphicon-object-align-top","glyphicon-object-align-bottom","glyphicon-object-align-horizontal","glyphicon-object-align-left","glyphicon-object-align-vertical","glyphicon-object-align-right","glyphicon-triangle-right","glyphicon-triangle-left","glyphicon-triangle-bottom","glyphicon-triangle-top","glyphicon-console","glyphicon-superscript","glyphicon-subscript","glyphicon-menu-left","glyphicon-menu-right","glyphicon-menu-down","glyphicon-menu-up"]
			};

Может не совсем в тему. Накидал себе конспект, по установке и настройке LAMP на ubuntu. Собирал из нескольких источников. 

Установка и настройка LAMP.docx

XAMPP + XDebug 

xdebug.dump.SERVER = REMOTE_ADDR,REQUEST_METHOD

all setting, in php.ini for XAMPP and XDebug and PHPStorm:

...
[ionCube]
;..._win_you_php_version.dll
zend_extension = "C:\xampp\php\ext\ioncube_loader_win_7.4.dll"
...
[xdebug]
zend_extension = xdebug
xdebug.mode = debug
xdebug.discover_client_host = false
xdebug.client_host="localhost"
xdebug.default_enable = 1
xdebug.dump.SERVER = REMOTE_ADDR,REQUEST_METHOD
...

Как лучше написать регулярное выражение для модификаторов

#^.....$#m

например: #^\$\w+$#m

Как быстро адаптировать модуль с .tpl от OpenCart версии 2.3.х для OpenCart версии 3.0 и выше, где используется .twig (Хак)

Нужно строки где подключается шаблон такие как

$this->response->setOutput($this->load->view('extension/.../...', $data));

заменить на

...
// opencartforum.com Sha (fast adaptation to twig)
$thisConfigTemplate = $this->config->get('template_engine');

$this->config->set('template_engine', 'template');

$this->response->setOutput($this->load->view('extension/module/multiedit', $data));

$this->config->set('template_engine', $thisConfigTemplate);
...

v.2 для админки, есть ещё файл upload/admin/controller/event/theme.php

где тип шаблона определяется "автоматически", но он может быть отключен в событиях.

Как просто установить значение для тэга <select></select> с помощью javascript

select.selectedIndex = 3;

document.querySelector(".form-select").selectedIndex = 3;

https://www.w3schools.com/jsref/prop_select_selectedindex.asp