КодВеб | Дизайн База

🔝 Ловите подборку каналов по Фронтенду Фронтенд заметки - всё что нужно для Frontend разработчика в одном месте: обучающие видео, статьи, онлайн сервисы, шпаргалки и многое другое... JavaScript Практика - никакой скучной теории, только интересные практические уроки по JS WebTaverna - полезные обучающие мини-гайды в картинках, а также различные полезные шпаргалки и советы по HTML, CSS и JavaScript Гайды по React.js - полезные статьи, уроки, практика по React.js и все что с ним связано! jsProger - обучающие мини-гайды чисто по JavaScript, без HTML и CSS ⚠️ Пост будет удален через 48 часов, поэтому успей подписаться на эти каналы, чтобы не потерять

👩‍💻 OSSYLABS Сайт компании по созданию умного дома 🟠 Сложность: Средний 🟠 Адаптивность: Нет 🟠 Язык: Английский 🎨 Дизайн База. Подписаться #Макеты #Figma

👩‍💻 OSSYLABS Сайт компании по созданию умного дома 🟠 Сложность: Средний 🟠 Адаптивность: Нет 🟠 Язык: Английский

📥 7539 ГБ платного контента из онлайн-школ утекли в Telegram и теперь лежат в открытом доступе: 😡 Hacking (226 ГБ) 🔠 InfoSec (418 ГБ) 🖥 Python (724 ГБ) 🖥 Frontend (981 ГБ) 🖥 Backend (817 ГБ) 🖥 Все направления (4373 ГБ) Вход открыт ровно на 48 часов 🕔

🎥 Все нейросети в Davinci Resolve 19 В DaVinci AI-инструменты есть в монтаже, цветокоррекции, звуке и фьюжене. Они помогают ускорять работу и автоматизировать сложные процессы. В этом видео — всё о нейросетях в DaVinci Resolve. Содержание видео (под катом):

00:00 Интро 00:37 1. Magic Mask 01:22 2. Face Refinement 02:31 3. Object Removal 03:17 4. Depth Map 04:32 5. Relight 07:04 6. Detect scene cuts 07:35 7. Audio transcribe 08:08 8. Subtitles from audio 08:54 9. Audio classification 10:20 10. Smart Reframe 11:11 11. Super Scale 12:17 12. Optical Flor & Speed Warp 13:39 13. Voice Isolation 14:17 14. Dialogue Separator 14:30 15. Music Remixer 15:01 16. Ducker 15:31 17. IntelliTrack 17:30 18. Ultra NR 18:57 19. Почетное упоминание №1 20:15 20. Почетное упоминание №2

🎨 Дизайн База. Подписаться #Сервис #ИИ #DaVinci

🎨 Recraft.ai — это инструмент на базе ИИ для создания и редактирования графики. Он позволяет генерировать изображения по текстовым запросам, упрощая процесс для пользователей без опыта в дизайне. В отличие от классических редакторов, Recraft.ai создаёт уникальные изображения за секунды с помощью машинного обучения. Это делает работу с графикой быстрой и доступной. 🎨 Дизайн База. Подписаться #Сервис #ИИ

— Кто мы? — Фронтендеры! — Чего мы хотим? — Делать крутые проекты! — Где этому научиться? — На канале «Будни разработчика», конечно! — А что там? — Скрытые фишки фронтенда, реальные проекты и топовые статьи!

📲 Токены цвета для приложения: Как создать, использовать и передать в разработку

Уже больше 3-х лет я делаю UI-киты и небольшие дизайн-системы для приложений. За это время получилось сделать удобную и гибкую систему, которая экономит время разработки и уменьшает расхождение макетов с продом минимальными усилиями. В этой статье расскажу как сделать, применить и передать в разработку токены цветов для мобильного приложения. Позже напишу ещё про токены размеров, типографику и в целом подготовку макетов.

🎨 Дизайн База. Подписаться #Гайды #Дизайн #Mobile

🎨 Figma с нуля за 90 минут (Веб-дизайн для начинающих) От автора: Курс разработан таким образом, что вы изучите Фигму на практике, создавая веб-сайты, интерфейсы и приложения. Под руководством автора вы познакомитесь с возможностями программы и создадите крутые работы для своего портфолио. Содержание видео (под катом):

00:00 - создание экрана сайта в Figma 00:42 - как скачать и установить Figma 04:50 - чем занимаются дизайнеры интерфейсов? 12:30 - интерфейс Фигма 19:20 - инструменты Figma 26:40 - работа с текстом в Figma 30:00 - создание кнопки 35:20 - создание фона 36:30 - создание заголовка 40:20 - визуальная иерархия 41:00 - добавление фото/логотипов в Figma 47:20 - автолейауты (auto layouts) в Figma 48:20 - работа с формами 56:30 - создание верхнего меню в Figma 01:01:30 - работа с иконками 01:07:30 - работа с логотипами и стилями 01:11:00 - доработка первого/главного экрана сайта (Hero screen)

🎨 Дизайн База. Подписаться #Гайды #Figma

😈Переиграли и уничтожили SkillBox’y привет, всем остальным соболезную. Залили новые курсы, забирайте ниже: ➖Python (64гб курсов) ➖C# (27гб курсов) ➖Java (45гб курсов) ➖PHP (34гб курсов) ➖Go (23гб курсов) ➖Rust (37гб курсов) ➖SQL (41гб курсов) ➖MySQL (21гб курсов) ➖Другое (114гб курсов) Не видео на ютуб, а реальный СЛИВ огромных баз. Проверь сам!🚨

🤔 Трендвотчинг в дизайне интерфейсов: что это и почему так модно? Хорошая аналитическая статья про то, как оставаться в трендах современного дизайна и где эти тренды искать: платформы, исследования, технологии и способы работы со всем этим добром. 🎨 Дизайн База. Подписаться #Гайды #Дизайн

🎨 Figma - Создаем эффект свечения и добавляем зерно (шум) Хороший разбор, как за пару минут сделать качественный дизайн с помощью пары плагинов: 🔹Glow — позволяет добавить профессиональное свечение, чтобы самим не настраивать по 5 слоёв Drop Shadow; 🔹Noise — плагин, который сделает это освещение естественным путём добавления зерна. От себя советую всё-таки использовать Noise&Texture, потому что он бесплатный 🎨 Дизайн База. Подписаться #Гайды #Figma #Плагин

🐳 10 вещей, которые я хотела бы знать ДО создания UI-кита UI-kit — неотъемлемая часть дизайн-системы, включает в себя готовый набор элементов интерфейса: типографику, цветовую палитру, систему отступов, компоненты в различных состояниях. UI-кит можно воспринимать как множество кирпичиков, из которых строится интерфейс. Что важно учитывать и с какими неожиданными сложностями вы можете столкнуться при создании и внедрении UI-кита? Делюсь опытом нашей команды: как косячили, ругались и делали выводы. 🎨 Дизайн База. Подписаться #Гайды #UXUI

💻 Настоящие читы для программистов/разработчиков! Hacking & InfoSec Base — Самая большая в телеграме библиотека книг по хакингу и ИБ; Программистика — Лучший канал про Python; Coding Base — огромное количество полезных ресурсов, репозиториев статей для разработчиков; GameDev Base — Множество крутых приёмов и лайвхаков для геймдев разработчиков; IT библиотека — самая крупная коллекция книг по программированию; 🫵 Подпишись и прокачивай свои навыки с невиданной скоростью!

🎨 Текст по форме | Трансформация текста в Figma Этот эффект часто применяется в графическом дизайне, чтобы создать вау-эффект и привлечь внимание. Сегодня разберём, как трансформировать текст, изображения и буквы в Figma с помощью плагинов! 🎨 Дизайн База. Подписаться #Гайды #Figma #Плагин

👩‍💻 MaterialDesign — это коллекция иконок в стиле Material Design. Репозиторий содержит SVG, PNG и другие форматы для удобного использования. Внутри инструкции по интеграции репозитория в JavaScript, React и по установке шрифта с иконками. Пользуйтесь в своих дизайнах 😊 🎨 Дизайн База. Подписаться #GitHub #Иконки

⚡️Все Элементы IT в одном месте! Надоело читать мусорные статьи и бред из ChatGPT? Нам тоже, поэтому мы создали сеть каналов IT Elements, где вручную отбираем лучшие самое вкусное из мира IT 🧑‍💻 🐍 Python: t.me/python_elements 🖥 Frontend: t.me/frontend_elements 🗄 Backend: t.me/archive_elements 🎨 Design: t.me/design_elements 👩‍💻 GitHub: t.me/github_elements ⏲️ Ссылки на каналы будут доступны ещё 48 часов, успей забрать лучшее из мира IT в Телеге 👌

🎨 Полный курс по обновлённой Figma Этот курс поможет вам освоить Figma — удобный инструмент для дизайна интерфейсов. Вы разберётесь с основами работы: фреймами, слоями, компонентами и автолэйаутами. В процессе обучения создадите свои первые макеты и научитесь работать в команде. 🎨 Дизайн База. Подписаться #Курсы #Figma

🏆 Пять ИИ-сервисов, которые пригодятся в разработке игр

Никого уже не удивить генерацией картинок или текста. Искусственные интеллект постепенно проникает во все сферы нашей жизни, кто-то насколько я знаю, даже гадает с помощью чата GPT, составляет план питания. Короче, как только не используют этот ИИ. Я сегодня кратко хотел бы пробежаться по ИИ-сервисам, которые могут помочь в разработке игр. Диалоги для NPC, концепции персонажей, идеи для сюжета игры. Возможно полноценно доверить работу ИИ еще нельзя, но выдернуть пару идей и разогнать их — легко. Так вот собрал 7 сервисов, которые можно как минимум попробовать в геймдеве.

🎨 Дизайн База. Подписаться #Сервис #3D #GameDev