webguild - українська IT-спільнота 🇺🇦
54.8K subscribers
1.48K photos
1.23K videos
1 file
1.93K links
Посилання на канал: @webguild
Співпраця: @johngaltua
Download Telegram
Новорічна гірлянда у Figma 🎅🏻

webguild 🇺🇦 | #uiux #figma
17👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Login Form — інтерактивна форма входу 😳

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

webguild 🇺🇦#projects

👇Код доступний за кнопкою 👇
🔥31👍5🤯43💯2
Media is too big
VIEW IN TELEGRAM
Interactive UI Cards — анімовані картки 👾

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

webguild 🇺🇦#projects

👇Код доступний за кнопкою 👇
23👍7
Media is too big
VIEW IN TELEGRAM
ThreeJS 3D Christmas Tree — 3д ялинка на ThreeJS 😱

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

webguild 🇺🇦#projects

👇Код доступний за кнопкою 👇
🔥18👍31
Media is too big
VIEW IN TELEGRAM
Happy Holidays! 2023 — ще одна новорічна ялинка у 3Д🎄

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

webguild 🇺🇦#projects

👇Код доступний за кнопкою 👇
🐳184👍4
img2go.com — ресурс, на якому зібрано багато корисних інструментів для редагування зображень.

Є можливість:

-згенерувати зображення
-розфарбувати
-стиснути
-конвертувати у різні формати
-покращити якість
-змінити розмір
-обрізати
-редагувати
-прибрати фон
-додати/прибрати водний знак
-змінити орієнтацію (можливо зображенню, я так і не зрозумів)

Посилання

webguild 🇺🇦#resources
🔥15😁432👍2🤯2
Media is too big
VIEW IN TELEGRAM
Planet Picker — кругова навігація і текстові переходи на Splitting.js 👾

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

webguild 🇺🇦#projects

👇Код доступний за кнопкою 👇
🔥21👍84🤯3🥰2👏2
З мурахоїда по лайку 🙈

webguild
🇺🇦#memes
😁31👍63👎1
Вітаю усіх з Новим Роком🎄

Найголовніше бажання в цьому році — мирне небо

Усім процвітання, успіхів в усіх починаннях, здоровʼя, щастя та всього самого найкращого!🎉
39🍾2👍1🥰1👏1💩1
This media is not supported in your browser
VIEW IN TELEGRAM
Neon Clock (CSS) — цікава реалізація неонового годинника 🥹

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

webguild 🇺🇦#projects

👇Код доступний за кнопкою 👇
24👍62😱2👎1
This media is not supported in your browser
VIEW IN TELEGRAM
box-reflect в CSS - це властивість, яка дозволяє створювати eфект відображення (відбиття) для елементів на веб-сторінці. Ця властивість особливо корисна для створення стилізованих тіней чи віддзеркалень.

Щоб використовувати box-reflect, ви можете вказати кут, який визначає напрямок відображення, а також вид затемнення чи прозорості відбиття.

Приклад:
.logo {
-webkit-box-reflect: below 0 linear-gradient(transparent, white);
}
У цьому прикладі, box-reflect створює відображення нижче елементу з використанням градієнту з прозорістю.

Підтримка 93% — caniuse (Firefox пасе задніх)
Детальніше — MDN

webguild 🇺🇦#learnCSS
16👍12🔥1
Реалістичний перемикач у Figma 👾

webguild 🇺🇦
| #uiux #figma
🔥124👍4