#webdevelopment #frontend #css #javascript #gsap #svg #creativecoding #uiux #glassmorphism #awwwards #webdesign | Umut Baybece
linkedin.com
#webdevelopment #frontend #css #javascript #gsap #svg #creativecoding #uiux #glassmorphism #awwwards #webdesign | Umut Baybece
I’ve been experimenting with the intersection of SVG filters and interactive UI, and I’m thrilled to share this "Liquid Glass" gallery! Inspired by the brilliant work of Jhey Tompkins, I wanted to see how far I could push the "squishy" refraction effect. By combining feDisplacementMap with GSAP, I’ve created buttons that stretch, and ...
6 天之前
Code.org Courses
Curriculum Catalog - Code.org
Curriculum Catalog - Code.org
code.org
2023年7月6日
Code.org
Code.org
code.org
9 个月之前
Getting Started - Basic Features of Code.org
4:31
Getting Started - Basic Features of Code.org
YouTubeCode.org
已浏览 3万 次2021年7月22日
热门视频
CSS Cards
CSS Cards
freefrontend.com
1 个月前
CSS & JS Animations - Awwwards
CSS & JS Animations - Awwwards
awwwards.com
2017年8月17日
Design for Code - Free Awwwards Academy Lesson from Niccolò Miranda
Design for Code - Free Awwwards Academy Lesson from Niccolò Miranda
awwwards.com
2021年1月19日
Code.org Hour of Code
4.5K views · 25 reactions |  Hour of Code: Dance Edition!  We’ve rounded up some of our favorite moments from classrooms around the world—featuring students and teachers coding, creating, and dancing their hearts out! From building games to remixing beats, you all made Hour of Code unforgettable. Keep tagging us to share how you’re keeping the momentum going—you might just see your post featured next!  #HourOfCode #CSForAll | Code.org | Facebook
0:25
4.5K views · 25 reactions |  Hour of Code: Dance Edition!  We’ve rounded up some of our favorite moments from classrooms around the world—featuring students and teachers coding, creating, and dancing their hearts out! From building games to remixing beats, you all made Hour of Code unforgettable. Keep tagging us to share how you’re keeping the momentum going—you might just see your post featured next!  #HourOfCode #CSForAll | Code.org | Facebook
FacebookCode.org
已浏览 845 次1 周前
How to teach one Hour of Code with your class @codeorg #HourOfCode
How to teach one Hour of Code with your class @codeorg #HourOfCode
adafruit.com
2018年11月20日
Code.org One-hour Tutorials Designed for all Ages @codeorg #HourOfCode
Code.org One-hour Tutorials Designed for all Ages @codeorg #HourOfCode
adafruit.com
2020年12月12日
CSS Cards
CSS Cards
1 个月前
freefrontend.com
CSS & JS Animations - Awwwards
CSS & JS Animations - Awwwards
2017年8月17日
awwwards.com
Design for Code - Free Awwwards Academy Lesson from Niccolò Miranda
Design for Code - Free Awwwards Academy Lesson from Niccolò Mir…
2021年1月19日
awwwards.com
This Scroll Effect is easier than you think ⚡️#scrollanimation
0:09
This Scroll Effect is easier than you think ⚡️#scrollanimation
已浏览 568 次4 周前
YouTubeRupz Web
Q&A: Trả lời một số câu hỏi của viewer với anh Huy Phan | Design Talk Podcast Series #4
1:06:45
Q&A: Trả lời một số câu hỏi của viewer với anh Huy Phan | Design …
已浏览 1772 次2 个月之前
YouTubeDang Nguyen
Every Developer Needs to Know This Scroll Trick (GSAP + Lenis)
10:16
Every Developer Needs to Know This Scroll Trick (GSAP + Lenis)
已浏览 410 次2 周前
YouTubeHankTheTank
ON ATTEND LA RÉPONSE DE AWWWARDS | viiibe.ai
5:31:08
ON ATTEND LA RÉPONSE DE AWWWARDS | viiibe.ai
1 个月前
YouTubeDevGirl_ - VOD
21:19
I Recreated This $100K Portfolio's Loading Animation
1 个月前
YouTubeHankTheTank
0:11
Animmaster on Instagram: "💬 Comment “menu ” and I’ll send yo…
已浏览 679 次2 个月之前
Instagramanimmaster_studio
0:06
Code Wars | (Save it 🩵) Grayscale Property In CSS. . . . 🤩 Source Cod…
已浏览 4.3万 次2024年12月5日
Instagramcode_wars_official
Code Wars | (Must Save 😍) CSS Card Hover Effect. . . . 🤩 Source Code Av…
已浏览 19.7万 次2023年12月15日
Instagramcode_wars_official
42:45
Building with React and Three.js using React Three Fiber
已浏览 11.2万 次2020年9月23日
YouTubeAkram
Loader and Parallax Effect using Locomotive Scroll and Motion On…
已浏览 1.5万 次2022年4月8日
YouTubeWeb Unlocked
Awwwards Worthy Website #1 | Project 01: Interactive Text & GSA…
已浏览 5903 次2024年6月11日
YouTubeGravity Coding
🏆 Learn from Basic to Advance with Awwwards Website Scroll Animati…
已浏览 1.5万 次2024年2月6日
YouTubeGravity Coding
0:35
Awwwards Brand Refresh - Celebrating Simplicity
已浏览 7.3万 次2018年5月10日
VimeoNot Real
2:39:35
构建和部署 Awwwards 获奖网站 | React.js、Tailwind CSS、GSAP
已浏览 598 次2024年11月24日
bilibili醉听风囍
Website layouts - Awwwards
6 个月之前
awwwards.com
4:11:04
Introduction To Responsive Web Design - HTML & CSS Tutorial
已浏览 129.1万 次2019年9月18日
YouTubefreeCodeCamp.org
8:33
全站首发！别再问哪找网页灵感了，AW保姆级教程
已浏览 1.5万 次2025年1月8日
bilibiliJIEJOE_轻敲代码
24:24
Responsive Minimal Portfolio Website [Project Showcase] - HTM…
已浏览 2.2万 次2021年1月10日
YouTubeCodegrid
17:36
Curso Básico de CSS - 7. Posicionamiento de cajas
已浏览 59.1万 次2014年7月2日
YouTubeFalconMasters
22:15
HTML & CSS Tutorial: moderne Webseite erstellen mit CSS | deuts…
已浏览 29.4万 次2011年9月3日
YouTubehtmlworld
App Features Overview - Awwwards
5 个月之前
awwwards.com
14:09
Reviewww #1 : Les plus beaux site du monde en 2017
已浏览 1.7万 次2020年6月21日
YouTubeBenjamin Code
3:09
TOP 9 Animations using THREE JS with source code | ThreeJS | Anim…
已浏览 3.7万 次2021年5月30日
YouTubeCoding Attack - Online Tutorials
19:57
5 INSPIRASI DESIGN UIX DESIGN & FRONTEND
已浏览 1901 次2023年2月2日
YouTubeCreative Academy Indonesia
12:54
AWWWARDS Scrolltrigger Showcase Tutorial! 😍
已浏览 457 次3 个月之前
YouTubeHankTheTank
9:28
Challenge: Draw in CSS without looking.
已浏览 6万 次2022年4月17日
YouTubeBenjamin Code
观看更多视频
静态缩略图占位符