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

Складність: висока

Посилання

webguild 🇺🇦 › #uiux #figma

Responsive Dashboard — адаптивний дашборд з слайдером і музичним плеєром 😳

Технології: HTML, CSS, JS

webguild 🇺🇦 › #projects

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

regexlearn.com — сайт для легкого вивчення регулярних виразів 👾

Регулярні вирази (або регекспи) - це шаблони символів, які використовуються для пошуку та обробки текстової інформації. Вони дозволяють здійснювати більш гнучкий і потужний пошук за певними правилами в рядках тексту. Регулярні вирази широко використовуються в програмуванні для валідації даних, заміни тексту, пошуку та інших операцій над рядками.

Посилання

webguild 🇺🇦 › #resources

Неонова анімація при наведенні на іконку 🤩

Технології: HTML, CSS

webguild 🇺🇦 › #projects

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

Microsoft Copilot (раніше — Bing Chat) — штучний інтелект, розроблений корпорацією Microsoft спільно з OpenAI.
Під капотом GPT4 і DALL·E 3 (безкоштовно) 🤯🤯

Також доступна купа інтеграцій з сервісами Microsoft, але кого це цікавить?

Посилання

webguild 🇺🇦 › #dailyAI

👺

webguild 🇺🇦 › #memes

Підбірка текстових анімацій 🥹

Технології: HTML, CSS, JS

webguild 🇺🇦 › #projects

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

Заходьте в наш чатик, поспілкуємось 🐳

@webguildchat

Оригінальна сторінка 404 🥸

Технології: HTML, CSS, JS

webguild 🇺🇦 › #projects

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

Добірка ігор для вивчення верстки та програмування: 💦

1) Grid Attack
2) CheckIO
3) Code Combat
4) Elevator Saga
5) Coding game
6) JSDares
7) JS robot
8) Codemonkey
9) CSS Diner
10) Flexbox froggy
11) Flexbox Zombies
12) Grid Garden
13) Flexbox Defense

webguild 🇺🇦 › #general

Ось як це працює 😁

webguild 🇺🇦 › #memes

Той самий слайдер з ТікТок 😍😍

Технології: HTML, CSS, JS

webguild 🇺🇦 › #projects

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

Valorant Characters Banner — крута реалізація тематичної сторінки за допомогою GSAP 🫢

Технології: HTML, CSS, JS

webguild 🇺🇦 › #projects

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

👇 #quiz › webguild 🇺🇦