Eric Espi @eric_espi_

Frontend web development | Photography | Art | Anime | Travel Austin, TX Joined October 2019

Tweets

172
Followers

87
Following

465
Likes

1K

Dhanian 🗯️ @e_opore

a year ago

How HTTPS works!!

5 52 453 29K 289

View Details

jhey ʕ•ᴥ•ʔ @jh3yy

a year ago

soon you won't need inline custom properties to create staggered motion delays in CSS ✨ .char { transition-delay: calc( sin( ((sibling-index() - 1) / sibling-count()) * 45deg) * 0.5s ); }

Intent To Ship @intenttoship

a year ago

Blink: Intent to Prototype: CSS sibling-index() and sibling-count() bit.ly/41rOP7W

1 11 85 126K 13

18 114 2K 121K 1K

View Details

Security Trybe @SecurityTrybe

a year ago

Structure of URL

3 113 788 50K 309

View Details

Eric Espi @eric_espi_

2 years ago

@MiseryOps 🖤🖤🖤

0 0 1 5 0

View Details

Sam Yang @samdoesarts

2 years ago

Away from the chaos #digitalart

39 1K 15K 315K 1K

View Details

Rossdraws SDCC 2046 @Rossdraws

2 years ago

it's been a minute! 👋🏼

82 2K 16K 347K 1K

View Details

Eric Espi @eric_espi_

2 years ago

Annnnd updating to the new IOS on my 14 pro bricked it.

0 0 1 26 0

View Details

CSS Trick 🤙 You can create an infinite logo marquee with blurred entry/exit and without repeating elements 😎 1. Animate the elements, not the track 2. Use two overlays with elements that progressively blur 🫠 This one's for @AllanMcAvoy 🙏

Framer University @learnframer

3 years ago

Your daily reminder that: If the logos on your website aren't fading into blur, you're doing something wrong.

17 25 505 233K 358

23 162 2K 184K 1K

View Details

jhey ʕ•ᴥ•ʔ @jh3yy

3 years ago

Break it down 🎬 How to use some CSS, JavaScript, and an HTML <canvas> to create these animated concentric rings that are clipped by text 😍 A fun challenge and you can animate whatever you want on the <canvas> 🚀 Enjoying throwing together these YouTube videos 🖤

jhey ʕ•ᴥ•ʔ @jh3yy

3 years ago

Couldn't resist 😁 You can use some JavaScript <canvas> trickery to create a responsive clipped text effect ✨ context.drawImage(text, 0, 0) context.globalCompositeOperation = "source-in" context.drawImage(rings, 0, 0) Use compositing to clip the animated rings to text 🤓 –

15 112 1K 175K 763

7 49 381 44K 228

View Details

Duolingo @duolingo

3 years ago

the owl always eats the mouse

265 5K 79K 2.6M 1K

View Details

Steven Tey @steventey

3 years ago

Just discovered this amazing project by @Sherb → dub.sh/svg-loaders It's a collection of beautiful SVG animations for your loading states, fully open-sourced under the MIT license 😍

14 106 1K 98K 1K

View Details

Brotzky @brotzky

3 years ago

Fey is a SPA and this is how fast the initial load is: (it's built on @nextjs)

Guillermo Rauch @rauchg

3 years ago

I know there's a belief that "SPAs are good for apps / dashboards". There's a SaaS app I use which sends me notifications. Each time I click their links I stare at their fancy spinner for multiple seconds. Unlike when someone sends me a e.g.: GitHub issue or PR I see the

65 17 567 1.0M 262

40 41 814 464K 657

View Details

jhey ʕ•ᴥ•ʔ @jh3yy

3 years ago

Nice thing here is you can use CSS tricks shared from the last few months 🤙 For example, background-attachment: fixed to spread a gradient between cards 😎 x.com/jh3yy/status/1…

jhey ʕ•ᴥ•ʔ @jh3yy

3 years ago

CSS Tip! 🤙 You can use mask-composite and some JavaScript to create this pointer proximity following glow border ✨ .glow { mask-composite: intersect; mask-clip: padding-box, border-box; mask: linear-gradient(#0000, #0000), conic-gradient(#0000 0deg, #fff, #0000