Snake Game - CSS Renderer 🐍

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

webguild 🇺🇦 › #projects

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

Макет для практики 😮

Складність: легка

Посилання

webguild 🇺🇦 › #uiux #figma

🐧

webguild 🇺🇦 › #memes

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

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