JoEr

CDO at EZResus | IT Entrepreneur | UI/UX designer | Digital innovation | Brand strategist | Full stack web dev | AI enthusiast

[JoEr @_JoEr_]

A great collection of creative text animations made with GSAP. Lots of inspiration here! 🔥

[Codrops @codrops]

Today we have a new demo for you: Text Character Animations with GSAP. Nineteen character by character text animations, four of them in WebGL, made with @greensock SplitText.

Demo: https://t.co/HCx2NAZBMD
Code: https://t.co/b9FfrUu1Be

#webdev #gsap #typography

[JoEr @_JoEr_]

Fouad another great design resource

[Ali Bey @alibey_10]

clean cool collection of Carousel components

https://t.co/4S7h0cmJcP

more like this on → https://t.co/V5vVBEVDrl

[Vittorio Retrivi @vittorioretrivi]

In a few years, websites nominated for the Awwwards will be truly mind-blowing thanks to this HTML-in-Canvas feature.🤯

I highly recommend trying it out -> https://t.co/Id8nk5v8rw

[Cheng Lou @_chenglou]

My dear front-end developers (and anyone who’s interested in the future of interfaces):

I have crawled through depths of hell to bring you, for the foreseeable years, one of the more important foundational pieces of UI engineering (if not in implementation then certainly at least in concept):
Fast, accurate and comprehensive userland text measurement algorithm in pure TypeScript, usable for laying out entire web pages without CSS, bypassing DOM measurements and reflow

[JoEr @_JoEr_]

Easy way to find out which AI models your machine can actually run directly on your browser https://t.co/ToaBiMPrMV
#Ai #llm #locally

[Wesley @wescld]

Nao sei como faz isso mas vou descobrir

[Codrops @codrops]

A little Sunday inspiration ✨

New Motion Highlights with UI animations and motion design to refresh your creative brain before the week begins: https://t.co/TD2zXXbx2l

[JoEr @_JoEr_]

Anchor Interpolated Morph (AIM), a nice CSS animation technique for creating smooth, contextual transitions between UI elements

👉 https://t.co/MJ6lHp0IFZ
#css #frontend #webdev #animations

[Brian @Inspector_9]

Perpetual motion - @etiennejcb

[Esteban Suárez @EstebanSuarez]

The future of storefronts.

Upload your photo and see yourself wearing products instead of random models.

Built this demo with v0 using Nano Banana + @aisdk + AI Gateway.

Fork the template and create your own AI-first storefront.

[Tom Dörr @tom_doerr]

200 n8n workflow templates covering AI, automation, DevOps, finance, IoT, and more, ready to import and use

[Alex Xu @alexxubyte]

Top 20 AI Concepts You Should Know

[tut_ml @tut_ml]

Best ML Courses- https://t.co/Ugtu4RNkzm

@KirkDBorne
@antgrasso
@ronald_vanloon
#MachineLearning #DeepLearning #BigData #Datascience #ML #HealthTech #DataVisualization #ArtificialInteligence #SoftwareEngineering #GenAI #deeplearning #ChatGPT #OpenAI #python #AI #keras #SQL #Statistics #AgenticAI #AIAgent

[JoEr @_JoEr_]

SVG Filter Sticker Effects (minus turbulence color-burn) https://t.co/WN81iHKZ36 via @CodePen

[Fascinating @fasc1nate]

Super in-depth infographic detailing how the human brain works.

[JoEr @_JoEr_]

@elonmusk Elon Muskteer

[Linus ✦ Ekenstam 🔜 London @LinusEkenstam]

DeepSeek-R1 is a powerful reasoning model thats fully open source

And the race is on, people are not wasting any time!

11 must read posts below: 🧵

[UX Links @uxlinks]

Excellent 5 Principles of Visual Design in UX to Boost your Next Design Project! 🔥

FREE Cheatsheet attached 🙌

Overview:

Visual-design principles inform us how design elements such as line, shape, color, grid, or space go together to create well-rounded and thoughtful visuals.

5 Principles of Visual Design in UX

1. Scale
This principle is commonly used: almost every good visual design takes advantage of it.
The principle of scale: Using relative size to signal importance and rank in a composition.

2. Visual Hierarchy
A layout with a good visual hierarchy will be easily understood by your users.
The principle of visual hierarchy: Guiding the eye on the page so that it attends to different design elements in the order of their importance.

3. Balance
Balance is like a seesaw: instead of weight, you are balancing design elements.
The principle of balance: A satisfying arrangement or proportion of design elements. Balance occurs when there is an equally distributed (but not necessarily symmetrical) amount of visual signal on both sides of an imaginary axis going through the middle of the screen. This axis is often vertical but can also be horizontal.

4. Contrast
This is another commonly used principle that makes certain parts of your design stand out to your users.
The principle of contrast: The juxtaposition of visually dissimilar elements in order to convey the fact that these elements are different (e.g., belong in different categories, have different functions, behave differently).

5. Gestalt Principles
These are a set of principles that were established in the early twentieth century by the Gestalt psychologists. They capture how humans make sense of images.
Gestalt principles: Principles that explain how humans simplify and organize complex images that consist of many elements, by subconsciously arranging the parts into an organized system that creates a whole, rather than interpreting them as a series of disparate elements. In other words, Gestalt principles capture our tendency to perceive the whole as opposed to the individual elements.

Why Visual-Design Principles are Important
- Increase usability
- Provoke emotion and delight
- Strengthen brand perception

By @nngroup

#ux #uxdesign #ui #uidesign #userexperience #productdesign #visualdesign #graphicdesign #designprinciples #design #prototyping #startup #digital #business

[jhey ʕ•ᴥ•ʔ @jh3yy]

kinda wild how far you can get with CSS alone

a scroll animation tied to the content scroll powers the percentage update + icon animation

interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙

[Brian Roemmele @BrianRoemmele]

Someone selling train tickets?

Nope.

This is just a video screen.

The actual video and audio is produced in real-time by AI.