Holo Button — 3D анімація для кнопки 🔥

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

Responsive Vertical Slider — адаптивний слайдер з Clip-Path анімацією 😎

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

Велике оновлення у Figma 👩‍💻


Figma презентувала значні оновлення, що суттєво розширюють можливості для дизайнерів та розробників. Ось основні нововведення:

1. Оновлений інтерфейс: Figma отримала новий, більш інтуїтивний дизайн, що покращує користувацький досвід

2. Додано AI: Тепер у Figma інтегровано штучний інтелект, який допомагає автоматизувати рутинні завдання, генерувати ідеї та оптимізувати робочі процеси

3. Figma Slides: Новий інструмент для створення презентацій, що дозволяє легко створювати та ділитися професійними слайдами безпосередньо у Figma

4. Покращений Dev Mode: Dev Mode тепер включає нові функції, такі як анотації, покращена навігація та можливість запуску плагінів. Цей режим дозволяє розробникам легше взаємодіяти з дизайном і впроваджувати його у код

5. Code Connect: Інструмент вийшов з бета-версії та пропонує інтеграцію з системами розробки, забезпечуючи точну відповідність між дизайном і кодом

6. Інтелектуальна компоновка: Ця функція допомагає автоматично впорядковувати елементи на робочій панелі, забезпечуючи зручність та швидкість роботи

7. Перегляд адаптивних прототипів: Тепер можна попередньо переглядати прототипи на різних пристроях і розмірах екранів, що дозволяє краще оцінити їх адаптивність

8. Сторінки у FigJam: Додано можливість створювати окремі сторінки у FigJam, що робить цей інструмент ще зручнішим для організації командної роботи та брейнштормінгу


Детальніше

webguild 🇺🇦 › #figma #uiux

Solar System Explorer in CSS only — сонячна система на чистому СSS 👾

Технології: 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

Коли з другом прийшли на співбесіду 🤔

webguild 🇺🇦 › #memes

👩‍💻 Typehero — інтерактивна платформа для вивчення TypeScript


🔗 Посилання 🔗

webguild 🇺🇦 › #resources #typescript

Star Wars Imperial Army's Product Slider! — неймовірна реалізація тематичного слайдеру ❤️

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

Pong Tennis game 🎾

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

Card slider — анімація для карток на чистому CSS ❤️

Технології: 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

Glassmorphism icons — іконки соціальних мереж у стилі гласморфізм 😍

Технології: 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

🗒🤔

webguild 🇺🇦 › #memes

🚫👩‍💻 У Figma тимчасово відключили функцію генерації дизайну через юридичні проблеми.

Виявилося, що ШІ був навчений на скріншотах реальних додатків, через що деякі згенеровані дизайни виявилися майже ідентичними існуючим додаткам, наприклад, додатку погоди від Apple.
Figma визнала проблему і відключила функцію. Про подальші кроки компанія поки не повідомляє.

webguild 🇺🇦 › #figma #uiux

Weather Widgets — мінімалістичний віджет погоди 🌧

Технології: 👩‍💻 👩‍💻 👩‍💻

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇