Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Useful IT

  • entry
    1
  • comments
    16
  • views
    3,926

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


Sha

22,024 views

    Полезное:

     1) Рефакторинг и Паттерны проектирования

 

    Безопасность:

     1) Проверка подлинности модуля или шаблона.

 

    Самоорганизация:

  1. Доска задач
  2. Wakatime -  удобный тайм-трекер для разработчиков

 

     Шпаргалки:

     1) jquery карта функций.

     2) Могу ли я использовать.

     3) Шпаргалка по Grid CSS: https://tpverstak.ru/grid/

     4) Шпаргалки на все случаиhttps://webref.ru @Tom

     5) Шпоры: https://www.cssportal.com @Tom

     6) В помощь работы с ocmod: @Tom

         - 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

     7) Все по верстке писем: https://habr.com/ru/company/pechkin/blog/273677/ @pimur

 

 

     Сервисы:

     1) Конструктор и библиотека регулярок.

     2) Оффлайн шпаргалка по регуляркам.

     3) Вычислить пропорции изображения: https://ciox.ru/aspect-ratio @pimur

 

    Оптимизация:

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

 

    Разное:

     1) https://github.com/

     2) https://bitbucket.org/

     3) Минифицированные файлы: https://www.10bestdesign.com/dirtymarkup/ @Tom

     4) Чистильщик HTML: http://ifman.ru/html_cleaner/ @Tom

     5) Fetch: https://github.github.io/fetch/ @pimur

     6) JS: https://github.com/ryanmcdermott/clean-code-javascripthttps://github.com/lydiahallie/javascript-questions @pimur

     7) Юникод: https://unicode-table.com/ru/ @pimur

     8) CSS Sprite Generator: https://spritegen.website-performance.org/ @pimur

 

    Технологии:

    1) Таблицы bootstrap: https://datatables.net @Tom

 

    Ресурсы:

  1. Иконки Free: https://icon-icons.com/ru/ @Tom
  2. Сервис хранения изображенийhttps://piccy.info  (Позволяет вставлять на форум прямую ссылку на изображение, без необходимости грузить картинки на форум) @Tom
  3. Прелоадеры @Tom

 

     SEO:

    1) https://arsenkin.ru/tools/ @pimur

 

В планах расширить, исправить, доработать! ;)

  • +1 7

16 Comments


Recommended Comments

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

Link to comment

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

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

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

 

 

 

 

  • +1 1
Link to comment

И я закину.

 

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 сказал:

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

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

 

 

 

  • +1 5
Link to comment

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.

  • +1 4
Link to comment

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

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

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

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

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

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

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

Всем добра!

  • +1 2
Link to comment
38 минут назад, Tom сказал:

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

или линк на FAQ )

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

или линк на FAQ )

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

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

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

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

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

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

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

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

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

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

Link to comment

Иконки Font Awesome

v4.4.0 - 585 шт.

v4.7.0 - 675 шт.

v5.15.1 - 1001 шт.

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

icons.js

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.