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

Контакт: @Filgood777 (реклама, сотрудничество)
Download Telegram
🖥 BEM vs Atomic CSS или картинка по номерам

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

🔗 Ссылка

CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Написали «погружение», а фотка как по поверхности гоняет.

И вот так с этими книгами по программированию всегда. Да и с курсами тоже.

CodeBase | Frontend | #meme
😁7💯42🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️FURIOSA 3D Animated Poster — Анимированный 3D постер к фильму.

Технологии: SCSS

🔗 Ссылка

CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
😁7👍3🔥1😢1💯1
JavaScript-разработчик набирает npm install:
CodeBase | Frontend | #meme
This media is not supported in your browser
VIEW IN TELEGRAM
😁10🤣3👍2💯1
⚙️ Что такое свойство text-overflow в CSS и зачем оно используется?

text-overflow управляет тем, как обрезается текст, выходящий за пределы блока. Оно работает вместе с overflow: hidden и white-space: nowrap, чтобы отображать, например, троеточие.

➡️ Пример:

<div class="truncate">Очень длинный текст, который не помещается</div>

<style>
.truncate {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid #ccc;
}
</style>


🗣 В этом примере длинный текст обрезается и заменяется троеточием (...), не выходя за рамки блока. Это удобно для заголовков, превью и адаптивных карточек в UI.

CodeBase | Frontend | #CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн

Но где их находить? Как узнавать о них раньше, чем когда все начнут выкладывать фотографии оттуда?

Переходите на канал IT-Мероприятия России. В нём каждый день анонсируются мероприятия со всех городов России

📆 в канале размещаются как онлайн, так и оффлайн мероприятия;
👩‍💻 можно найти ивенты по любому стеку: программирование, frontend-backend разработка, кибербезопасность, дата-аналитика, osint, devops и другие;
🎙 разнообразные форматы мероприятий: митапы с коллегами по цеху, конференции и вебинары с известными опытными специалистами, форумы и олимпиады от важных представителей индустрии и многое другое

А чтобы не искать по разным форумам и чатам новости о предстоящих ивентах:

🚀 IT-мероприятия Россииподписывайся и будь в курсе всех предстоящих мероприятий!
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥2👍1👨‍💻1
🖥 Как я создал клон 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
Forwarded from localhost
Media is too big
VIEW IN TELEGRAM
В праздники нужно отдыхать

😎 localhost › IT-юмор
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
Неизвестно полезный CSS

Неважно, верстаете ли вы сайт для малого бизнеса или создаёте супермодное React приложение. Здесь собраны фишки CSS, которые пригодятся каждому. Что-то, возможно, вы уже знаете, но наверняка тут найдётся для вас что-то новенькое.

В этой подборке про вертикальный текст, clip-path, контрастность текста и не только.

Кстати, это уже 6 подборка советов, остальные вы найдёте в конце статьи.

CodeBase | Frontend | #CSS
👍62🔥2
Forwarded from Видеоуроки IT
🎬 HTML для начинающих

🔴Видеоуроки

1. Введение
2. Теги
3. Атрибуты
4. Таблицы
5. Ссылки
6. Фреймы
7. Списки. Маркированный список. Нумерованный список. Список определений
8. Отображение изображений в HTML
9. Как подключать стили CSS и JavaScript к HTML
10. ТОП 10 нужных вам HTML элементов, о которых вы не знали

▶️ Плейлист YouTube

🔻Канал: ART PROGRAMS
🔴#html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️CSS scroll-driven scroll-snapping animations — Страница с различными вариациями анимированного скролла

Технологии: CSS

🔗 Ссылка

CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍92