Импорт локальных изображений vs использование изображений из папки / public в Next.js

Читать полностью…

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

В 1989 году Тим Бернерс-Ли, работая в CERN, предложил систему для обмена связанными документами. А уже к концу 1990 года написал первый браузер-редактор WorldWideWeb, первый веб-сервер и сформулировал базовые технологии веба: HTML, HTTP и URL.

Первый сайт работал по адресу info.cern.ch и рассказывал о самом проекте World Wide Web.

Ключевой момент случился в 1993 году, когда CERN сделала технологию Web общедоступной. Это позволило ей быстро распространиться по всему миру без патентных барьеров и лицензий.

Позже Бернерс-Ли основал W3C, чтобы развивать открытые веб-стандарты и сохранять совместимость между браузерами и платформами.

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

Читать полностью…

Card Carousel

Этот элемент веб-дизайна реализован с использованием HTML и CSS. Он представляет собой карусель карточек, и при наведении на карточку применяются CSS трансформации. Это позволяет создать интерактивный и привлекательный элемент на веб-странице.

🌐Ссылка на код

Читать полностью…

Участвуй во всероссийском ИТ-чемпионате МТС True Tech Champ 2026 c призовой фондом 10 250 000 рублей.

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

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

В финале лучшие 120 участников алгоритмического трека сразятся в лайв-кодинге за шесть призовых мест и 2 750 000 рублей. Всех финалистов ждут:
— Лимитированный мерч;
— Сертификаты об участии;
— Масштабное мероприятие с выступлениями хэдлайнеров и фестивальными активностями.

Успей зарегистрироваться и пройти отборочный этап до 27 сентября

Читать полностью…

🔴AI кодинг интервью с разработчиком из международного FinTech в четверг в 19:00

ДА! Вайбкодинг реально начали проверять на интервью, поэтому мы нашли собеседующего, который проводит AI-секцию в международном финтехе, чтобы вы увидели что на ней спрашивают и как к ней подготовиться.

Как это будет:
📂 Александр Дмитриев, разработчик из известного международного финтеха, ex-VK, ex-Ozon проведет вайбкодинг секцию разработчику-добровольцу;
📂 Александр будет задавать реальные вопросы с секций, которые проводил сам и комментировать ответы;
📂 В конце можно будет задать любой вопрос Александру.

Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для разработчиков, которые хотят сменить работу, повысить свой грейд, ЗП и прокачать скиллы.

Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot

Реклама.
О рекламодателе.

Читать полностью…

Fancy Button

Кнопка с эффектом обрезанных углов, реализованная на чистом CSS.

https://codepen.io/bloqhead/pen/ErOjEL

Читать полностью…

Color Palette

Палитра с оттенками цветов. Полноценно работает с компьютера. Логика переключения между оттенками написана на JavaScript.

https://codepen.io/onlyveen/pen/rwvKqb

Читать полностью…

Player/User Cards

Карточки игроков (пользователей) с просмотром дополнительной информации при наведении курсора мыши. Реализованы на чистом CSS.

https://codepen.io/alvaromontoro/pen/ebPEWb

Читать полностью…

Platonic solids

Анимированный настраиваемый многогранник, выполненный с помощью CSS и JavaScript.

https://codepen.io/Dillo/pen/OJOjdQp

Читать полностью…

✅️ 3D-эффект перехода между элементами

В этом проекте интересным образом реализован эффект перехода между элементами. Так, например, вы можете, просматривая изображения в галереи, узнать подробности или описание, наведя на изображение. При этом, если до этого курсор был на другой карточке, то возникнет эффект «перекатывания кубика».

Посмотреть код и поиграть с эффектом можно тут:

https://codepen.io/noeldelgado/pen/nweYMz

Читать полностью…

NGINX 1.31.4 вышел - с улучшениями PROXY protocol, HTTP/2, gRPC и важными security-фиксами

В релизе добавили поддержку PROXY protocol v2 для stream и mail upstreams.

Также поправили обработку :authority для HTTP/2 и gRPC upstreams, чтобы она лучше соответствовала стандартам.

Ещё усилили валидацию QUIC и gRPC, а главное — закрыли четыре проблемы с memory safety.

Если используете NGINX в качестве reverse proxy, TCP/UDP gateway или в gRPC-инфраструктуре, обновление точно стоит посмотреть.

https://blog.nginx.org/blog/nginx-1-31-4-proxy-protocol-v2-stricter-validation-and-more

Читать полностью…

Есть ИИ-проект? Превратите его в шанс выиграть 1 500 000 рублей

Росэлторг.Университет запустил конкурс технологических проектов RLT.Startup для стартапов и команд разработчиков. Задача — создать прототип B2B-маркетплейса, где ИИ-агенты автоматизируют взаимодействие продавцов и покупателей.

Пять лучших команд представят проекты инвесторам и экспертам ИТ-отрасли на финальной защите в Москве 19 ноября.

💎 Главный приз — 1 500 000 рублей
🔜 Заявки до 1 сентября
🎟 Регистрация

Читать полностью…

Ultimate Self-Hosting Guide — руководство по самостоятельному хостингу.

Узнайте все о локальном хостинге (на локальных и частных веб-серверах) и управлении программными приложениями самостоятельно или в своей организации.

Включая облако, LLM, WireGuard, автоматизацию, Home Assistant и сети.

Читать полностью…

Совет по HTML 💡

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

Читать полностью…

PerfectPixel — плагин для браузеров, позволяющий верстать сайты «пиксель в пиксель»

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

Интересной особенностью инструмента является возможность работы как с локальными сайтам, так и с теми, что уже размещены в Интернете

Читать полностью…

Совет по веб-доступности 💡

Лучший способ сделать ваши ссылки, состоящие только из иконок, удобными для экранных читалок.

Читать полностью…

🛠️ Awesome SRE - большая подборка ресурсов для Site Reliability Engineering

Репозиторий awesome-sre собирает полезные материалы по SRE и Production Engineering в одном месте.

Внутри есть подборки по:

- Monitoring и Observability
- Incident Response и Post-Mortem
- On-Call
- Chaos Engineering
- Automation и Toil Reduction
- Capacity Planning
- SLO / SLI
- Performance
- книгам, докладам, статьям и гайдам

Также собраны инструменты вроде Prometheus, Ansible, Puppet, SaltStack, Chaos Monkey, Gatling и другие решения для эксплуатации production-систем. :

Хорошая база, если изучаете SRE, DevOps, reliability engineering или готовитесь к собеседованию.

GitHub:
https://github.com/dastergon/awesome-sre

Читать полностью…

Pure horizontal slider with sliding menu

Увлекательный проект, в котором вёрстка выполнена с использованием HTML и CSS, а логика раскрытия меню и карточек реализована с помощью JavaScript. Этот проект представляет собой горизонтальный слайдер с возможностью скольжения меню.

🌐Ссылка на код

Читать полностью…

CSS совет 💡

Возможно, ты не знал об этом новом и самом простом способе вертикально центрировать контент в блочном макете.

Читать полностью…

Совет по HTML 💡

Семантический способ выделить часть текста ✅

Читать полностью…

⚡️ Релиз ChatGPT Images 2.5

Новое поколение генератора изображений работает на 50% быстрее версии 2.0. Лучше проработаны текстуры, естественнее свет, точнее сохраняются ключевые черты объектов с референсных фотографий.

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

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

Релиз разделен на 2 варианта модели:

🟠GPT-Image-2.5 Flare - облегчённая, с низкой задержкой;

🟠GPT-Image-2.5 Sunburst - максимальная детализация.

Также в ChatGPT добавили Sketch, генерацию по наброскам от руки, возможность комментировать отдельные области изображения и готовые шаблоны вёрстки.

Модель доступна в вебе, приложениях ChatGPT и Codex и через API.

Цены на Flare и Sunburst одинаковые:

$5 за миллион входных текстовых токенов, $8 - за тот же миллион в виде изображений и $30 за миллион выходных.

Есть кэширование - $1,25 (текст) и $2 (изображение).


@ai_machinelearning_big_data

#news #ai #ml

Читать полностью…

📍ОФЛАЙН, Москва 📆 16 сентября, 19:00
AI Meetup для инженеров от OneTwoTrip 💛🤖

Искусственный интеллект давно вышел из стадии экспериментов! На открытом митапе* специалисты честно расскажут, как реальные ИИ-агенты помогают чинить UI-тесты (тесты пользовательского интерфейса) на автопилоте, проводить проверку кода, автоматизировать тестирование и расследовать инциденты в рабочей среде

Встреча будет полезна backend- (разработчикам серверной части) и мобильным разработчикам, инженерам по тестированию, руководителям команд и всем, кто ищет применимые инженерные практики внедрения больших языковых моделей (LLM).

Спикеры и доклады:
👉От составления запроса к автопилоту: как мы учим ИИ чинить UI-тесты
Спикер: Альберт Арифуллин, Руководитель отдела iOS-разработки в OneTwoTrip
👉История нашего ИИ код-ревьюера «Зайца»: от локального агента до мультиагентной архитектуры
Спикер: Никита Тимофеев, Руководитель команды Платформа в OneTwoTrip
👉ИИ в отделе тестирования: кто кого автоматизирует?
Спикер: Иван Холодков, Главный инженер по тестированию в команде «Транспорт» в OneTwoTrip
👉Как ИИ-агент расследует инциденты в продакшене: от запроса до отчёта
Спикер: Евгений Лазурин, Backend-разработчик в «OneTwoTrip для бизнеса»

📍 Место: м. Дмитровская, Новодмитровская ул., 1, стр. 1 (Хлебозавод, Гостиная № 9)

Приходите за опытом и общением с коллегами 💬
Места в Гостиной ограничены, успейте зарегистрироваться!

Реклама. ООО «РФК-Софт», ИНН 9718013884   0+
erid:2Vtzqx2PM6K

Читать полностью…

📌 Fable 5.1 вскрыла шифр, который не поддавался 370 лет

Сотрудник ValsAI Геби Джафф несколько месяцев безуспешно пробовал натравливать модели на нерешённые исторические шифры.

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

И ещё не лезть в совсем неподъёмное вроде Kryptos K4, над которым бьются лучшие умы и ЦРУ.

🟡Модель перебрала кандидатов и остановилась на криптограмме Томаса Эркарта

В конце его трактата Логопандектейсион 1653 года стоят две строки по 32 числа.

Загадку выносили как открытую проблему ещё в 1899 году, она попадала в криптографическую литературу XX века, а Клаус Шмее включил её в список пятидесяти нерешённых зашифрованных сообщений.

Fable потратила на неё 44 минуты и 176 тысяч токенов без вмешательства человека.

🟡Ключом оказалась сама книга

Криптограмма напечатана сразу после 32 разделов трактата, а в каждой строке шифра ровно 32 числа. Совпадение неслучайное, и Fable зацепилась именно за него.

Правило оказалось таким: i-е число в строке - это индекс слова внутри i-го раздела книги. Берём слово по индексу, берём его первую букву, собираем по порядку. Обычный поиск по смещению, только вместо массива текст.

Результатом расшифровки оказалась роялистская молитва: Господи, храни короля Карла Второго и сделай его верховным правителем этой земли.

Дальше Fable взялась за второй шифр Эркарта - Cyphral Octastich из трактата The Jewel 1652 года, 285 чисел, тоже нерешённый.

Тот же приём, только числа указывают на страницы книги, а не на абзацы. Из 285 букв сложились 276 - там тоже оказалась молитва. Девять букв дали бессмыслицу: либо Эркарт ошибся сам, либо наборщик переставил цифры при печати.

Шифр, безусловно, простой и другие модели, скорее всего, тоже справились бы, но этот случай не про способности Fable в криптоанализе, а в умении разглядеть среди десятков задач одну податливую и не бросить её на полпути.

@ai_machinelearning_big_data

#news #ai #ml

Читать полностью…

🔴 Тестовое собеседование на Frontend-разработчика со старшим разработчиком ex. Сбер

3 сентября(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.

Как это будет:
📂 Даниил Дмитриев, старший разработчик в R-Vision, ex. Сбер, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Даниил будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Даниилу

Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.

Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot

Реклама.
О рекламодателе.

Читать полностью…

✔️ В Claude Code появилась команда создания UI-макетов

Проектировать интерфейс теперь можно до написания кода - в терминале или в десктопном приложении.

Достаточно дать базовый промпт (например, несколько вариантов экрана под конкретную задачу), указать команду /design и модель выдает серию набросков в виде интерактивных Artifacts. Удачный вариант точечно доработать и передать в код.

Как пояснил инженер Anthropic Нейт Парротт, модель при этом читает существующую кодовую базу проекта - чтобы новые компоненты сразу попадали в визуальный стиль приложения.

Одно ограничение - макеты учитываются при генерации кода, но сохранять их приходится вручную.

Чтобы попробовать, обновите Claude Code командой claude update.

#news #ai #ml

@data_analysis_ml / Папка полезного по ML.

Читать полностью…

Релиз серверной JavaScript-платформы Bun 1.4, переписанной с Zig на Rust

Представлен выпуск платформы Bun 1.4, предназначенной для обособленного выполнения приложений, написанных на языках JavaScript и TypeScript, и нацеленной на использование в качестве прозрачной замены платформы Node.js. Ветка 1.4 примечательная переводом кодовой базы с языка Zig на язык Rust, осуществлённым с использованием AI-инструментов Claude. Код продолжает распространяться под лицензией MIT.

Подробнее:
https://opennet.ru/66111/
https://opennet.me/66111/

Читать полностью…

Lightning CSS

Очень быстрый парсер, транспилятор, бандлер и минификатор CSS от создателя Parcel: поддерживает CSS-модули, добавляет вендорные префиксы на основе browserslist, интегрируется с webpack.

🌐Ссылка dev

Читать полностью…

🌳 Каждый Ethernet-коммутатор в мире до сих пор использует алгоритм, который Рада Перлман придумала в 1985 году.

Её разработка — Spanning Tree Protocol (STP) — решила одну из самых опасных проблем сетей: петли.

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

Перлман придумала способ превратить любую сложную топологию в дерево без циклов:

«Сначала выбирается корень. Затем каждый узел оставляет самый дешёвый путь к нему. Остальные связи блокируются».

Но самое необычное — её научная статья 1985 года начиналась не с обычной аннотации, а со стихотворения.

«I think that I shall never see
a graph more lovely than a tree…»

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

Рада Перлман позже получила прозвище «мать интернета» за вклад в сетевые технологии.

Иногда самые важные алгоритмы в истории начинаются не с формул, а со стихов.

Читать полностью…

5 платформ, где можно бесплатно задеплоить свой проект

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

1. GitHub Pages - для статических сайтов

Подходит для портфолио, документации, лендингов и проектов на HTML, CSS и JavaScript.

Загружаете код в репозиторий — GitHub публикует сайт и выдаёт готовый адрес.

🔗 https://pages.github.com

2. Cloudflare Workers - для API и серверной логики

Позволяет запускать JavaScript и TypeScript на серверах Cloudflare рядом с пользователем.

Бесплатный тариф включает до 100 000 запросов в день. Хороший вариант для API, вебхуков, прокси и небольших backend-сервисов.

🔗 https://workers.cloudflare.com

3. Vercel - для Next.js и современного frontend

Подключаете GitHub, делаете push — Vercel автоматически собирает и публикует проект.

Для каждой ветки создаётся отдельная preview-ссылка. Бесплатный Hobby-тариф предназначен для личных и некоммерческих проектов.

🔗 https://vercel.com

4. Google Cloud Run - для Docker-контейнеров

Загружаете контейнер, а Google самостоятельно запускает и масштабирует приложение.

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

🔗 https://cloud.google.com/run

5. AWS Amplify - для full-stack приложений

Amplify объединяет хостинг, автоматическую сборку, CI/CD и сервисы AWS.

Подходит для React, Next.js, Vue и мобильных приложений. У новых аккаунтов доступ зависит от программы AWS Free Tier и предоставленных кредитов.

🔗 https://aws.amazon.com/amplify/

Важно: «бесплатно» не означает «без ограничений». Проверяйте лимиты, правила коммерческого использования и условия оплаты сверх бесплатной квоты.

Но для запуска первого проекта этих платформ более чем достаточно.

Читать полностью…

🔴 Тестовое собеседование с ТимЛидом Frontend-разработки в этот четверг

6 августа(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.

Как это будет:
📂 Алексей Романов, Teamlead в Underhood.dev с опытом 6+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Алексей будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Алексею

Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.

Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot

Реклама.
О рекламодателе.

Читать полностью…