Forwarded from Типичный программист
С кем знакомятся типичные программисты: 2D-тян или живая девушка?
Согласно недавним исследованиям Vantage Point Counseling Services, треть американцев хотя бы раз состояла в романтических отношениях с ИИ. Появилось даже приложение Loverse для виртуальных знакомств, где вместо реальных людей роль партнёров выполняют чат-боты с искусственным интеллектом.
Мы решили провести своё исследование и выяснить где и с кем сегодня знакомятся пользователи стран СНГ. Пожалуйста, пройдите наш небольшой опрос. Это поможет нашему исследованию.
Пройти опрос.
Согласно недавним исследованиям Vantage Point Counseling Services, треть американцев хотя бы раз состояла в романтических отношениях с ИИ. Появилось даже приложение Loverse для виртуальных знакомств, где вместо реальных людей роль партнёров выполняют чат-боты с искусственным интеллектом.
Мы решили провести своё исследование и выяснить где и с кем сегодня знакомятся пользователи стран СНГ. Пожалуйста, пройдите наш небольшой опрос. Это поможет нашему исследованию.
Пройти опрос.
🤣5❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Только посмотрите, что творит эта библиотека
TypeGPU — это модульный и открытый набор инструментов для WebGPU с расширенным выводом типов и возможностью писать шейдеры на TypeScript. То есть вы можете использовать возможности GPU для вашего сайта, не погружаясь в нюансы низкоуровневого API.
Ключевая фишка — директива
Подробнее о библиотеке можно почитать здесь.
#javascript #typescript #библиотека
TypeGPU — это модульный и открытый набор инструментов для WebGPU с расширенным выводом типов и возможностью писать шейдеры на TypeScript. То есть вы можете использовать возможности GPU для вашего сайта, не погружаясь в нюансы низкоуровневого API.
Ключевая фишка — директива
'use gpu', которая компилирует JS в WSGL для запуска на графическом процессоре.Подробнее о библиотеке можно почитать здесь.
#javascript #typescript #библиотека
🔥24❤3💩2
Forwarded from Инструменты программиста
Ultracite | Zero-config Biome-пресет для JS/TS линтера и форматтера с AI-поддержкой
Готовый пресет для Biome, который ускоряет форматирование и линтинг кода на JavaScript и TypeScript. Работает из коробки, в отзывах пишут, что это просто подарок после возни с Prettier и ESlint. Есть MCP-сервер и интеграции с VS Code, Cursor и другими популярными IDE.
Что нам продают:
— Молниеносная производительность. В основном потому что движком остаётся Biome, а он написан на Rust.
— Zero config by design, интуитивность и простота. Для работы достаточно двух строчек конфига, в которых мы просто наследуем пресет. При этом если надо, можно дальше настроить под себя.
— Максимальная типобезопасность. Ultracite форсирует strict mode и всякие дополнительные правила, чтобы уменьшить количество тупых ошибок.
— Хорошая совместимость с другими инструментами. Вроде как хотят, чтобы сервис был незаметным и вездесущим, поэтому стараются, чтобы не было конфликтов.
Цена: бесплатно по open-source MIT, премиум для enterprise с кастомными правилами — от $10 за пользователя в месяц.
@prog_tools
Готовый пресет для Biome, который ускоряет форматирование и линтинг кода на JavaScript и TypeScript. Работает из коробки, в отзывах пишут, что это просто подарок после возни с Prettier и ESlint. Есть MCP-сервер и интеграции с VS Code, Cursor и другими популярными IDE.
Что нам продают:
— Молниеносная производительность. В основном потому что движком остаётся Biome, а он написан на Rust.
— Zero config by design, интуитивность и простота. Для работы достаточно двух строчек конфига, в которых мы просто наследуем пресет. При этом если надо, можно дальше настроить под себя.
— Максимальная типобезопасность. Ultracite форсирует strict mode и всякие дополнительные правила, чтобы уменьшить количество тупых ошибок.
— Хорошая совместимость с другими инструментами. Вроде как хотят, чтобы сервис был незаметным и вездесущим, поэтому стараются, чтобы не было конфликтов.
Цена: бесплатно по open-source MIT, премиум для enterprise с кастомными правилами — от $10 за пользователя в месяц.
@prog_tools
❤1👍1
Творческий подход в работе с маленькими экранами
Дизайн многих сайтов в мобильной версии однообразен — это просто бесконечный скролл одной длинной колонки с меняющимися разделами без иерархии. Энди Кларк предлагает пересмотреть концепцию макетов для мобильной версии и рассматривать каждый раздел сайта, как отдельную композицию.
В статье Энди собрал несколько идей, которые не требуют больших усилий, но выглядят интересно и удобно.
#фронтенд
Дизайн многих сайтов в мобильной версии однообразен — это просто бесконечный скролл одной длинной колонки с меняющимися разделами без иерархии. Энди Кларк предлагает пересмотреть концепцию макетов для мобильной версии и рассматривать каждый раздел сайта, как отдельную композицию.
В статье Энди собрал несколько идей, которые не требуют больших усилий, но выглядят интересно и удобно.
#фронтенд
👍5🤔2🔥1
Народ, вакансия для настоящих поклонников PHP подъехала
Сам фонд PHP сейчас ищет нового исполнительного директора. Роман Пронский завершает свою работу в начале 2026 года и нужен кто-то на его место.
Обещают до 160к долларов США в год и удалёнку. Готовы сделать PHP великим снова? Тогда можете прочитать подробности вакансии и подать заявку до 15 декабря.
Хотели бы попробовать?)
#php
Сам фонд PHP сейчас ищет нового исполнительного директора. Роман Пронский завершает свою работу в начале 2026 года и нужен кто-то на его место.
Обещают до 160к долларов США в год и удалёнку. Готовы сделать PHP великим снова? Тогда можете прочитать подробности вакансии и подать заявку до 15 декабря.
Хотели бы попробовать?)
#php
❤5👍1
This media is not supported in your browser
VIEW IN TELEGRAM
REST API Generator — быстрый способ сгенерировать тестовые REST API
Представьте, что бэкенд ещё не готов, а фронтендер бьёт копытом и хочет продолжать работу, невзирая на отсутствие API. Для этого и нужен этот инструмент. Он позволяет без развёртывания создавать:
— методы GET, POST, PUT и DELETE;
— случайные данные для ответов;
— поддерживает HTTPS и CORS.
Сохраняйте и пользуйтесь: https://retool.com/api-generator
#инструменты
Представьте, что бэкенд ещё не готов, а фронтендер бьёт копытом и хочет продолжать работу, невзирая на отсутствие API. Для этого и нужен этот инструмент. Он позволяет без развёртывания создавать:
— методы GET, POST, PUT и DELETE;
— случайные данные для ответов;
— поддерживает HTTPS и CORS.
Сохраняйте и пользуйтесь: https://retool.com/api-generator
#инструменты
🔥11👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Google запустила тренажёр для обучения промптингу в игровой форме
Инструмент будет полезен всем, кто хочет научиться лучше писать промпты для ИИ. Суть игры в том, чтобы правильно описать изображение, которое вам показывают. Поначалу всё кажется легко, но с каждым уровнем сложность растёт и ты начинаешь понимать, как мелкие детали важны при написании промптов.
Игра бесплатная. Доступна по ссылке.
#ии #тренажёр
Инструмент будет полезен всем, кто хочет научиться лучше писать промпты для ИИ. Суть игры в том, чтобы правильно описать изображение, которое вам показывают. Поначалу всё кажется легко, но с каждым уровнем сложность растёт и ты начинаешь понимать, как мелкие детали важны при написании промптов.
Игра бесплатная. Доступна по ссылке.
#ии #тренажёр
🔥13👍2
Media is too big
VIEW IN TELEGRAM
Авиасимулятор прямо в браузере?! Да!
GeoFS — это мультиплеерный симулятор, как Microsoft Flight Simulator, но не требующий установки. Вы можете облететь весь мир на самых разных летательных аппаратах. Причём в игре используются реальные карты, а погодные условия и физика добавляют реалистичности.
В таких проектах всегда интересно покопаться в коде, чтобы узнать, как это сделано.
Ссылку я вам даю, что делать дальше знаете сами: https://www.geo-fs.com/
#интересное
GeoFS — это мультиплеерный симулятор, как Microsoft Flight Simulator, но не требующий установки. Вы можете облететь весь мир на самых разных летательных аппаратах. Причём в игре используются реальные карты, а погодные условия и физика добавляют реалистичности.
В таких проектах всегда интересно покопаться в коде, чтобы узнать, как это сделано.
Ссылку я вам даю, что делать дальше знаете сами: https://www.geo-fs.com/
#интересное
❤8
Как лучше делать отладку код JavaScript в Chrome DevTools
Поиск и исправление ошибок в JS может быть весьма ресурсозатратным мероприятием. Новичкам этот процесс может показаться неподъёмным камнем.
Но только до знакомства с отладкой в инструментах разработчика, встроенных в браузер. О ней вы узнаете в этой статье. Причём не о привычной всем
#javascript #qa
Поиск и исправление ошибок в JS может быть весьма ресурсозатратным мероприятием. Новичкам этот процесс может показаться неподъёмным камнем.
Но только до знакомства с отладкой в инструментах разработчика, встроенных в браузер. О ней вы узнаете в этой статье. Причём не о привычной всем
console.log(), а куда более эффективных способах.#javascript #qa
❤3🤔3👍2
Ничего необычного, просто веб-разработчик пытается освоить новый фреймворк до того, как он устареет:
This media is not supported in your browser
VIEW IN TELEGRAM
🫡24😁5❤2🤔2🤣2
«Жидкое стекло» в вебе
Новый дизайн фирменных ОС от Apple наделал шуму и постепенно начинает проникать в различные элементы дизайна сайтов и приложений.
В этой статье показано, как легко повторить этот эффект с помощью возможностей как нативного JS и CSS, так и React.
Разные варианты можно посмотреть по ссылке.
upd. Оказалось, что работает не во всех браузерах. Например, на Safari вы можете увидеть просто блюр вместо Liquid Glass. Так что, чтобы посмотреть на эффекты пробуем Chrome и ждём, когда в других браузерах добавят нужные CSS-свойства.
#фронтенд
Новый дизайн фирменных ОС от Apple наделал шуму и постепенно начинает проникать в различные элементы дизайна сайтов и приложений.
В этой статье показано, как легко повторить этот эффект с помощью возможностей как нативного JS и CSS, так и React.
Разные варианты можно посмотреть по ссылке.
upd. Оказалось, что работает не во всех браузерах. Например, на Safari вы можете увидеть просто блюр вместо Liquid Glass. Так что, чтобы посмотреть на эффекты пробуем Chrome и ждём, когда в других браузерах добавят нужные CSS-свойства.
#фронтенд
👎21👍7❤5💩5
Forwarded from Сохранёнки программиста
Большая часть интерфейсов рассчитана только на людей с «идеальным» зрением, хотя проблемы с восприятием цветов есть у 8% мужчин и 0,5% женщин. Для них «красные ошибки» и «зелёные успехи» часто сливаются в один и тот же серо‑коричневый фон.
Один разработчик с дальтонизмом настолько от этого устал, что написал Colorblind Accessibility Guide, куда свёл все основные правила.
Супер-кратко основное:используйте связку «синий / жёлтый / красный» вместо «зелёный / оранжевый / красный» и всегда давайте тройную подсказку — цвет плюс иконка плюс текст, причём с разными формами иконок для разных состояний.
@prog_stuff
Один разработчик с дальтонизмом настолько от этого устал, что написал Colorblind Accessibility Guide, куда свёл все основные правила.
Супер-кратко основное:
@prog_stuff
👍4❤2🗿2👎1
Веб-страница
ИИ-агент на PHP Не знаю как вы, а я, когда думаю о том, на чем сделан тот или иной ИИ-проект, сразу думаю про JS и Python. Но никак про PHP. Хотя для него есть хороший фреймворк, который даёт те же возможности, что и другие языки. Называется он Neuron — первый…
Простейшая RAG-система на PHP
RAG (Retrieval-Augmented Generation или генерация, дополненная поиском) — это метод работы ИИ, в котором он не «фантазирует», а сначала ищет и анализирует релевантную информацию в заранее подготовленной базе, а потом использует найденную информацию для генерации ответа.
Собрать такую базовую систему можно за вечер. И в этом гайде предлагается взять не самый стандартный для таких задач язык — PHP в связке с фреймворком Neuron AI.
Про фреймворк мы уже писали ранее. Вот пост.
А теперь давайте посмотрим, как он работает на практике. Материал здесь.
#php #ai #ml
RAG (Retrieval-Augmented Generation или генерация, дополненная поиском) — это метод работы ИИ, в котором он не «фантазирует», а сначала ищет и анализирует релевантную информацию в заранее подготовленной базе, а потом использует найденную информацию для генерации ответа.
Собрать такую базовую систему можно за вечер. И в этом гайде предлагается взять не самый стандартный для таких задач язык — PHP в связке с фреймворком Neuron AI.
Про фреймворк мы уже писали ранее. Вот пост.
А теперь давайте посмотрим, как он работает на практике. Материал здесь.
#php #ai #ml
❤4🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Интерактивный гайд по CSS Grid
«Гриды» очень удобная штука при создании макета сайта. Он даёт нам гибкость и свободу даже при сложных макетах. В этой интерактивной шпаргалке вы можете узнать все ключевые особенности и фишки инструмента.
#фронтенд #css
«Гриды» очень удобная штука при создании макета сайта. Он даёт нам гибкость и свободу даже при сложных макетах. В этой интерактивной шпаргалке вы можете узнать все ключевые особенности и фишки инструмента.
#фронтенд #css
❤8
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Peek — удобные хинты для фронтендеров
Полезное расширение для VS Code, которое показывает свойства класса при наведении на объект. Работает с HTML, React, Vue, Svelte и другими фреймворками. Также позволяет редактировать содержимое класса, не переключаясь на CSS-файл
Доступно бесплатно в маркетплейсе VS Code.
#инструменты
Полезное расширение для VS Code, которое показывает свойства класса при наведении на объект. Работает с HTML, React, Vue, Svelte и другими фреймворками. Также позволяет редактировать содержимое класса, не переключаясь на CSS-файл
Доступно бесплатно в маркетплейсе VS Code.
#инструменты
👍10❤2
Для JavaScript появился ещё один движок
Создал его разработчик полностью в соло. Движок называется Brimstone и написан полностью на Rust.
Несмотря на небольшой вес, Brimstone очень быстрый и на 97% реализует спецификацию ECMAScript, что позволяет использовать его практически с любым кодом. Представляет собой виртуальную машину на основе байт-кода с современной сборкой мусора, собранную по образцу V8.
Такой движок отлично подойдёт для какого-нибудь WebView, где требуется легковесный движок. Подробнее можно прочитать на странице проекта. Там же лежит инструкция по установке.
#javascript
Создал его разработчик полностью в соло. Движок называется Brimstone и написан полностью на Rust.
Несмотря на небольшой вес, Brimstone очень быстрый и на 97% реализует спецификацию ECMAScript, что позволяет использовать его практически с любым кодом. Представляет собой виртуальную машину на основе байт-кода с современной сборкой мусора, собранную по образцу V8.
Такой движок отлично подойдёт для какого-нибудь WebView, где требуется легковесный движок. Подробнее можно прочитать на странице проекта. Там же лежит инструкция по установке.
#javascript
❤5🤣4🗿3
Веб-страница
Для JavaScript появился ещё один движок Создал его разработчик полностью в соло. Движок называется Brimstone и написан полностью на Rust. Несмотря на небольшой вес, Brimstone очень быстрый и на 97% реализует спецификацию ECMAScript, что позволяет использовать…
Кстати, пока искал информацию про Brimstone, обнаружил сайт с каталогом JavaScript-движков
Тут удобно собраны все движки с указанием языка, на котором они написаны, количества контрибьютеров, краткого описания и другой полезной информации.
Полезно, если есть необходимость выбирать движок для проекта.
Зоопарк движков можно изучить по ссылке: https://zoo.js.org/
#javascript
Тут удобно собраны все движки с указанием языка, на котором они написаны, количества контрибьютеров, краткого описания и другой полезной информации.
Полезно, если есть необходимость выбирать движок для проекта.
Зоопарк движков можно изучить по ссылке: https://zoo.js.org/
#javascript
❤8👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация пружины и отскока на чистом CSS
Обычное для создания простых анимаций на CSS используется свойство
Тут на сцену выходит функция
Джош Комо написал простой наглядный гайд, как пользоваться функцией linear для создания таких и других кастомных эффектов перехода. Рекомендую ознакомиться.
#фронтенд #css
Обычное для создания простых анимаций на CSS используется свойство
transition с указанием какого типа движение будет: ease-in, ease-in-out, ease-out или ease. Но если нам требуется что-то не стандартное, такие варианты уже не подходят.Тут на сцену выходит функция
linear(), которая позволяет нам задавать кривую движения так, как нужно нам. Например, для создания эффекта пружины или отскока, как у резинового мячика.Джош Комо написал простой наглядный гайд, как пользоваться функцией linear для создания таких и других кастомных эффектов перехода. Рекомендую ознакомиться.
#фронтенд #css
🔥4❤2👍2