Dave Bitter 🚀

Google Developer Expert Web / Developer Advocate & Senior Front-end developer/Consultant/ designer / photography / videography

[Dave Bitter 🚀 @dave_bitter]

@EmmaBostian Really looking forward 🙏 Best of luck!

[Dave Bitter 🚀 @dave_bitter]

@AFCAjax Ik begrijp alleen nooit zo'n gelimiteerde oplage. Vrijwel direct uitverkocht. Je zou zeggen dat je zoveel mogelijk fans zo'n shirt wil laten kopen (en dan ook nog eens het geld dat je er door misloopt) 🤷

[Dave Bitter 🚀 @dave_bitter]

handle your forms progressively enhanced: https://t.co/7iLqJHeBXN

#react #reactjs #frontend #development #web #forms (2/2)

[Dave Bitter 🚀 @dave_bitter]

You can finally handle forms the right way in React.js!

A large part of adding interactivity to your applications is through forms. Single Page Applications SPAs have not always handled this part the best. Let’s have a look at how we can use React.js Server Actions to (1/2)

[Dave Bitter 🚀 @dave_bitter]

Use web standards!

The web natively supports smooth scrolling with an offset using hash links.

We were able to remove about 70 LoC including preventDefault and make this functionality work without any JavaScript. Maybe you can too?

#frontend #HTML #CSS #JavaScript #web

[Dave Bitter 🚀 @dave_bitter]

@lucienimmink Do you have any good resources regarding Web Components and SSR? I saw that for Lit there is a package which is part of the experimental Labs, but was wondering what the non-framework approach is to SSR Web Components?

[Dave Bitter 🚀 @dave_bitter]

@utilitybend Congratulations! 🎉

[Brecht @utilitybend]

@dave_bitter demoing AIva at #DevFest

[Dave Bitter 🚀 @dave_bitter]

here: https://t.co/ToHyI9pN58

[Dave Bitter 🚀 @dave_bitter]

🎤🎥Had a great time at the #CrossMediaCafe roundtable hosted by the Nederlands Instituut voor Beeld en Geluid and Media Perspectives where we discussed AI and Voice!

I shared some of my recent work in real-time AI conversations through Voice. Learn more about what I made (1/2)

[Dave Bitter 🚀 @dave_bitter]

enough for “real-time synthesis”. Let’s optimise that!

#ai #chatgpt #latency #speechsynthesis (2/2)

[Dave Bitter 🚀 @dave_bitter]

🏎️ Reducing latency in AI Speech Synthesis: https://t.co/ToHyI9pffA

AI-powered speech synthesis is getting incredibly realistic. This opens up many possibilities to generate realistic audio based on the text you provide. Whilst relatively fast, the latency still isn’t low (1/2)

[Dave Bitter 🚀 @dave_bitter]

@utilitybend It arrived! I was kinda worried it got lost in the mail! 😛

[Dave Bitter 🚀 @dave_bitter]

use cases is practicing tech interviews or having her be a scrum master to your team.

Have a read and see a demo in this latest article on why and how I build the demo: https://t.co/9t8hZOvwOq #frontend #ai #chatgpt #web

[Dave Bitter 🚀 @dave_bitter]

Interacting with ChatGPT through Voice UI on the web

https://t.co/9t8hZOvwOq

[Dave Bitter 🚀 @dave_bitter]

Last week during our two-day hackathon I built a demo web application that allows you to use voice and sound to have a regular conversation with our @iodigital_com ChatGPT. The assistant is called Aiva and you can speak to her about anything you'd like. One of the example (1/2)

[Dave Bitter 🚀 @dave_bitter]

Make awesome animated interactions with two lines of code!

A few weeks ago I was lucky enough to visit the Google Campus in San Francisco. There, @Una showed a demo of how to use the View Transitions API to not animate between page transitions, but on a smaller (1/2)

[Dave Bitter 🚀 @dave_bitter]

interaction when deleting an item. This inspired me to try this out and expand further. I made a short write-up on how this works and what you can use it for: https://t.co/lB9rxRv4qT

#frontend #css #animation #animations (2/2)