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
Merry Christmas for all celebrating π
Please open Telegram to view this post
VIEW IN TELEGRAM
π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
Forwarded from Yohannes Posts
today I am going to share what I call the "startup bro inspection machine". a person who can answer the following questions does indeed know what they are doing