Quick CSS Tip!
Ever feel confused by
👉 4 sides = 4 values:
💡 Shortcuts:
- 1 value: Same for all sides.
- 2 values: First is top/bottom, second is left/right.
- 3 values: First is top, second is left/right, third is bottom.
- 4 values: Covers all sides in order.
Once I figured this out, my CSS started making way more sense! Hope it helps you too. 😊
#WebDev
Ever feel confused by
margin or padding values? Here’s a super simple way to remember: 👉 4 sides = 4 values:
margin: top right bottom left; 💡 Shortcuts:
- 1 value: Same for all sides.
- 2 values: First is top/bottom, second is left/right.
- 3 values: First is top, second is left/right, third is bottom.
- 4 values: Covers all sides in order.
Once I figured this out, my CSS started making way more sense! Hope it helps you too. 😊
#WebDev
👍11🔥2
Big congrats to my friend @codistiano on this huge achievement! 🎉👏
Your journey is so inspiring from starting out with little experience to grinding your way into A2SV. It’s proof that hard work and determination really do pay off.
This is just the start, bro! Can’t wait to see all the amazing things you’ll accomplish. Super proud of you! 🚀🙌
Your journey is so inspiring from starting out with little experience to grinding your way into A2SV. It’s proof that hard work and determination really do pay off.
This is just the start, bro! Can’t wait to see all the amazing things you’ll accomplish. Super proud of you! 🚀🙌
🎉11👍1🔥1
When I first started learning web development, I wanted to dive straight into huge, ambitious projects. But here’s the thing—starting small has been the best decision ever.
Here’s why:
Today, I’m working on a simple landing page to practice responsive layouts and clean design. What are you building? Let me know I’d love to hear!
#WebDev #LearningJourney #KeepItSimple
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥1💯1
Forwarded from Web Development
MERN Stack Developer Roadmap 2025
Step 1: 🌐 Master Web Basics
Step 2: 🖥️ HTML/CSS Proficiency
Step 3: ✨ Deep Dive into JavaScript
Step 4: 🗂️ Version Control with Git
Step 5: 🐍 Node.js for Server-Side
Step 6: 🗃️ Express.js for Routing
Step 7: 📦 NPM for Package Management
Step 8: 📚 MongoDB for Databases
Step 9: 🌟 React.js for Frontend
Step 10: 🔐 Implement Security (JWT)
Step 11: 🚀 App Deployment (Heroku, Netlify)
Step 12: 🐳 Docker Basics
Step 13: ☁️ Explore Cloud Services
Step 14: 🔄 CI/CD with GitHub Actions
Step 15: 🧪 Testing with Jest
Step 16: 📜 API Documentation
Step 17: 📢 Build a Portfolio
Step 18: 💼 Resume Crafting
Step 19: 🛑 Interview Preparation
Step 20: 🔍 Job Hunting Strategy
I have curated the best resources to learn Mern Stack Development 👇👇
https://topmate.io/analyst/1168733
START Your MERN Journey ✅
Step 1: 🌐 Master Web Basics
Step 2: 🖥️ HTML/CSS Proficiency
Step 3: ✨ Deep Dive into JavaScript
Step 4: 🗂️ Version Control with Git
Step 5: 🐍 Node.js for Server-Side
Step 6: 🗃️ Express.js for Routing
Step 7: 📦 NPM for Package Management
Step 8: 📚 MongoDB for Databases
Step 9: 🌟 React.js for Frontend
Step 10: 🔐 Implement Security (JWT)
Step 11: 🚀 App Deployment (Heroku, Netlify)
Step 12: 🐳 Docker Basics
Step 13: ☁️ Explore Cloud Services
Step 14: 🔄 CI/CD with GitHub Actions
Step 15: 🧪 Testing with Jest
Step 16: 📜 API Documentation
Step 17: 📢 Build a Portfolio
Step 18: 💼 Resume Crafting
Step 19: 🛑 Interview Preparation
Step 20: 🔍 Job Hunting Strategy
I have curated the best resources to learn Mern Stack Development 👇👇
https://topmate.io/analyst/1168733
START Your MERN Journey ✅
👍5
Sifen.dev's chat
focus on niche tech stacks
Someone mentioned 'niche tech stacks' and it got me curious.. so I looked it up!
Basically, a niche tech stack is a specialized set of tools and frameworks tailored for specific projects or industries. Instead of using general-purpose stacks like MERN, it’s about finding the perfect fit for a particular need.
For example:
JAMstack for super-fast static sites
MEVN stack if you’re into Vue.js
Django + React if Python is your jam
It’s interesting how different stacks can be more effective depending on the use case. MERN is great for versatility, but niche stacks can really shine in certain scenarios.
What’s your go-to stack? Let’s hear it!
Basically, a niche tech stack is a specialized set of tools and frameworks tailored for specific projects or industries. Instead of using general-purpose stacks like MERN, it’s about finding the perfect fit for a particular need.
For example:
JAMstack for super-fast static sites
MEVN stack if you’re into Vue.js
Django + React if Python is your jam
It’s interesting how different stacks can be more effective depending on the use case. MERN is great for versatility, but niche stacks can really shine in certain scenarios.
What’s your go-to stack? Let’s hear it!
👍4🔥3🆒2👏1
One of the first things I learned as a web developer is how important it is to make websites look great on any screen size. Here are the basics that changed the way I build:
REM scales based on the root font size (usually 16px). So, 2rem = 32px.
EM scales based on the parent element’s size. It’s great for local tweaks.
These let you style your site differently for various devices. Here’s an example:
@media (max-width: 600px) { body { font-size: 14px; } }
@media (min-width: 1024px) { body { font-size: 18px; } } I use percentages for widths and rely on flexbox or grid for alignment. It makes layouts so much easier to adjust!
#WebDev #ResponsiveDesign #CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🤝2🔥1
One of my nerd friends just sent me this screen recording of his setup... If you know, you know. 🔥☄️
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9⚡1👍1
Hey devs, quick question!
I just pushed my project to GitHub, but for some reason, my commits aren’t showing up in the history graph. Everything looks fine locally, but GitHub isn’t registering it.
Has anyone else run into this before? Any tips on what might be going wrong?🙏
I just pushed my project to GitHub, but for some reason, my commits aren’t showing up in the history graph. Everything looks fine locally, but GitHub isn’t registering it.
Has anyone else run into this before? Any tips on what might be going wrong?🙏
SeeFun.Dev
Hey devs, quick question! I just pushed my project to GitHub, but for some reason, my commits aren’t showing up in the history graph. Everything looks fine locally, but GitHub isn’t registering it. Has anyone else run into this before? Any tips on what…
I didn't find a solution for it, but I copied all the files to another folder, initialized git, pushed them to another repository, and now it's working.😁
😭6👍5🔥1