Kitze
@thekitze · kitze.io
Hey guys, I’m super excited to present you my new product! 🙂
I love everything that's made by Google, but especially their voice assistant. If you didn't know, you can use it on Android and iOS, just click on the microphone icon in the Google app.
I was annoyed by the fact that every once in a while a new "complete list of Google Now commands" appears online, so I decided to create this project. After few days of research I found an extensive list of over 150 commands and 1000+ variations.
I'll try to keep it up to date, and in v2 I'll add an easy way for the community to contribute. The project will be open sourced soon, but feel free to report any bugs or issues on GitHub right now. If I have missed some commands just write a comment here or ping me on twitter @thekitze.
I would love some feedback on this and if you have some questions ask away!
25sharetweet・
H
Nik Graf
@nikgraf · Engineer @ Serverless
@thekitze I really like animations in the beginning. How did you build it?
14sharetweet・
Ben Tossell
@bentossell · Community Lead, Product Hunt
@nikgraf @thekitze +1
2sharetweet・
Jason Berek-Lewis
@jasonbereklewis · Startup Copywriter
@thekitze I LOVE the animation when you open the site - it's amazing that you have put so much care into getting this right. Thank you.
6sharetweet・
Kitze
@thekitze · kitze.io
@jasonbereklewis I'm really glad you like it! I spent a whole day on it 😅
3sharetweet・
Kitze
@thekitze · kitze.io
@nikgraf Glad you like it. Everything is animated with CSS keyframes and transitions, and the state of the animation is managed with React. 🙂
4sharetweet・
Sean Kuriyan
@sean189
@thekitze Pretty awesome! Discovered quite a few features I didn't know existed
3sharetweet・
Volhan Salai
@volhansalai · All around great guy!
@thekitze Congratulations! I love the idea and the realization :D
1sharetweet・
Kitze
@thekitze · kitze.io
@volhansalai Thanks dude :D
1sharetweet・
ｍａｔｃｈａｉ
@matchai · Software Test Engineer, Shutterstock
For those interested, here's the repo of the project: https://github.com/kitze/ok-google
3sharetweet・
Andreas Mitschke
@andmitsch · I own a computer
@thekitze @nikgraf Regarding the app.js there is a lot of js animation happening. The .red-ball is mostly js animated and most color changes are also by js.
I am not yet fond of reactjs, but why do you add hashes to the applied CSS animation classes?
You should consider placing a cookie, which remembers "introSeen" state, thus the intro isn't annoying each time you want to see this cheat-sheet. As cheat-sheets usually are meant to become recurring assets, forcing a delay with an unnecessary intro is bad UX - though, good for show-off reasons :P
6sharetweet・
Brian Rhea
@brhea · Product Lead @ Binocs
@thekitze Nicely done! This would be super helpful if it were just a categorized list, but the UX is really fun as well 😎
2sharetweet・
Kitze
@thekitze · kitze.io
@matchai Disclaimer: There's nothing there yet :)
1sharetweet・
Omar D. Samuels
@odsamuels
@thekitze This is truly AWESOME! Great job!!!!
upvotesharetweet・
Kitze
@thekitze · kitze.io
@odsamuels Thanks, glad you like it!
upvotesharetweet・
Michael Mroz
@mroz_io · Software Engineer, Atlassian
@andmitsch @thekitze @nikgraf re. marking the animation as seen seems good, but localStorage seems the better play over cookies.
Also, how is the performance of that animation on mobile devices? If you haven't looked into it before, I recommend GSAP. I was tentative the first time, but it's a really solid animation library that renders with much higher efficiency than CSS keyframes.
1sharetweet・
Kitze
@thekitze · kitze.io
@mroz_io @andmitsch @nikgraf Hey, yeah I will use localstorage, but I still need to display a cookie warning. Btw the animation is fine, but i will look into GSAP.
1sharetweet・