Forwarded from Веб-страница
Изучаем CSS Flex и Grid в фэнтезийном путешествии
Если хотите отточить свои навыки в позиционировании объектов с помощью флексов и гридов, при этом с интересным сеттингом, то вы по адресу. На сайте codingfantasy.com вы можете отправить в путешествие и помочь королю Артуру бороться со злом, используя Flex Box или спасти эльфа из лап демонов с помощью CSS Grid.
Уровней достаточно, чтобы стать настоящим CSS-гуру, проверьте сами: https://codingfantasy.com/games
#css #игры
Если хотите отточить свои навыки в позиционировании объектов с помощью флексов и гридов, при этом с интересным сеттингом, то вы по адресу. На сайте codingfantasy.com вы можете отправить в путешествие и помочь королю Артуру бороться со злом, используя Flex Box или спасти эльфа из лап демонов с помощью CSS Grid.
Уровней достаточно, чтобы стать настоящим CSS-гуру, проверьте сами: https://codingfantasy.com/games
#css #игры
immich: приложение для хостинга видео и изображений
Проект сейчас пребывает в топе GitHub и даёт пользователям возможность кроссплатформенно обращаться с медиа:
— отображать на карте место съёмки;
— делиться файлом по ссылке;
— редактировать метаданные файла и многое другое.
GUI очень похож на Google Drive.
Репозиторий GitHub
Цена: бесплатно
@prog_tools
Проект сейчас пребывает в топе GitHub и даёт пользователям возможность кроссплатформенно обращаться с медиа:
— отображать на карте место съёмки;
— делиться файлом по ссылке;
— редактировать метаданные файла и многое другое.
GUI очень похож на Google Drive.
Репозиторий GitHub
Цена: бесплатно
@prog_tools
Подборка книг о веб-разработке
EbookFoundation поддерживает репозиторий с огромной коллекцией кодерских книг про языки, фреймворки, IDE и технологии. Среди них вы найдёте и ссылки на бесплатную литературу по JavaScript, TypeScript, PHP, Python и прочим веб-языкам.
Репозиторий на GitHub
Цена: бесплатно
@prog_tools
EbookFoundation поддерживает репозиторий с огромной коллекцией кодерских книг про языки, фреймворки, IDE и технологии. Среди них вы найдёте и ссылки на бесплатную литературу по JavaScript, TypeScript, PHP, Python и прочим веб-языкам.
Репозиторий на GitHub
Цена: бесплатно
@prog_tools
This media is not supported in your browser
VIEW IN TELEGRAM
JSON Crack, устраняющий разрыв между данными и визуализацией
Это расширение VSCode позволяет разработчикам, аналитикам данных и энтузиастам легко преобразовывать сложные наборы данных JSON в информативные и визуально привлекательные графики.
Цена: бесплатно
@prog_tools
Это расширение VSCode позволяет разработчикам, аналитикам данных и энтузиастам легко преобразовывать сложные наборы данных JSON в информативные и визуально привлекательные графики.
Цена: бесплатно
@prog_tools
Скрейпинг силами LLM
Это было вопросом времени: нейронки теперь вполне в состоянии структурировать содержимое веб-страниц. LLM Scraper — это TypeScript-библиотека, которая сейчас пребывает в топ репозиториев GitHub и сэкономит вам десятки часов, поскольку эффективно «отшелушивает» от смыслонесущей части рекламу и прочий нерелевантный контент.
Цена: бесплатно
@prog_tools
Это было вопросом времени: нейронки теперь вполне в состоянии структурировать содержимое веб-страниц. LLM Scraper — это TypeScript-библиотека, которая сейчас пребывает в топ репозиториев GitHub и сэкономит вам десятки часов, поскольку эффективно «отшелушивает» от смыслонесущей части рекламу и прочий нерелевантный контент.
Цена: бесплатно
@prog_tools
Pub-Sub для начинающих
Годная понятная статья, описывающая Pub-Sub — средство передачи сообщений в веб-приложении. В статье на bercut.com вы узнаете:
— как отличается эта архитектура от остальных (вроде Observer);
— зачем она вообще была придумана;
— какое ПО поддерживает такая модель издатель-подписчик и проч.
#основы
@prog_tools
Годная понятная статья, описывающая Pub-Sub — средство передачи сообщений в веб-приложении. В статье на bercut.com вы узнаете:
— как отличается эта архитектура от остальных (вроде Observer);
— зачем она вообще была придумана;
— какое ПО поддерживает такая модель издатель-подписчик и проч.
#основы
@prog_tools
github-readme-stats: Динамическая стата GitHub для README
Инструмент позволяет генерировать обновляемый виджет со статистикой GitHub-пользователя — заработанные звезды, число коммитов и проч. Достаточно добавить ссылку с никнеймом:
Репозиторий проекта
Цена: бесплатно
@prog_tools
Инструмент позволяет генерировать обновляемый виджет со статистикой GitHub-пользователя — заработанные звезды, число коммитов и проч. Достаточно добавить ссылку с никнеймом:
https://github-readme-stats.vercel.app/api?username=username
Репозиторий проекта
Цена: бесплатно
@prog_tools
This media is not supported in your browser
VIEW IN TELEGRAM
Select2: дропдауны качественно
Этот инструмент предлагает усовершенствованные раскрывающиеся списки. Поддерживается в Django, Drupal, AngularJS и проч., есть в Bootstrap.
Цена: бесплатно
Репозиторий проекта
@prog_tools
Этот инструмент предлагает усовершенствованные раскрывающиеся списки. Поддерживается в Django, Drupal, AngularJS и проч., есть в Bootstrap.
Цена: бесплатно
Репозиторий проекта
@prog_tools
harlequin: IDE для SQL прямо в командной строке
И почему это решение не стало дефолтным? Просмотр базы, исполнение запросов, огромное окно вывода (более 1М строк), экспорт в .csv и другие форматы.
Цена: бесплатно
Репозиторий проекта
@prog_tools
И почему это решение не стало дефолтным? Просмотр базы, исполнение запросов, огромное окно вывода (более 1М строк), экспорт в .csv и другие форматы.
Цена: бесплатно
Репозиторий проекта
@prog_tools
bookmarks: закладки прямо в коде
Если TODO не нравится, а к номеру строки привязываться не стоит, на помощь придёт расширение VSCode под названием bookmarks. Работает со всеми форматами файлов и отдаёт полный список таких пометок в отдельном представлении.
Цена: бесплатно
Расширение на Visual Studio Marketplace
@prog_tools
Если TODO не нравится, а к номеру строки привязываться не стоит, на помощь придёт расширение VSCode под названием bookmarks. Работает со всеми форматами файлов и отдаёт полный список таких пометок в отдельном представлении.
Цена: бесплатно
Расширение на Visual Studio Marketplace
@prog_tools
Крышесносные и не очень трюки из мира Kubernetes
Если разработчик добрался до k8s, то уже, считай, не новичок. А если освоил эфемерные контейнеры для дебага в realtime, то и подавно.
Держите годную подборку приёмов, что улучшат ваш кодерский опыт с этой популярной системой оркестрации.
@prog_tools
Если разработчик добрался до k8s, то уже, считай, не новичок. А если освоил эфемерные контейнеры для дебага в realtime, то и подавно.
Держите годную подборку приёмов, что улучшат ваш кодерский опыт с этой популярной системой оркестрации.
@prog_tools
Как писать расширения для VSCode
По просьбе @D_vVv_N:
Если вам также накипело, что ни один плагин не решает конкретную задачу, и вы созрели для собственного, держите шикарный гайд от хабровчанина Bright_Translate.
Вы наверняка уже знаете, что LLM хорош справляются со сниппетами, но не большими кусками кода. Так вот, этот разработчик использовал GPT4 на максималках: код расширения — это коллекция как раз небольших файлов.
@prog_tools
По просьбе @D_vVv_N:
Если вам также накипело, что ни один плагин не решает конкретную задачу, и вы созрели для собственного, держите шикарный гайд от хабровчанина Bright_Translate.
Вы наверняка уже знаете, что LLM хорош справляются со сниппетами, но не большими кусками кода. Так вот, этот разработчик использовал GPT4 на максималках: код расширения — это коллекция как раз небольших файлов.
@prog_tools
CodeSnap: скрины сниппетов по-удобному
От привычных скриншот-утилит это расширение VSCode отличают следующие возможности:
— позволяет аккуратно шотить только выделенный код;
— даёт регулировать ширину снимка (если вам нужно дополнительное поле для заметок);
— сразу загружает в буфер обмена и проч.
Цена: бесплатно
Плагин на Visual Studio Marketplace
@prog_tools
От привычных скриншот-утилит это расширение VSCode отличают следующие возможности:
— позволяет аккуратно шотить только выделенный код;
— даёт регулировать ширину снимка (если вам нужно дополнительное поле для заметок);
— сразу загружает в буфер обмена и проч.
Цена: бесплатно
Плагин на Visual Studio Marketplace
@prog_tools
Вопросы от новичков
«Инструменты...» поддерживают новоприбывших в особой рубрике. Как это работает:
— Спрашивайте что угодно (в комментариях под этим постом), связанное с веб-разработкой. Здесь нет плохих вопросов!
— Сообщество вас поддержит. Самые интересные вопросы мы разберём в отдельном посте;
#вопросыновичков
@prog_tools
«Инструменты...» поддерживают новоприбывших в особой рубрике. Как это работает:
— Спрашивайте что угодно (в комментариях под этим постом), связанное с веб-разработкой. Здесь нет плохих вопросов!
— Сообщество вас поддержит. Самые интересные вопросы мы разберём в отдельном посте;
#вопросыновичков
@prog_tools
This media is not supported in your browser
VIEW IN TELEGRAM
Git History для трекинга репозитория прямо в IDE
10 млн. скачиваний — это мощно! Расширение отчасти имитирует GUI GitHub, и с его помощью вы можете:
— отсматривать историю автора / по веткам;
— сравнивать ветки / коммиты / файлы;
— cherry-pick (выборочно применить коммиты);
— создавать ветки / теги и многое другое.
Расширение на Visual Studio Marketplace
Цена: бесплатно
🍌 — зачем? Лень на GH зайти?
✍️ — круто, поставлю
🗿 — не пользуюсь Git
@prog_tools
10 млн. скачиваний — это мощно! Расширение отчасти имитирует GUI GitHub, и с его помощью вы можете:
— отсматривать историю автора / по веткам;
— сравнивать ветки / коммиты / файлы;
— cherry-pick (выборочно применить коммиты);
— создавать ветки / теги и многое другое.
Расширение на Visual Studio Marketplace
Цена: бесплатно
🍌 — зачем? Лень на GH зайти?
✍️ — круто, поставлю
🗿 — не пользуюсь Git
@prog_tools
Indent Rainbow: наконец уровень отступа читается
Как видно на скриншоте, это расширение окрашивает отступы в цвет то оператора, то функции, то переменной, причём двумя способами (проецирующими линиями или подкрашенными прямоугольниками).
Расширение на Visual Studio Marketplace
@prog_tools
Как видно на скриншоте, это расширение окрашивает отступы в цвет то оператора, то функции, то переменной, причём двумя способами (проецирующими линиями или подкрашенными прямоугольниками).
Расширение на Visual Studio Marketplace
@prog_tools
Live Share: парное программирование в одной IDE
Совместная вёрстка / отладка кода с сохранением ваших предпочтений в оформлении. Помимо совместного редактирования файлов с кодом расшарит ещё:
— сессии во вкладке «Консоль отладки»;
— данные командной строки / терминала;
— локально развёрнутые веб-приложения.
Расширение на Visual Studio Marketplace
@prog_tools
Совместная вёрстка / отладка кода с сохранением ваших предпочтений в оформлении. Помимо совместного редактирования файлов с кодом расшарит ещё:
— сессии во вкладке «Консоль отладки»;
— данные командной строки / терминала;
— локально развёрнутые веб-приложения.
Расширение на Visual Studio Marketplace
@prog_tools
Вопрос от подписчика
Задаёт Василий Трунов:
«Можете посоветовать сервис для хостинга сайта, чтобы было легко разобраться новичку. Ну или какую-нибудь статью по этой теме».
! Пожалуйста, будьте взаимовежливы. Всем нам нужно место, где можно попросить помощи.
#обсуждение
@prog_tools
Задаёт Василий Трунов:
«Можете посоветовать сервис для хостинга сайта, чтобы было легко разобраться новичку. Ну или какую-нибудь статью по этой теме».
! Пожалуйста, будьте взаимовежливы. Всем нам нужно место, где можно попросить помощи.
#обсуждение
@prog_tools
Как одним словом сказать «использовать bash»?
🏆 — башить
🌚 — башлять
⚡ — башнючить
🐳 — своё (поделитесь в комментариях)
@prog_tools
🏆 — башить
🌚 — башлять
⚡ — башнючить
🐳 — своё (поделитесь в комментариях)
@prog_tools
Forwarded from Веб-страница
Мегагайд: культура работы с Git
Git — это не только (и не столько!) знание самой технологии и конкретных команд, но и определённая культура взаимодействия, практики, подходы, договорённости. Всё это помогает участникам команды лучше понимать друг друга и работать быстрее и чётче.
В статье — как раз об этом. В ней раскрыли, что формирует культуру работы с Git: от конвенций именования коммитов и до практик работы в пуллреквесте. В конце статьи — полезные ссылки на интерактивные обучалки, шпаргалки и гайды: https://habr.com/ru/companies/yandex_praktikum/articles/812139/
#git #шпаргалки
Git — это не только (и не столько!) знание самой технологии и конкретных команд, но и определённая культура взаимодействия, практики, подходы, договорённости. Всё это помогает участникам команды лучше понимать друг друга и работать быстрее и чётче.
В статье — как раз об этом. В ней раскрыли, что формирует культуру работы с Git: от конвенций именования коммитов и до практик работы в пуллреквесте. В конце статьи — полезные ссылки на интерактивные обучалки, шпаргалки и гайды: https://habr.com/ru/companies/yandex_praktikum/articles/812139/
#git #шпаргалки
glance | Сборный дашборд о чем угодно
Интересное решение из топовых репозиториев GitHub. С помощью glance можно скомбинировать:
— RSS-фид;
— статус репозитория;
— последние видео YouTube-канала;
— календарь;
— погоду и многое другое.
Как раз, чтобы удивить мамину подругу своим прогерским рабочим столом и стать тем самым «сыном маминой подруги».
Цена: бесплатно
Проект на GitHub
@prog_tools
Интересное решение из топовых репозиториев GitHub. С помощью glance можно скомбинировать:
— RSS-фид;
— статус репозитория;
— последние видео YouTube-канала;
— календарь;
— погоду и многое другое.
Как раз, чтобы удивить мамину подругу своим прогерским рабочим столом и стать тем самым «сыном маминой подруги».
Цена: бесплатно
Проект на GitHub
@prog_tools