​​​Изучаем CSS Flex и Grid в фэнтезийном путешествии

Если хотите отточить свои навыки в позиционировании объектов с помощью флексов и гридов, при этом с интересным сеттингом, то вы по адресу. На сайте codingfantasy.com вы можете отправить в путешествие и помочь королю Артуру бороться со злом, используя Flex Box или спасти эльфа из лап демонов с помощью CSS Grid.

Уровней достаточно, чтобы стать настоящим CSS-гуру, проверьте сами: https://codingfantasy.com/games

#css #игры

​​immich: приложение для хостинга видео и изображений

Проект сейчас пребывает в топе GitHub и даёт пользователям возможность кроссплатформенно обращаться с медиа:

— отображать на карте место съёмки;
— делиться файлом по ссылке;
— редактировать метаданные файла и многое другое.

GUI очень похож на Google Drive.

Репозиторий GitHub

Цена: бесплатно

@prog_tools

​​Подборка книг о веб-разработке

EbookFoundation поддерживает репозиторий с огромной коллекцией кодерских книг про языки, фреймворки, IDE и технологии. Среди них вы найдёте и ссылки на бесплатную литературу по JavaScript, TypeScript, PHP, Python и прочим веб-языкам.

Репозиторий на GitHub

Цена: бесплатно

@prog_tools

JSON Crack, устраняющий разрыв между данными и визуализацией

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

Цена: бесплатно

@prog_tools

Скрейпинг силами LLM

Это было вопросом времени: нейронки теперь вполне в состоянии структурировать содержимое веб-страниц. LLM Scraper — это TypeScript-библиотека, которая сейчас пребывает в топ репозиториев GitHub и сэкономит вам десятки часов, поскольку эффективно «отшелушивает» от смыслонесущей части рекламу и прочий нерелевантный контент.

Цена: бесплатно

@prog_tools

​​Pub-Sub для начинающих

Годная понятная статья, описывающая Pub-Sub — средство передачи сообщений в веб-приложении. В статье на bercut.com вы узнаете:

— как отличается эта архитектура от остальных (вроде Observer);
— зачем она вообще была придумана;
— какое ПО поддерживает такая модель издатель-подписчик и проч.

#основы

@prog_tools

​​github-readme-stats: Динамическая стата GitHub для README

Инструмент позволяет генерировать обновляемый виджет со статистикой GitHub-пользователя — заработанные звезды, число коммитов и проч. Достаточно добавить ссылку с никнеймом:

https://github-readme-stats.vercel.app/api?username=username

Репозиторий проекта

Цена: бесплатно

@prog_tools

Select2: дропдауны качественно

Этот инструмент предлагает усовершенствованные раскрывающиеся списки. Поддерживается в Django, Drupal, AngularJS и проч., есть в Bootstrap.

Цена: бесплатно

Репозиторий проекта

@prog_tools

​​harlequin: IDE для SQL прямо в командной строке

И почему это решение не стало дефолтным? Просмотр базы, исполнение запросов, огромное окно вывода (более 1М строк), экспорт в .csv и другие форматы.

Цена: бесплатно

Репозиторий проекта

@prog_tools

bookmarks: закладки прямо в коде

Если TODO не нравится, а к номеру строки привязываться не стоит, на помощь придёт расширение VSCode под названием bookmarks. Работает со всеми форматами файлов и отдаёт полный список таких пометок в отдельном представлении.

Цена: бесплатно

Расширение на Visual Studio Marketplace

@prog_tools

​​Крышесносные и не очень трюки из мира Kubernetes

Если разработчик добрался до k8s, то уже, считай, не новичок. А если освоил эфемерные контейнеры для дебага в realtime, то и подавно.

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

@prog_tools

​​Как писать расширения для VSCode

По просьбе @D_vVv_N:

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

Вы наверняка уже знаете, что LLM хорош справляются со сниппетами, но не большими кусками кода. Так вот, этот разработчик использовал GPT4 на максималках: код расширения — это коллекция как раз небольших файлов.

@prog_tools

​​CodeSnap: скрины сниппетов по-удобному

От привычных скриншот-утилит это расширение VSCode отличают следующие возможности:

— позволяет аккуратно шотить только выделенный код;
— даёт регулировать ширину снимка (если вам нужно дополнительное поле для заметок);
— сразу загружает в буфер обмена и проч.

Цена: бесплатно

Плагин на Visual Studio Marketplace

@prog_tools

​​Вопросы от новичков

«Инструменты...» поддерживают новоприбывших в особой рубрике. Как это работает:

— Спрашивайте что угодно (в комментариях под этим постом), связанное с веб-разработкой. Здесь нет плохих вопросов!
— Сообщество вас поддержит. Самые интересные вопросы мы разберём в отдельном посте;

#вопросыновичков

@prog_tools

Git History для трекинга репозитория прямо в IDE

10 млн. скачиваний — это мощно! Расширение отчасти имитирует GUI GitHub, и с его помощью вы можете:

— отсматривать историю автора / по веткам;
— сравнивать ветки / коммиты / файлы;
— cherry-pick (выборочно применить коммиты);
— создавать ветки / теги и многое другое.

Расширение на Visual Studio Marketplace

Цена: бесплатно

🍌 — зачем? Лень на GH зайти?
✍️ — круто, поставлю
🗿 — не пользуюсь Git

@prog_tools

Indent Rainbow: наконец уровень отступа читается

Как видно на скриншоте, это расширение окрашивает отступы в цвет то оператора, то функции, то переменной, причём двумя способами (проецирующими линиями или подкрашенными прямоугольниками).

Расширение на Visual Studio Marketplace

@prog_tools

​​Live Share: парное программирование в одной IDE

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

— сессии во вкладке «Консоль отладки»;
— данные командной строки / терминала;
— локально развёрнутые веб-приложения.

Расширение на Visual Studio Marketplace

@prog_tools

​​Вопрос от подписчика

Задаёт Василий Трунов:

«Можете посоветовать сервис для хостинга сайта, чтобы было легко разобраться новичку. Ну или какую-нибудь статью по этой теме».

! Пожалуйста, будьте взаимовежливы. Всем нам нужно место, где можно попросить помощи.

#обсуждение

@prog_tools

Как одним словом сказать «использовать bash»?

🏆 — башить
🌚 — башлять
⚡ — башнючить
🐳 — своё (поделитесь в комментариях)

@prog_tools

​​Мегагайд: культура работы с Git

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

В статье — как раз об этом. В ней раскрыли, что формирует культуру работы с Git: от конвенций именования коммитов и до практик работы в пуллреквесте. В конце статьи — полезные ссылки на интерактивные обучалки, шпаргалки и гайды: https://habr.com/ru/companies/yandex_praktikum/articles/812139/

#git #шпаргалки

​​glance | Сборный дашборд о чем угодно

Интересное решение из топовых репозиториев GitHub. С помощью glance можно скомбинировать:

— RSS-фид;
— статус репозитория;
— последние видео YouTube-канала;
— календарь;
— погоду и многое другое.

Как раз, чтобы удивить мамину подругу своим прогерским рабочим столом и стать тем самым «сыном маминой подруги».

Цена: бесплатно

Проект на GitHub

@prog_tools