Svelte Typing Animation 🖋️🔴 LIVE Coding & Chill
Let’s learn how we can implement a "Typewriter-style" animation in Svelte! This is a trending pattern often put inside “Hero” components, as it is a relatively lightweight way to grab the attention of someone visiting your app... show them you can do some cool stuff with flair 😄
I’ve implemented a Typing Animation in React earlier, you may check out that, shorter & edited, video as well, I’m sure it’ll have quite a few things in common with what we'll do live today: • Code your own TYPING ANIMATION with R...
Demo of the React version: https://erip.vercel.app/
Make yourselves heard in the comments, let me know what you'd like me to cover 🙌
— COMMUNITY —
New DISCORD SERVER for us 😱: / discord
— 🥳🥳🥳 —
— Agenda —
[ ] What are we doing today?
[ ] `svelte-typewriter` and other libraries? https://www.npmjs.com/package/svelte-...
[ ] A blinking cursor with Tailwind
[ ] Typing out a single word
[ ] Typing | Pausing | Deleting Phases
[ ] Allowing multiple words
[ ] To blink, or not to blink?
[ ] Partial word deletion when the next word matches?
[ ] Next steps?
— HAVE FUN —
No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄
— Highlighted software —
Svelte: https://svelte.dev/
SvelteKit: https://kit.svelte.dev/
TailwindCSS: https://tailwindcss.com/
My own website: https://magrippis.com/
Search for `@jmagrippis` to find me on socials like Instagram & Twitter! And remember our DISCORD SERVER 😉: / discord
Between the comment section and the socials, let me know *somewhere* what you’d like me to cover next 🙌
Смотрите видео Svelte Typing Animation 🖋️🔴 LIVE Coding & Chill онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Johnny Magrippis 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,020 раз и оно понравилось 21 людям.