Mastering HTML + Pure (Vanilla) CSS Development
I’m a Software Developer with a strong foundation in Kotlin, JavaScript, and C++. I’ve built AI-driven trading systems at AlgoBucks and developed customer segmentation models at EY GDS - AICTE, optimizing market strategies.
Passionate about open-source technology and community, I’ve led initiatives like NSUT Moksha-Innovision'23 and a part of Cloud Native Community Groups, New Delhi.
Always eager to innovate and take on new challenges!
Efficient coding keys in VS Code:
Hard Reload - Ctrl+Shift+R
Switch Files - Ctrl+P
Open Terminal - Ctrl + ~
Exit Command - Ctrl + C
Clear Terminal - Ctrl + P
Import Error Suggestions - Ctrl+Space
Select same word - Ctrl+D then keep pressing just D,D,…. while holding Ctrl
Select same word (for ease in tailwind)- Ctrl+D/U
Select all word - Shift+Alt+→ (2x)
Cursor Next Line - Ctrl+Enter (from anywhere)
Cursor Upward Line- Ctrl+Shift+Enter (from anywhere)
Multiple cursors Vertically - Ctrl+Alt+DownArrow
View Page Source - Ctrl+U
Readme file into Preview Mode: Ctrl+Shift+V
Shift to Next Line - Shift+Enter (from position)
Multiple Cursors - Alt+LeftClickPositions
Move 1 line - Alt+↑or↓
Copy 1 line or selection Down - Shift+Alt+↑or↓
Copy 1 line, put cursor anywhere - Ctrl+C
Cut 1 line - Ctrl+X
Delete 1 line - Ctrl+Shift+K
Prettier Formatting - Shift+Alt+F
Floating Command Palette - Ctrl + Shift + P
Mintlify Doc Writer (on the selection) - Ctrl + .
Go To Bottom Of Terminal - Ctrl + L
Ctrl+Shift+F5 is used to restart the current debugging session.
Semantics (Meaning):
Used by web search engine crawlers to rank sites by quality and authenticity
For next line - <br>
For default in new line and top/bottom margin - <p>
Block elements have full-screen width like <p> <h1> <div> <header> <footer> <nav> <main> <section>
Inline element like <span> for specific text, <code> for code fragment, <em>, <strong>
<div> is a common block element to use as a container tag
In HTML, a Normal Space( ) is Breakable i.e. to come in new lin
In HTML, a non-breaking space is represented by the entity
NOTE: We create elements with the help of tags i.e. elements have some width and height—
Tag <p>, </p>
Element <p> {…} </p>
