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

🎨 Lucide — библиотека SVG-иконок Lucide — это бесплатная библиотека минималистичных SVG-иконок, которые легко настраиваются по размеру и цвету и интегрируются в проект. Коллекция обновляется каждую неделю, оставаясь актуальной. Сравнил, ничем не хуже гугловских, можно использовать. А для удобства есть также плагин в Figma, пользуемся 😊 🎨 Дизайн База | #Figma #Плагины

Привет. Вот тебе самые топовые каналы по IT! 🤔 Hacking & InfoSec Base — Крутой блог белого хакера; 🤩 CyberGuard — Всё про ИБ; 📈 ИБ Вакансии— Всё, чтобы найти работу в ИБ; 👩‍💻 Linux Administration — Всё про Линукс; ⚙️ Программистика — Python, python и ещё раз python; 😀 GameDev Base — Всё про GameDev; 😄 //code — Самые топовые мемы по IT;

👩‍💻 Copper Pro Сайт магазина дистилляторов эфирных масел 🟠 Сложность: Средний 🟠 Адаптивность: Нет 🟠 Язык: Русский 🎨 Дизайн База | #Макеты #Figma

👩‍💻 Morphing Button Кнопка с анимацией. 🟠 Сложность: Легко 🟠 Стек: #HTML #CSS 🎨 Дизайн База | #CodePen

🎨 Вопрос с собеседования: Как работает интерактивное прототипирование в Figma, какие сценарии можно моделировать и в чём его ограничения по сравнению с полноценной фронтенд-версткой? Сначала подумайте, а потом можете свериться с ответом 😊 Ответ: Прототипирование в Figma — это настройка переходов, кликабельных зон, анимаций между экранами или состояниями внутри макета. Это удобно для презентаций, UX-тестирования, согласования сценариев с заказчиком или командой. Сценарии: клики, свайпы, переключения, анимации, автопереходы по таймеру. Ограничения: нельзя реализовать сложную логику, обработку данных, интеграцию с сервером или динамическую подгрузку контента. Это “визуальный клик-думми”, а не готовый продукт, но отлично решает задачи визуального согласования. Понравился вопрос? Поставьте любую реакцию, нам интересно ваше мнение 🚀 🎨 Кодвеб | #Вопросы #Figma

🎨 Просто подборка крутых градиентов 🎨 Дизайн База | #Цвет

👩‍💻 Всем программистам посвящается! Вот 17 авторских обучающих IT каналов по самым востребованным областям программирования: Выбирай своё направление: 👩‍💻 Python — t.me/python_ready 🤔 InfoSec & Хакинг — t.me/hacking_ready 🖥 SQL & Базы Данных — t.me/sql_ready 🤖 Нейросети — t.me/neuro_ready 👩‍💻 C/C++ — https://t.me/cpp_ready 👩‍💻 C# & Unity — t.me/csharp_ready 👩‍💻 Java — t.me/java_ready 👩‍💻 Linux — t.me/linux_ready 🖼️ DevOps — t.me/devops_ready 📖 IT Книги — t.me/books_ready 👩‍💻 Frontend — t.me/frontend_ready 📱 JavaScript — t.me/javascript_ready 👩‍💻 Backend — t.me/backend_ready 📱 GitHub & Git — t.me/github_ready 👩‍💻 Весь IT — t.me/it_ready 👩‍💻 Bash & Shell — t.me/bash_ready 🖥 Design — t.me/design_ready 📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!

🎨 Вопрос с собеседования: Как работает система компонентов и вариаций (Variants) в Figma, чем она принципиально отличается от простого копирования элементов, и как использование компонентов влияет на поддержку больших дизайн-систем? Сначала подумайте, а потом можете свериться с ответом 😊 Ответ: Компоненты в Figma позволяют создать один исходный “мастер”‑элемент, изменения в котором автоматически распространяются на все его копии (инстансы). Варианты (Variants) позволяют объединять связанные состояния (например, кнопка: default, hover, disabled) в единую структуру. Такой подход обеспечивает консистентность, ускоряет обновление интерфейса, минимизирует ручной труд и снижает риск рассинхронизации версий. В отличие от копирования, компоненты гарантируют, что правки в одном месте обновят всё сразу — критично для масштабных дизайн-систем и коллаборации. Понравился вопрос? Поставьте любую реакцию, нам интересно ваше мнение 🚀 🎨 Кодвеб | #Вопросы #Figma

Abracadabra Вам больше не придется вручную писать lorem-ipsum-text и вставлять изображения в макеты — Abracadabra сделает это за вас. 🖼 Установить плагин 🎨 Кодвеб | #Figma #Плагины

iconbuddy.app Лайфхак для дизайнеров — тут найдутся значки для любых сайтов, приложений и дизайнов. Прямо там же есть и редактор иконок, чтобы Вы могли сами собрать и скачать варианты на свой вкус. ➡️ Перейти на сайт 🎨 Кодвеб | #Tools

REKONFA Live 6 ноября приглашаем всех, кто имеет отношение к маркетингу и рекламным технологиям, обсудить рынок, тренды, вызовы и их решения. С докладами на актуальные темы выступят лидеры индустрии и медийные спикеры. Принять участие можно офлайн и онлайн. Мероприятие бесплатное, нужно только зарегистрироваться. Зарегистрироваться #реклама 18+ ya.rekonfa.ru О рекламодателе

👩‍💻 CSS.GG — иконки для веба, UI и Figma без ограничений Если вам нужны красивые иконки без лишнего кода, CSS.GG решит задачу. Вся коллекция оптимизирована для использования в вебе и поддерживает SVG, CSS и Figma. Простая интеграция, гибкая настройка и современный стиль делают этот ресурс отличным выбором для UI-дизайна. Всё доступно бесплатно и по свободной лицензии 🆓 🎨 Дизайн База | #Figma #CSS

🌐 Создаём веб-сайт, как будто сейчас 1999 год Помните сайты с анимированными гифками, яркими фонами и кучей фреймов? Нашёл для вас статью , как воссоздать дух 1999 года, используя современные HTML, CSS и JavaScript. Добавим винтажные элементы, но без устаревших технологий. Это не просто ретро-эксперимент, а крутой способ понять, как эволюционировал веб-дизайн. А ещё — отличный повод сделать сайт, который ослепит всех своей ламповостью 😊 🎨 Дизайн База | #Гайды #HTML #CSS #JavaScript

Реклама для бизнеса любого уровня в Яндекс Директе Создайте эффективную рекламную кампанию с алгоритмами Яндекс Директа 👌 Начните прямо сейчас ⚡ Зарегистрироваться #реклама direct.yandex.ru О рекламодателе

🙅‍♂️ Не совершай этих ошибок в дизайне! 🎨 Дизайн База | #Гайды #UXUI

Программисты из Telegram создали сильнейшие IT- каналы 🐍 Ghostly Python - автоматизируй всё, что можешь. Боты, скрипты, парсеры, утилиты - делаем Python простым и полезным. Уверенный старт для новичков и не только. ☕️ Easy Java - Java без боли. От основ до фреймворков. Просто, понятно и по делу. Если хочешь реально понять язык - тебе сюда. 😎 IT Syndicate - главный хаб для тех, кто живёт IT. GameDev, InfoSec, Frontend, DevOps, AI и многое другое. Готовь мозг, тут будет жарко. 🧡 Ghostly Frontend - фронтенд без лишнего шума. HTML, CSS, JavaScript, React, Vue — всё, что нужно, чтобы создавать быстрые и красивые интерфейсы.

👩‍💻 MOVIEDB — Сайт онлайн-кинотеатра 🟠 Сложность: Средний 🟠 Адаптивность: Есть 🟠 Язык: Русский 🎨 Дизайн База | #Макеты #Figma

🙂 Tabler Icons — предлагает коллекцию из более чем 5500 иконок с открытым исходным кодом, которые одновременно функциональны и эстетически привлекательны. Эти иконки разработаны как легкие и легко настраиваемые, идеально вписывающиеся в минималистичный дизайн пользовательского интерфейса. Библиотека подходит для таких популярных фреймворков, как React, Vue и Svelte, что делает ее легко адаптируемой. Кроме того, форматы SVG и PNG обеспечивают высокое разрешение на разных платформах. 🎨 Дизайн База | #Сервис

Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе

👨‍💻 Text split 3D rotation single Текст с настраиваемой анимацией переворота 🟠 Сложность: Средне 🟠 Стек: #HTML #CSS #JS 🎨 Дизайн База | #CodePen