CodeBase | Frontend
2.14K subscribers
383 photos
150 videos
5 files
571 links
Все самое интересное и полезное у нас 😎

Контакт: @Filgood777 (реклама, сотрудничество)
Download Telegram
🖥 Почти Ванильный Фронтэнд

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

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
🖥 Firefox против гигантов: битва за интернет

История Firefox — про то, как маленький бунтарь выжил в мире монополий. В статье расскажут, как браузер ворвался на рынок, побил рекорды и заставил всех считаться с собой

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍41
🖥 BEM vs Atomic CSS или картинка по номерам

Собрал свои мысли и опыт про методологии CSS — сравнил BEM, OOCSS, SMACSS и прочие. Посмотрим, что из этого реально работает и стоит ли вообще париться с подходами в 2025

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
🖥 Как я создал клон Pinterest с использованием Vue 3 и FastAPI

Автор делится историей создания собственного Pinterest-клона с нуля: полный real-time, современный стек и UX почти как у оригинала. Всё в одиночку за 4 месяца. Почти production, но pet-проект

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍63🔥2
🖥 Как улучшить UX в PWA на React с помощью потокового Backend-Driven UI — личный опыт

В статье делятся тремя способами ускорить Backend-Driven UI: приёмы пока обкатаны только на демо, но уже дают крутой прирост скорости и просят реального боевого применения

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍61🔥1
🖥 Solid.js как альтернатива (P)React+MobX на практике

В статье сравнивают Solid с React+MobX на реальном мобильном проекте: проверяют размер, перфоманс и удобство, без синтетики. Плюс — готовый репозиторий для тестирования

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍521
🖥 Почему не дружат фронтендер и дизайнер: работающие техники общения между отделами

В статье фронтенд-тимлид из AGIMA рассказывает, как наладить дружбу между разработчиками и дизайнерами: меньше мифов, больше простых правил — и никакой вражды

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥2🥰2
🖥 Улучшаем тексты в вебе при помощи text-wrap: pretty

В статье сравниваются разные значения text-wrap, особенно новое pretty, и как оно приближает веб к качеству ручного набора. Типографика теперь — не только шрифт, но и интеллект

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍42💯1
🖥 Секреты эффективного кодирования на Go для опытных и новичков: профайлинг, тесты, CI

В статье рассказывают, как писать эффективный код на Go: от организации пакетов и обработки ошибок до безопасной работы с горутинами и оптимизации через pprof

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31🔥1
🖥 ChatGPT vs Гик. Сможет ли AI заменить опытного верстальщика?

Автор проверяет, сможет ли ChatGPT сверстать как человек. Он даёт ИИ популярные паттерны и смотрит — пойдет ли такой код в прод. Спойлер: местами смешно.

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍51🔥1
🖥 Автоматический HTTPS для ленивых: ACME + Angie один раз и навсегда

Автор объясняет, как в Angie настроить ACME‑челлендж через DNS для получения wildcard‑сертификатов, не превращая процесс в квест для DevOps-гениев. Всё разжёвано до последнего байта.

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍2🔥1🤔1
Forwarded from Контент для codebase_frontend
🖥 Как работает position: sticky и почему он часто не прилипает

Показываю, как position: sticky превращается из магии в боль — от overflow до вложенных скроллов. Кейс за кейсом, где он «отлипает» не туда.

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍1😁1
🖥 Как сделать ужасный для пользователя интерфейс. Коллекция HTML/CSS лайфхаков

В статье собрал злые HTML и CSS-приёмы — всё, чтобы сделать интерфейс максимально неудобным. Не то чтобы я рекомендую, но знать такое полезно… на всякий случай.

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥1
🖥 Неизвестно полезный CSS. Часть 8

Собрал CSS-хаки, про которые мало кто знает, но они реально выручают. Всё современно, без учёта IE11. Будет и про гриды, и про transform, и даже пара древностей

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
🖥 100K юзеров за 3 дня — что сломалось после релиза

Разбор запуска мини-приложения в Telegram: RPS ×10, оптимизация Node.js, борьба с MongoDB и CPU, Grafana, Sentry, Cloudflare. Что сломалось и как починили.

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
21👍1
🖥 Практическое руководство по иконкам в веб-проектах — Часть 1

Разбираюсь, как правильно использовать иконки в вебе: где встраивать SVG, когда подключать шрифты, зачем нужны viewBox и почему alt не спасёт. Примеры, нюансы, всё своё.

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
🖥 Как переносить «висячие» слова на следующую строку с помощью JavaScript

Для автоматического предотвращения переносов после коротких слов можно использовать JavaScript, который заменяет обычные пробелы на неразрывные пробелы ( ) после определённых слов.

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
🖥 Фишки Cursor — как сделать работу с ним дешевле и эффективнее?

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

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍2
🖥 БЭМ + Tailwind: прагматичный гибрид для современного фронтенда

В статье покажу, как смешал БЭМ с Tailwind — без религиозных войн и ломки шаблонов. Расскажу, как ушёл от боли нейминга и выровнял отступы, ускорив разработку почти вдвое.

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍1
🖥 Как я собеседовался в Ozon, Т-Банк, Mindbox и другие крупные компании

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

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2