Jump to content

Useful IT

  • entry
    1
  • comments
    11
  • views
    3,716

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

Sha

21,452 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 6


11 Comments


Recommended Comments

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

Share this comment


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

Share this comment


Link to comment

Share this comment


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

Share this comment


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

Share this comment


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.

×

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.