undefined favicon
quicktype https://quicktype.io/

Онлайн-описыватель JSON на разных языках программирования. Для меня полезнее всего в связке с Java (для бэкэнда) и в JSON Schema (для сваггера).

undefined favicon
Windscribe https://windscribe.com/

VPN-сервис, который юзает мой друг. Я пока ещё не пользовался, но говорит, что он бесплатный.

undefined favicon
IP Logger https://iplogger.org/

Эта штука создаёт ссылки, которые потом можно вставлять на сайты, чтобы трекать посетителей по IP.

undefined favicon
draw.o https://www.draw.io/

Рисовальщик всяких диаграмм.

undefined favicon
Moqups https://app.moqups.com/

Рисовальщик всяких мокапов.

REQ | RES https://reqres.in/

Мок для REST API.

undefined favicon
UUID Generator https://www.uuidgenerator.net/

Онлайн-генератор UUID.

undefined favicon
TimeStamp Converter https://www.unixtimestamp.com/

Преобразователь таймштампов во время и наоборот.

undefined favicon
JSON to YAML https://www.json2yaml.com/

Конвертер JSON в YAML и обратно онлайн.

undefined favicon
Справочник по Telegram Bot API https://tlgrm.ru/docs/bots/api

Справочник по API телеграм ботов, но не на сайте телеграма. В общем, чтобы не пришлось ходить на официальный сайт через прокси.

undefined favicon
Wireframe.cc https://wireframe.cc/

Очень простая и лаконичная рисовалка мокапов без регистрации и смс.

undefined favicon
ASCII Art Collection https://asciiart.website

Публичная коллекция ASCII-арта.

undefined favicon
World Cities Database https://simplemaps.com/data/world-cities

База данных кучи городов со всей планеты. Удобно для автоматической обработки.

undefined favicon
KDE Connect https://kdeconnect.kde.org

Тулза, которая стримит уведомления между компьютером и телефоном по локальной сети. И ещё куча всяких штук

undefined favicon
Kenney https://kenney.nl/

Куча бесплатных ассетов для разработки своих игр, огонь просто!

undefined favicon
AST explorer https://astexplorer.net

Вставляешь код на JS / Java / CSS / любом другом языке, изучаешь его абстрактное синтаксическое дерево. Непонятно, зачем, но прикольно.

undefined favicon
mapshaper https://mapshaper.org

Простенький редактор GeoJSON.

undefined favicon
OSGeo https://www.osgeo.org

Организация, которая занимается разработкой Open Source проектов в области картографии. Там много проектов, которые могут пригодиться.

undefined favicon
The GIS Encyclopedia http://wiki.gis.com/

Вики про разработку геоинформационных систем.

Geospatial Analysis https://spatialanalysisonline.com/HTML/index.html

Книжка про проектирование геоинформационных систем.

undefined favicon
GIS Fundamentals http://www.paulbolstad.net/gisbook.html

Ещё одна книжка про геоинформационные системы.

undefined favicon
Natural Earth https://www.naturalearthdata.com/downloads/

Сайт с наборами географических данных, которые можно скачать и использовать.

undefined favicon
mapschool: a free introduction to geo https://mapschool.io

Короткий учебник с введением в ГИС.

undefined favicon
Project OSRM http://project-osrm.org

Движок для быстрого построения кратчайших путей на карте.

undefined favicon
SimpleLogin https://simplelogin.io

Сервис позволяет создать временный алиас для своего имейла, чтобы на него можно было потом регистрироваться на недоверенных сайтах.

undefined favicon
Amnezia. Ваш персональный приватный VPN https://ru.amnezia.org/

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

undefined favicon
Deskreen https://deskreen.com

Программа, которая позволяет превратить планшет или телефон во второй монитор.

Frontend

ECMAScript 6 — New Features http://es6-features.org

Описание разных фич в ES6 (и, в частности, в JS). Удобнее всего для того, чтобы лучше ознакомиться с терминами.

undefined favicon
Reveal.js https://revealjs.com

JS фреймворк, который позволяет создавать HTML презентации для публикаций онлайн.

undefined favicon
JS: Interview Algorithm https://www.thatjsdude.com/interview/js1.html

Ответы на распространённые вопросы на собеседованиях по JS.

undefined favicon
MaintainableCSS https://maintainablecss.com/

Манифест поддерживаемого CSS.

undefined favicon
Empathy Prompts https://empathyprompts.net/

В общем, это про web accessibility.

undefined favicon
Vectr https://vectr.com/

Онлайн векторный редактор SVG. Удобно, чтобы быстренько пошаманить с иконками и экспортнуть.

undefined favicon
Can I use... http://caniuse.com/

Тут можно проверить, насколько широко доступна какая-либо браузерная фича и какие связанные баги есть в каких браузерах.

undefined favicon
Screen Sizes http://screensiz.es/

Разрешения популярных девайсов.

undefined favicon
RxMarbles https://rxmarbles.com/

Наглядные диаграммы с функциями RxJS.

undefined favicon
TinyJPG https://tinyjpg.com/

Минификатор JPG и PNG картинок.

undefined favicon
Angular Checklist https://angular-checklist.io/

Чеклист для разработки хороших проектов на ангуляре.

undefined favicon
State of Javascript https://stateofjs.com/

Статистика по использованию и интересу к frontend-инфраструктуре среди программистов.

undefined favicon
TypeScript Evolution https://mariusschulz.com/blog/series/typescript-evolution

Учебник (справочник?), посвящённый подробному описанию типов в TypeScript.

undefined favicon
CSS Gradient https://cssgradient.io/

Конструктор CSS градиентов: линейных, радиальных, всяких.

undefined favicon
Reduce Images https://www.reduceimages.com/

Сервис для ресайза и обрезки изображений.

undefined favicon
RxJS and Reactive Programming https://reactive.how/

Очередной учебник RxJS и реактивного программирования.

undefined favicon
CSS live https://css-live.ru/

Онлайн-журнал про frontend в целом и css в частности.

undefined favicon
Elm https://elm-lang.org/

Сайт языка Elm.

undefined favicon
Web Fundamentals https://developers.google.com/web/fundamentals

Гугловские статьи про то, как правильно делать веб.

undefined favicon
Сюрреализм на JavaScript https://bakhirev.biz/book

Книга про игровые движки на JavaScript.

undefined favicon
Learn CSS Layout https://learnlayout.com

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

undefined favicon
RxViz https://rxviz.com

Тут можно визуализировать любой поток данных в RxJS.

undefined favicon
Omatsuri https://omatsuri.app

Всякие прикольные тулзы для работы: генератор градиентов, base64 конвертер, разделители страницы, всякое такое.

undefined favicon
All – Tiny Helpers https://tiny-helpers.dev

Коллекция небольших онлайн-тулов для веб-разработки.

undefined favicon
Lit https://lit.dev/

Библиотека для создания веб компонентов с минимумом бойлерплейта.

undefined favicon
Open source UI elements https://uiverse.io

Набор опенсорсных UI элементов, которые можно копировать и юзать в своём проекте.

undefined favicon
Enhance https://enhance.dev

Фреймворк для создания веб-сайтов с ванильным JS.

undefined favicon
Fallback Font Generator https://screenspan.net/fallback

Тулза для генерации fallback шрифтов. Нечто подобное у меня есть в «проектах», кстати.

undefined favicon
Devices.css https://devicescss.xyz

Библиотека изображений мобильных девайсов на CSS.

undefined favicon
JSON Viewer https://jsonhero.io/

Очень прикольный просмотровщик JSON-файлов.

undefined favicon
Heroicons https://heroicons.com/

Библиотека SVG-иконок без необходимости их качать. Просто копируй в буфер обмена и вставляй.

undefined favicon
Loading.io https://loading.io

Генератор индикаторов загрузки чтоб к себе на сайт воткнуть.

undefined favicon
Defeat B.O.C.O. https://www.defeatboco.com/

Просто красивый сайт-история, которая параллельно учит разработке качественного UX.

Шрифты

undefined favicon
Font style matcher https://meowni.ca/font-style-matcher/

Сравнилка шрифтов. Загружаешь основной шрифт, загружаешь запасной, смотришь на текст и как они ложатся друг на друга.

undefined favicon
CSS Font Stack https://www.cssfontstack.com/

Полный набор шрифтов по умолчанию в вебе. Большинство этих шрифтов можно использовать, не опасаясь, что он не отобразится.

undefined favicon
Google Fonts https://fonts.google.com/

Если какие-то шрифты не поддерживаются по умолчанию, можно взять с Google CDN.

undefined favicon
Emojipedia https://emojipedia.org/

Энциклопедия эмодзей.

undefined favicon
GooFonts https://goofonts.com/

Гигантский фильтр гугловских шрифтов. Если хочется бесплатный шрифт, но не хочется смотреть все подряд — тут можно выбрать по каким-то параметрам.

undefined favicon
type.today https://type.today

Магазин шрифтов, а ещё журнал про шрифты.

undefined favicon
Unicode fonts for ancient scripts https://dn-works.com/ufas/

Коллекция шрифтов для древних письменностей: линейного письма А, ассирийского, майянского и так далее.

undefined favicon
Wordmark https://wordmark.it

Тулза для выбора шрифта а-ля Google Fonts, но только среди тех, что установлены в операционной системе.

undefined favicon
Triangle https://betterwebtype.com/triangle/

Сайт, описывающий теорию о гармоничной взаимосвязи трёх параметров текста: размера шрифта, длины и высоты строки.

Веб

undefined favicon
ZEIT https://zeit.co/

Бесплатный статический хостинг.

undefined favicon
Meta Tag Generator https://www.seoptimer.com/meta-tag-generator

Генератор мета-тегов для сайтов.

undefined favicon
XML-Sitemaps.com https://www.xml-sitemaps.com/

Генератор sitemap.xml. Ползает по сайту и генерит все страницы.

undefined favicon
PageSpeed Insights https://developers.google.com/speed/pagespeed/insights/

Измерение производительности сайтов.

undefined favicon
W3C Markup Validator https://validator.w3.org/

Валидатор разметки.

undefined favicon
mLab https://mlab.com/

Бесплатное MongoDB-хранилище.

undefined favicon
Storyblock https://www.storyblok.com/

Бесплатная для небольших проектов headless CMS. В частности, контентом этого сайта я управляю именно через неё.

undefined favicon
MkDocs https://www.mkdocs.org/

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

rethumb https://rethumb.com/

API для генерации миниатюр.

undefined favicon
The Web We Want https://webwewant.fyi/

Сборник хотелок веб-разработчиков.

Microservice Architecture https://microservices.io/

Куча информации по микросервисам.

undefined favicon
Cover Your Tracks https://coveryourtracks.eff.org

Краткий тест того, как хорошо ваш браузер защищён от трекеров и фингерпринтинга, а также инфа о том, что это такое и как защищаться.

undefined favicon
TinEye Reverse Image Search https://tineye.com/

Поиск в интернете по изображению. То же самое, что делает гугл и так, только чуть умнее.

undefined favicon
jpeg.io https://www.jpeg.io/

Тут можно сконвертировать любую картинку в любом формате в jpg.

undefined favicon
Empathy Prompts https://empathyprompts.net/

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

undefined favicon
Flaticon https://www.flaticon.com

Библиотека векторных иконок.

undefined favicon
ngrok https://ngrok.com/

Тулза, которая позволяет светить в интернет локальные сервера при помощи пары команд.

Haikei https://app.haikei.app

Генератор всяких SVG-паттернов, клёвая вещь для веба.

undefined favicon
Border Image Generator https://border-image.com/

Генератор бордеров из изображения.

undefined favicon
gov.design http://gov.design/

Брендбук российского дизайна в вебе.

undefined favicon
r12a.io https://r12a.github.io/

Набор тулзов и скриптов для работы с интернационализацией.

Storyset https://storyset.com/

Набор бесплатных изображений, которые можно использовать в интернете.

undefined favicon
designstripe https://designstripe.com

Ещё один сайт с иллюстрациями, которые можно использовать у себя на сайте.

undefined favicon
Can't Unsee https://cantunsee.space/

Игрушка для дизайнеров: выбери из двух дизайнов правильный.

Онлайн редакторы

undefined favicon
CodeSandbox https://codesandbox.io/

Полноценная онлайн IDE с поддержкой разных библиотек, файловой структурой и совместным режимом.

undefined favicon
SyncFiddle https://syncfiddle.net/

Совместный редактор кода. Главный плюс в том, что не требуется авторизация для расшаренного режима.

undefined favicon
JSFiddle https://jsfiddle.net/

Сюда можно кидать всякие фронтэнд-сниппеты.

undefined favicon
CodePen https://codepen.io/

Сюда можно кидать всякие frontend-сниппеты, как и в jsfiddle. Главный минус в том, что сниппеты обновляются автоматически и из-за этого легко выстрелить себе в ногу, случайно написав бесконечный цикл.

undefined favicon
Pastebin.com https://pastebin.com/

А это вообще не «редактор» через эту тулзу удобно делиться большими фрагментами кода. Впрочем, я постоянно про него забываю и кидаю код или напрямую, или через jsfiddle.

Тренировки

undefined favicon
codewars https://www.codewars.com/

Тут можно потренироваться в написании кода.

undefined favicon
LeetCode https://leetcode.com/

Тут можно попрактиковаться программированию.

undefined favicon
CSSBattle https://cssbattle.dev/

CSS код гольф.

undefined favicon
The Boolean Game https://boolean.method.ac

Игрушка наглядно учит работе с множествами.

What the Hex? https://yizzle.com/whatthehex/

Игрушка: угадай цвет по его HEX.

undefined favicon
How pixactly trained are your eyes? https://pixact.ly/

Игрушка: на глаз рисовать прямоугольники заданных размеров.

Учебники

undefined favicon
Learn You a Haskell for Great Good! http://learnyouahaskell.com

Онлайн-учебник Хаскеля.

undefined favicon
Baeldung https://www.baeldung.com/

Куча статей по джаве и спрингу.

undefined favicon
HTML & CSS is hard https://internetingishard.com/html-and-css/

Учебник по HTML и CSS для чайников.

undefined favicon
Dart Web apps https://dart.dev/web

Что-то типа учебника по языку Dart.

undefined favicon
HTML5 Games Workshop https://mozdevs.github.io/html5-games-workshop/

Учебник от Mozilla по созданию игры-платформера на основе Phaser.

undefined favicon
Как работают браузеры https://www.html5rocks.com/ru/tutorials/internals/howbrowserswork/

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

undefined favicon
Neural networks in JavaScript https://scrimba.com/g/gneuralnetworks

Курс по нейронным сетям на JavaScript.

undefined favicon
FreeCodeCamp https://www.freecodecamp.org/

Интерактивная обучалка frontend-разработке, зато полностью бесплатная, в отличие от альтернатив.

undefined favicon
HTML Academy https://htmlacademy.org/

Онлайн-курсы по фронтэнд-разработке.

undefined favicon
undefined favicon
Digital Garage https://learndigital.withgoogle.com/digitalgarage-ie/courses

Куча всяких курсов от Гугла про маркетинг, карьеру и технологии.

undefined favicon
devtodev education https://www.devtodev.com/education

Потрясающие бесплатные онлайн-курсы по игровому дизайну.

undefined favicon
Red Blob Games https://www.redblobgames.com/

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

undefined favicon
Объясняем код https://code-explained.com

Наглядная демонстрация принципов работы некоторых базовых алгоритмов.

undefined favicon
Школа анализа данных https://yandexdataschool.ru/

Сайт школы анализа данных - это типа такой университет от Яндекса, где учат дата саенсу и машинному обучению.

undefined favicon
Hacking Training For The Best https://www.hackthebox.com/

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

undefined favicon
Solid https://ota-solid.vercel.app

Книга про SOLID — это такие принципы хорошего программирования.

undefined favicon
Дока https://doka.guide

Добрый справочник для веб-разработчиков при поддержке Яндекса.

undefined favicon
Webbed Briefs https://briefs.video/

Забавные коротенькие видосы про веб.

undefined favicon
Frontend Masters https://frontendmasters.com

Курсы по фронту.

CSS Diner https://flukeout.github.io

Игрушка для изучения CSS-селекторов.

Codédex https://www.codedex.io

Игрушка для изучения питона.

undefined favicon
Web Design in 4 minutes https://jgthms.com/web-design-in-4-minutes

Супер-короткий учебник по веб-дизайну.

undefined favicon
Web Components bookmarks https://webcomponents.today

Набор статей про веб-компоненты.

Процессы

Semantic Versioning 2.0.0 https://semver.org/

Документ, описывающий принцип семантического версионирования приложений.

undefined favicon
Learn Git Branching https://learngitbranching.js.org/

Интерактивная обучалка по ветвлению в GIT.

undefined favicon
Choose a license https://choosealicense.com/

Тут можно сравнить разные open-source лицензии и принять решение, какую нужно выбрать под конкретный проект.

undefined favicon
The Tweleve-Factor App https://12factor.net/

Документ, описывающий методологию двенадцати факторов для создания SaaS-приложений.

undefined favicon
The Reactive Manifesto https://www.reactivemanifesto.org/

Манифест реактивного программирования. Ну, такие ссылки стоит держать где-то под рукой.

Манифест, блять! http://macode.ru/

Ну и в тему манифестов — знаменитое «Пиши код блять!»

undefined favicon
iCalendar.org https://icalendar.org/

Описание стандарта компьютерных календарей.

undefined favicon
Coalition for Better Ads https://www.betterads.org/

Описание примеров хорошей рекламы. Плохую рекламу в топку.

undefined favicon
Аджайл для новичков https://blog.unusual-concepts.ru/agilebasics/

Популярное объяснение аджайла, скрама и канбана.

undefined favicon
WebSequenceDiagrams https://www.websequencediagrams.com/

Тут можно нагенерить диаграмму последовательности, описав её простым человеческим языком.

undefined favicon
ASCIIFlow Infinity http://asciiflow.com/

Онлайн-тулза для рисования ASCII диаграмм! Просто бомбическая вещь.

undefined favicon
Conventional commits https://www.conventionalcommits.org/

Спецификация грамотно описанных сообщений к коммитам в гите.

undefined favicon
Open Source Guides https://opensource.guide/

Гайд по тому, как контрибьютить в опенсорс.

Keep a Changelog https://keepachangelog.com

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

undefined favicon
Community Canvas https://community-canvas.org

Всякие гайды по тому, как создать сообщество.

undefined favicon
Mermaid Live Editor https://mermaid.live/

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

undefined favicon
Design Principles https://principles.design

Библиотека принципов проектирования разных вещей: дорог, сайтов, приложений.

undefined favicon
Swimlanes.io https://swimlanes.io

Тулза для текстового описания диаграмм последовательности.

undefined favicon
Gamma https://gamma.app

Тулза для создания красивых линейных презентаций.

undefined favicon
Gather https://www.gather.town

Виртуальный офис стилизованный под онлайн-игру из 80-х.

Блоги

undefined favicon
Brad Frost https://bradfrost.com/

Фронтовик, автор книги Atomic Design.

undefined favicon
Заметки Саши Бизикова https://bizikov.ru/blog/

Дизайнер, переквалифицировался из веб-разработчика.

undefined favicon
Tom MacWright https://macwright.com

Парень работал над Mapbox и писал посты про веб. Там и интересное есть.

undefined favicon
Мартин Фаулер https://martinfowler.com/

Блог Мартина Фаулера, где он пишет про программирование: архитектуру, рефакторинг, процессы и так далее.

undefined favicon
Rodrigo Pombo https://pomb.us/

Фронтовик, пишет про фронт.

Stu.cx https://www.stucox.com/

Парень писал про фронт.

undefined favicon
Overreacted https://overreacted.io

Блог Дэна Абрамова, автора Redux. Пишет про React в основном.

undefined favicon
Coding Horror https://blog.codinghorror.com

Блог Джеффа Атвуда, основателя StackOverflow.

undefined favicon
Joel on Software https://www.joelonsoftware.com

Блог Джоэла Спольски, где он пишет про программирование.

undefined favicon
Андрей Ситник https://sitnik.ru/ru/

Создатель PostCSS и browserslist.

undefined favicon
Саша Беспоясов https://bespoyasov.ru

Программист, один из редакторов Доки.

undefined favicon
DEV community https://dev.to

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

undefined favicon
Sara Soueidan https://www.sarasoueidan.com

Блогер и спикер, пишет про CSS.

undefined favicon
Rachel Andrew https://rachelandrew.co.uk

Спикер и блогер, участница рабочей группы CSS.

Chris Coyier https://chriscoyier.net

Чел, который создал сайт CSS Tricks.

Scott O'Hara https://www.scottohara.me

Чел пишет посты про Accessibility.

undefined favicon
Ralph Ammer https://ralphammer.com

Мужик рисует, пишет и анимирует. Красивое.