🤔 База знаний для фронтендеров, которую стоит забрать в закладки

Огромная подборка статей, гайдов и справочных материалов по веб-разработке. Фокус — на том, без чего верстка не живет: HTML, CSS, JavaScript и современные подходы к макетам. От базовых принципов до боевых приемов, которые реально встречаются в проектах.

Что внутри:

• Flexbox и Grid — раскладки без боли
• адаптивная верстка под любые экраны
• типографика и доступность
• оптимизация сайтов и работа с изображениями
• CSS-анимации и прочие вкусности

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

#frontend #CSS #верстка

🤖 В Шанхае пашет гигантский порт, где людей почти не видать

Всю работу на терминале тащат роботы — контейнеры тягает целая армия беспилотной техники.

Что крутится на площадке:

• 155 беспилотных машин
• 121 автоматический кран
• 29 здоровенных причальных кранов

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

Вот так и выглядит будущее логистики — тихо, чётко и без лишних рук 🦾

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

#роботы #автоматизация #Шанхай

overflow: hidden ≠ просто «обрезать контент»

Многие лепят overflow: hidden только чтобы спрятать то, что вылезает за границы блока. Но есть подвох: элемент превращается в контейнер прокрутки, даже если скроллбаров не видно. А это ломает position: sticky, программный скролл и поиск ближайшего скролл-контейнера.

Если прокрутка не нужна в принципе — бери точнее:

.wrapper { overflow: clip; }

Контент так же обрежется, но контейнер прокрутки не создаётся. И sticky внутри будет цепляться за внешний скролл, а не тормозить о .wrapper.

Ещё приятная мелочь — зону обрезки можно расширить:

overflow-clip-margin: 8px;

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

Важно: clip — не замена hidden. Если элемент реально должен скроллиться программно, тут clip не выручит.

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

#CSS #overflow #frontend

🤯 Один человек подарил миру FFmpeg, QEMU, QuickJS и Linux, запускающийся прямо в браузере. А имя его знают далеко не все.

Знакомьтесь — Фабрис Беллар, французский инженер и один из самых продуктивных системных программистов за последние десятилетия.

В 2000-м он запустил FFmpeg — сегодня это фундамент для кодирования, обработки и стриминга аудио и видео. Потом был QEMU, без которого не обходится современный Linux-стек виртуализации. Дальше — TCC, крошечный C-компилятор, и JSLinux: ещё в 2011 году Беллар умудрился завести полноценный Linux внутри браузера.

В 2009-м поставил мировой рекорд — вычислил 2,7 трлн знаков числа π на обычном ПК дешевле €2000.

А потом пошли QuickJS, TextSynth, нейросетевое сжатие и аудиокодеки. QuickJS, кстати, живёт и развивается до сих пор. Параллельно он ещё и CTO Amarisoft — софт для 4G/5G.

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

#FFmpeg #QEMU #QuickJS

Circuit Breaker в микросервисах — как это работает

Представь: один из сервисов начал тупить или сыпать ошибками. Продолжать долбить его запросами — только добивать систему. Тут и вступает в игру Circuit Breaker, он же «предохранитель»: временно обрубает обращения к проблемному сервису и не даёт сбою разойтись каскадом по всей архитектуре.

У него три состояния:

• Closed — всё ок, запросы идут как обычно
• Open — порог ошибок превышен, обращения заблокированы
• Half-Open — после паузы пропускаем пару пробных запросов и смотрим, ожил ли сервис

Прошли проверки — возвращаемся в Closed. Ошибки продолжаются — снова Open.

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

#микросервисы #CircuitBreaker #backend

💀 Эволюция ботоферм дошла до абсурда

Раньше для накруток и массовых действий держали стеллажи с реальными смартфонами — сотни устройств, SIM-карты, провода, целые ангары железа. Дорого, громоздко, да ещё и палится на раз-два.

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

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

#ИИ #боты #антифрод

В PS Store внезапно отдают Mafia 3 и Call of Duty: WWII бесплатно

Sony без предупреждения открыла доступ к Mafia 3 — причём со всеми дополнениями — и к Call of Duty: WWII. Платить не нужно, забираешь в свою библиотеку и играешь.

Зачем это сделали — непонятно, официальных комментариев нет. Народ ломанулся так массово, что серверы местами подлагивают и отваливаются.

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

#Mafia3 #CallofDuty #PSStore

📉 Интересная движуха на рынке маркетплейсов: Wildberries и «Яндекс Маркет» просели по активной аудитории после атак на их склады.

Ежедневные охваты упали на 10% и 8% соответственно. А вот Ozon, наоборот, рванул вверх — плюс 26%.

Причина не только в проблемах со складами. Wildberries заметно урезал бюджеты на продвижение, тогда как Ozon держал маркетинг на прежнем уровне — и собрал тех, кто ушёл от конкурентов.

Классика: пока одни латают дыры, другие забирают трафик.

#Wildberries #Ozon #маркетплейсы

🌡 Как перевести «мне холодно» на язык математики?

Ощущение холода — это не только про цифру на термометре. Погодные сервисы считают так называемую «ощущаемую температуру», и за ней стоит вполне конкретная формула.

В расчёт идут не только градусы, но и скорость ветра с влажностью. Ветер уносит тёплый слой воздуха возле кожи — и мороз чувствуется сильнее, чем он есть по факту. А высокая влажность в жару мешает поту испаряться, поэтому летом душно и тяжело.

Именно поэтому реальные -5 при сильном ветре могут «ощущаться как» -15. Математика просто переводит наши субъективные ощущения в понятные числа 📊

Хотите купить квартиру без переплат и не наступить на грабли застройщиков? Разбираем новостройки, ипотеку и выгодные сделки — честно и по делу.

#математика #погода #алгоритмы

😍 Fallout 2 затащили в 3D — и всё благодаря Opus 5.5

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

Итог сносит крышу: нейронка перегнала знакомые 2D-карты в полноценные локации, по которым можно гулять прямо в браузере смартфона. Пустошь буквально ожила в объёме 💥

Олдскулы свело намертво — такой апгрейд ретро-легенды мало кто ожидал от простого запроса к ИИ.

#Fallout #Claude #AI

Восстание машин через полгода? OpenAI и Anthropic, по данным Axios, уже готовятся к серьёзным рискам со стороны ИИ.

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

Вот только нажать на тормоз уже не выйдет — замедление прогресса ударит по мировой экономике сильнее любой катастрофы.

Судя по прогнозам, 2027-й обещает быть горячим.

#OpenAI #Anthropic #AI

В Telegram докопались до любопытной штуки: в коде macOS-версии нашли фичу под названием HTMLBubbles.

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

Представьте: кнопки, интерактивные карточки, живые графики — всё это внутри диалога, без всяких сторонних ботов и костылей.

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

#Telegram #HTML #разработка

Rework — новый взгляд на HTTP-клиенты в Java

Почему в Java до сих пор рулят RestTemplate и FeignClient, хотя их архитектура давно просится на пенсию? Есть свежий подход — Rework, который закрывает боли legacy-решений.

Что не так со старичками: громоздкий конфиг у RestTemplate, ограничения связки OpenAPI-Gen с FeignClient, вечные мучения с тестами и отладкой.

Чем отвечает Rework:
— декларативный синтаксис
— встроенная валидация запросов
— автоматическое логирование
— лёгкая интеграция в Spring через аннотации

Если пилишь микросервисы на Java и задолбали костыли вокруг HTTP-клиентов — точно стоит глянуть 🔥

Звёзды, карты и лунные ритмы уже готовы рассказать о тебе то, что ты давно чувствуешь. Загляни туда, где судьба становится понятнее — и начни слышать себя по-настоящему.

#Java #Spring #API

💡 Linux Совет — срок жизни паролей

Если нужно держать под контролем, как часто юзеры меняют пароли — твой инструмент это chage. Он показывает и настраивает всю aging-политику учётки.

Смотрим текущие параметры:
chage -l username

Что можно крутить:
• -M — через сколько дней пароль протухнет
• -m — минимальный срок до следующей смены
• -d 0 — заставить сменить пароль при ближайшем входе
• -E — дата, когда аккаунт отключится
• -W — за сколько дней начинать предупреждать

Пример на практике:
sudo chage -M 90 anusha

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

#Linux #chage #пароли

Качаем английский по бесплатным подкастам — рабочий способ наконец-то начать понимать речь на слух и говорить свободнее

Вот подборка, которую стоит закинуть в плеер:

🔴 American English Podcast — культура, история и язык с упором на американский вариант и живые примеры из реальной речи

🔴 English Learning for Curious Minds — продвинутый уровень через истории о жизни, науке и бизнесе, плюс расширяет кругозор

🔴 6 Minute English — короткие выпуски BBC на шесть минут: новая лексика и идиомы на актуальных темах

🔴 The English We Speak — одна современная фраза или сленг за выпуск и как её вставить в живой разговор

🔴 Luke's English Podcast — культовый формат: Люк с юмором разбирает грамматику, лексику и британскую культуру в монологах и интервью

Сохраняй и слушай по дороге

#английский #подкасты #BBC

CSS-медиазапросы: подстраиваем сетку и цвета под условие

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

Начни с сетки: сужай окно браузера и смотри, как три колонки схлопываются в две, а потом в одну. Правила min-width пишут от меньшего порога к большему. На широком экране срабатывают сразу оба условия, и финальное число колонок задаёт то правило, что идёт позже.

Дальше — тёмная тема: цветовые переменные меняются вслед за системной настройкой, никакого ручного переключения. А если мобильная сетка не оживает на телефоне — почти всегда дело в метатеге viewport: именно он говорит браузеру брать ширину страницы по ширине устройства.

Подписывайся, чтобы не пропустить разборы по фронтенду и вёрстке — здесь такое выходит регулярно

#CSS #frontend #вёрстка

😎 Наконец-то свершилось! Спустя целых 5 лет Microsoft вернула в Windows возможность двигать панель задач к любому краю экрана — хоть вверх, хоть влево, хоть вправо.

Звучит как мелочь, но для тех, кто годами привык к своему расположению таскбара, это буквально глоток свободы. В Windows 11 эту фичу в своё время безжалостно вырезали, и народ бомбил по этому поводу не один год.

Теперь всё возвращается на круги своя. Иногда лучшая новая функция — это хорошо забытая старая 👌

Залетай к нам за мощными тачками и свежими автоновинками — скучно точно не будет.

#Windows #Microsoft #Windows11

☕️ 1200+ задач по Java — это не шутки

Представь себе спортзал, только вместо гантелей — код. Примерно так работает CodeGym: платформа ведёт тебя по Java последовательно, от базового синтаксиса до по-настоящему продвинутых тем.

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

Такой формат заходит тем, кто устал от сухой теории и хочет писать код руками. Чем больше задач за спиной — тем увереннее ты в бою.

#Java #CodeGym #практика