{"id":13609700,"url":"https://github.com/bespoyasov/tools","last_synced_at":"2025-05-04T08:31:50.139Z","repository":{"id":44387144,"uuid":"399821839","full_name":"bespoyasov/tools","owner":"bespoyasov","description":"Список полезных сервисов для разработчиков.","archived":true,"fork":false,"pushed_at":"2021-12-09T11:40:48.000Z","size":16,"stargazers_count":134,"open_issues_count":0,"forks_count":12,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-03-26T21:17:58.947Z","etag":null,"topics":["css","editing","front-end","git","html","javascript","shell","tools"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bespoyasov.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"custom":["bespoyasov.ru/support/"]}},"created_at":"2021-08-25T13:05:16.000Z","updated_at":"2025-03-23T14:30:50.000Z","dependencies_parsed_at":"2022-07-15T00:30:43.855Z","dependency_job_id":null,"html_url":"https://github.com/bespoyasov/tools","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bespoyasov%2Ftools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bespoyasov%2Ftools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bespoyasov%2Ftools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bespoyasov%2Ftools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bespoyasov","download_url":"https://codeload.github.com/bespoyasov/tools/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252308140,"owners_count":21727133,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","editing","front-end","git","html","javascript","shell","tools"],"created_at":"2024-08-01T19:01:37.203Z","updated_at":"2025-05-04T08:31:45.119Z","avatar_url":"https://github.com/bespoyasov.png","language":null,"readme":"# Список полезных сервисов для разработчиков\n\nЧем я часто пользуюсь сам и могу порекомендовать другим.\n\n## HTML и доступность\n\n- [Emmet](https://www.emmet.io), генератор HTML-кода из «CSS-селекторов»;\n- [Can I Include](https://caninclude.glitch.me), ответит на вопрос «Можно ли класть один тег в другой?»;\n- [HTML head](https://html-head.ru), поможет найти нужный элемент для `\u003chead\u003e` страницы;\n- [Logical Content Flow](https://defaced.dev/tools/logical-content-flow/), найдёт проблемы с заголовками, их порядком и отображением;\n- [Better Mobile Inputs](https://better-mobile-inputs.netlify.app), поможет подобрать `\u003cinput\u003e` и атрибуты для него так, чтобы им было удобно пользоваться на мобильных;\n- [Weblind](https://weblind.ru), рекомендации по разработке сайтов для людей с нарушениями зрения;\n- [Inclusive Components](https://inclusive-components.design), примеры реализации слайдеров, аккордеонов и других компонентов с упором на доступность;\n- [Axe](https://www.deque.com/axe/), браузерный плагин для комплексной проверки доступности страниц;\n- [Good Email Code](https://www.goodemailcode.com), справочник и набор рекомендаций для пуленепробиваемой вёрстки писем;\n- [How to Favicon in 2021](https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs), статья-чеклист о том, как добавлять фавиконку на сайт без лишнего кода;\n- [W3C Validator](https://validator.w3.org/nu/#textarea), валидатор HTML-кода.\n\n## Подготовка графики\n\n- [Squoosh](https://squoosh.app), приложение, CLI и API для оптимизации графики;\n- [SVG URL Encoder](https://yoksel.github.io/url-encoder/ru/), кодирует SVG в URL-строку, чтобы использовать его в `background` без base64;\n- [SVG OMG](https://jakearchibald.github.io/svgomg/), оптимизатор SVG;\n- [Social Image Preview](https://socialsharepreview.com/), предпросмотрщик изображений для соцсетей;\n- [Facebook Debug](https://developers.facebook.com/tools/debug/), дебагер соц-изображений для Facebook.\n\n## Стилизация и CSS\n\n- [Can I Use](https://caniuse.com/), поможет проверить браузерную поддержку свойства;\n- [Can I Use CMD](https://github.com/sgentle/caniuse-cmd), CLI для Can I Use;\n- [Nth Tester](https://css-tricks.com/examples/nth-child-tester/), поможет проверить, так ли работает ваш `nth-child` селектор;\n- [Flexbox Playground](https://codepen.io/enxaneta/full/adLPwv/), визуализирует работу флекс-свойств;\n- [Grid by Example](https://gridbyexample.com/examples/), шпаргалка по CSS grid;\n- [Grid Lover](https://www.gridlover.net/try), конструктор вертикального ритма и отступов для заголовков и параграфов;\n- [Specificity Calc](https://specificity.keegan.st), калькулятор специфичности селекторов;\n- [Colord](https://colord.omgovich.ru), конвертер цветов между разными цветовыми схемами;\n- [CSS Gradient](https://cssgradient.io), конструктор CSS градиентов;\n- [Easings](https://easings.net), справочник по easing-функциям с примерами;\n- [Cubic Bezier](https://cubic-bezier.com/#.87,0,.13,1), конструктор и редактор кривых Безье;\n- [CSS Patterns](https://projects.verou.me/css3patterns/), коллекция фоновых узоров на чистом CSS;\n- [CSS Shapes](https://css-tricks.com/the-shapes-of-css/), набор часто используемых фигур на чистом CSS;\n- [CSS Triggers](https://csstriggers.com), подскажет, какие свойства запускают layout, paint и composite.\n\n## Git, shell\n\n- [Oh shit! Git](https://ohshitgit.com), подскажет, что делать, если вы допустили ошибку в гите;\n- [Git Explorer](https://gitexplorer.com), справочник по командам и возможностям гита;\n- [Explain Shell](https://explainshell.com), объясняет команды терминала и ключи к ним.\n\n## JavaScript и SPA\n\n- [You Might Not Need JS](http://youmightnotneedjs.com), набор фич, некоторые их которых действительно можно сделать без JS;\n- [HTML DOM](https://htmldom.dev), набор нативных функций для работы с DOM-деревом;\n- [Does it Mutate](https://doesitmutate.xyz), подскажет, какие методы изменяют массив, а какие нет;\n- [Keycode Info](http://keycode.info), покажет код нажатой клавиши;\n- [Tmstmp](https://bespoyasov.ru/tmstmp/), переводит даты в таймштампы и обратно;\n- [Generating Random Integers](https://stackoverflow.com/a/1527820/3141337), пример генерации случайного целого с подробным объяснением работы;\n- [Jest Mocking Strategies](https://mercedesbernard.com/blog/jest-mocking-strategies), мои моки в Jest никогда не работают с первого раза;\n- [Debounce / Throttle](http://demo.nimius.net/debounce_throttle/), показывает разницу между `debounce` и `throttle`;\n- [Anything to Anything Transformer](https://transform.tools/json-schema-to-openapi-schema), конвертирует что угодно во что угодно;\n- [Regex 101](https://regex101.com), редактор и тестер регулярных выражений с объяснениями каждого символа и примерами.\n\n## Бэкенд и базы данных\n\n- [HTTP Statuses](https://httpstatuses.com), список HTTP статусов ответа с их значениями;\n- [Application Security](https://application.security/free/owasp-top-10), интерактивный чеклист по уязвимостям веб-приложений с объяснениями и рекомендациями к защите;\n- [Checklist for Changing Data Model](https://rtpg.co/2021/06/07/changes-checklist.html), чеклист для миграции данных и схем данных.\n\n## Текст, редактура, CV\n\n- [White Spaces](https://kirillbelyaev.com/s/), список всех существующих пробелов и рекомендации по использованию каждого;\n- [Типограф](https://typograf.github.io/mobile.html), правит пунктуацию, ставит неразрывные пробелы и проч.;\n- [Markdown Cheatsheet](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet), справочник по MD;\n- [Markdown Editor](https://readme.so), визуальный редактор MD;\n- [Polacode](https://github.com/octref/polacode), скриншоттер для фрагментов кода;\n- [Resume.io](https://resume.io), конструктор CV.\n\n## Английский язык\n\n- [Grammarly](https://app.grammarly.com), проверит орфографию, пунктуацию и грамматику английского текста;\n- [Deepl](https://www.deepl.com/translator), умный переводчик текста на нейронных сетях, который понимает контекст.\n","funding_links":["bespoyasov.ru/support/"],"categories":["Others"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbespoyasov%2Ftools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbespoyasov%2Ftools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbespoyasov%2Ftools/lists"}