Player FM 앱으로 오프라인으로 전환하세요!
Hasty Treat - Keyboard Events Are Surprisingly Interesting
Manage episode 284446404 series 1469447
In this Hasty Treat, Scott and Wes talk about keyboard events and some of the fascinating things you can do with them!
Prismic - SponsorPrismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.
LogRocket - SponsorLogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
Show Notes03:04 - The Events
- http://keycode.info/
- keydown
- beforeInput
- Keypress - deprecated
- inputType tells you whether the event is inserting text, replacing text, inserting a line break, etc.
- keyup
- change event - only fires when you focus out
- https://github.com/w3c/uievents/issues/220
08:02 - Event meta data
"key": "c", "keyCode": 67, "which": 67, "code": "KeyC", "location": 0, "altKey": false, "ctrlKey": false, "metaKey": true, "shiftKey": false- Others:
- .locale
- .repeat
16:46 - Media keys
- https://developers.google.com/web/updates/2019/02/chrome-73-media-updates
- play, pause, ect
- Overkill app: https://krausefx.com/blog/introducing-overkill-dont-let-itunes-interrupt-your-workflow
18:32 - When might you use key codes?
- Space bar to stop a video on a page
- Building a game
- Making a web app feel more like an app
- Better Touch Tool
- Syntax 315: Hasty Treat - Hyper Productivity with Keyboard Shortcuts + Window Management
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets
763 에피소드
Manage episode 284446404 series 1469447
In this Hasty Treat, Scott and Wes talk about keyboard events and some of the fascinating things you can do with them!
Prismic - SponsorPrismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.
LogRocket - SponsorLogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
Show Notes03:04 - The Events
- http://keycode.info/
- keydown
- beforeInput
- Keypress - deprecated
- inputType tells you whether the event is inserting text, replacing text, inserting a line break, etc.
- keyup
- change event - only fires when you focus out
- https://github.com/w3c/uievents/issues/220
08:02 - Event meta data
"key": "c", "keyCode": 67, "which": 67, "code": "KeyC", "location": 0, "altKey": false, "ctrlKey": false, "metaKey": true, "shiftKey": false- Others:
- .locale
- .repeat
16:46 - Media keys
- https://developers.google.com/web/updates/2019/02/chrome-73-media-updates
- play, pause, ect
- Overkill app: https://krausefx.com/blog/introducing-overkill-dont-let-itunes-interrupt-your-workflow
18:32 - When might you use key codes?
- Space bar to stop a video on a page
- Building a game
- Making a web app feel more like an app
- Better Touch Tool
- Syntax 315: Hasty Treat - Hyper Productivity with Keyboard Shortcuts + Window Management
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets
763 에피소드
모든 에피소드
×플레이어 FM에 오신것을 환영합니다!
플레이어 FM은 웹에서 고품질 팟캐스트를 검색하여 지금 바로 즐길 수 있도록 합니다. 최고의 팟캐스트 앱이며 Android, iPhone 및 웹에서도 작동합니다. 장치 간 구독 동기화를 위해 가입하세요.