This media is not supported in your browser
VIEW IN TELEGRAM
π° CSS Tip
Do you have an image that is not exactly the same size as what you want to render it as?
Just turn on the object-fit propery to cover for the image element!
This property ensures that irrespective of the dimension of the image element, the contents fully covers the element without any distortion.
π Without this, the content would be stretched to fit the element
Do you have an image that is not exactly the same size as what you want to render it as?
Just turn on the object-fit propery to cover for the image element!
This property ensures that irrespective of the dimension of the image element, the contents fully covers the element without any distortion.
π Without this, the content would be stretched to fit the element
Media is too big
VIEW IN TELEGRAM
π₯ 25 VS Code Productivity Tips and Speed Hacks
π Resources
VS Code https://code.visualstudio.com/
Remote Repositories https://code.visualstudio.com/blogs/2021/06/10/remote-repositories
π Chapters
00:00 Intro
00:35 1. VS Code CLI
01:03 2. Release the Mouse
01:45 3. Command Palette Ctrl+P
02:10 4. Run Commands
02:25 5. Quokka
02:43 6. Find Symbols with @
03:14 7. Find symbols with #
03:36 8. Move Around Quickly
04:07 9. Multiline Editing
04:23 10. Auto Rename Tag
04:47 11. Delete or move a line
05:16 12. Highlight & Comment Lines
05:39 13. JS Doc Extension
06:07 14. Better Comments
06:20 15. Integrated Terminal
07:14 16. Tasks
07:38 17. Git Source Control
08:26 18. Git Lens Extension
08:40 19. Remote Repositories
09:14 20. Remote SSH & Containers
09:31 21. Custom Snippets
10:01 22. Community Snippets
10:13 23. Auto-create directories
10:29 24. Paste as JSON
10:50 25. Rename Symbol
Learn 25 VS Code tips and tricks that will help you write code faster. Try out awesome new features and extensions that turn your editor into a full-blown IDE.
π Resources
VS Code https://code.visualstudio.com/
Remote Repositories https://code.visualstudio.com/blogs/2021/06/10/remote-repositories
π Chapters
00:00 Intro
00:35 1. VS Code CLI
01:03 2. Release the Mouse
01:45 3. Command Palette Ctrl+P
02:10 4. Run Commands
02:25 5. Quokka
02:43 6. Find Symbols with @
03:14 7. Find symbols with #
03:36 8. Move Around Quickly
04:07 9. Multiline Editing
04:23 10. Auto Rename Tag
04:47 11. Delete or move a line
05:16 12. Highlight & Comment Lines
05:39 13. JS Doc Extension
06:07 14. Better Comments
06:20 15. Integrated Terminal
07:14 16. Tasks
07:38 17. Git Source Control
08:26 18. Git Lens Extension
08:40 19. Remote Repositories
09:14 20. Remote SSH & Containers
09:31 21. Custom Snippets
10:01 22. Community Snippets
10:13 23. Auto-create directories
10:29 24. Paste as JSON
10:50 25. Rename Symbol
π€·ββ2