Forwarded from Web Development - HTML, CSS & JavaScript
JavaScript fetch api
#Day_04_Frontend_Challenge
Project Title: Recipe
Hey everyone, 👋
How are you doing?
Today I completed a project called 'Recipe for Coffee with Coconut Milk'. I built it using HTML and CSS.
Live Demo
#WebDevChallenge
#FrontEndDev
#DevCommunity
#TechTalk
#Day04challenge
@SelfTaughtDev1
Project Title: Recipe
Hey everyone, 👋
How are you doing?
Today I completed a project called 'Recipe for Coffee with Coconut Milk'. I built it using HTML and CSS.
Live Demo
#WebDevChallenge
#FrontEndDev
#DevCommunity
#TechTalk
#Day04challenge
@SelfTaughtDev1
👍1🔥1
Forwarded from Yohannes Haile (Yohannes Haile)
enforced candle night dinner
😁1
Forwarded from Tech Nerd (Tech Nerd)
So, we’ll have the session Today at 7:00 PM (1:00 local time, mata).
Topic: Intro to React Native for Web Devs
We’ll cover the basics, build a simple app, and create both an APK and an AAB file for the Play Store.
It’s not a full-on 0-to-hero course—just a quick intro with some best practices. 🔥
@selfmadecoder
Topic: Intro to React Native for Web Devs
We’ll cover the basics, build a simple app, and create both an APK and an AAB file for the Play Store.
It’s not a full-on 0-to-hero course—just a quick intro with some best practices. 🔥
@selfmadecoder
Website development
Hi guys 👋
Today I have exciting news to share! My team and I are building a project(:-Full stack website ), and I'll be sharing my journey of building it from scratch. I was nervous about it because I was learning everything while I do it.
#TechNews
#SelfTaughtDev
#SelfTaughtDev
#FullStackDev
#WebDev
#DevCommunity
@SelfTaughtDev1
👍2
⭐️Px Vs Em Vs Rem
Do you choose the right unit for your CSS?
Understanding px, em, and rem is essential for building scalable and responsive designs.
1. px (Pixels)
- Fixed size.
- Doesn’t adapt to user preferences.
- Ideal for precise measurements like borders.
2. em (Relative to Parent)
- Relative to the font size of the parent element.
- Great for scaling elements within a component.
3. rem (Relative to Root)
- Relative to the font size of the root (:root).
- Ideal for consistent and global scaling.
When to Use?
- Use px for borders or fixed dimensions.
- Use em for local scaling inside components.
- Use rem for global consistency across the app.
💡 Bonus: Combine
rem for base sizing and em for internal adjustments! Next Post: Viewport Units (vw, vh, vmin, vmax)
👍1
Forwarded from Chapi Dev Talks
አ አደራቹህ እንዴ
ኮ ኮደር ነህ እንዴ
... Keep it going 😁
ኮ ኮደር ነህ እንዴ
... Keep it going 😁
CAPTCHA is an acronym for “Completely Automated Public Turing test to tell Computers and Humans Apart”
@googlefactss #funfact #technology #nowyouknow
@googlefactss #funfact #technology #nowyouknow
Day-01-Social-Links-Profile
Hey everyone! 🎉
I'm excited to share that I've recently completed a front-end coding challenge from Frontend Mentor (:@frontendmentor
the Social Links Media Profile challenge. I'm thrilled with how it turned out and I'm eager to get your feedback.
This project is a social links media profile that showcases my front-end development skills. It's built with HTML and CSS, and I've used media queries to ensure it's responsive and adapts seamlessly to different screen sizes.
Technologies Used:
HTML: I used HTML to create the structure of the page, organizing the content into logical sections and elements.
CSS: I leveraged CSS to style the page, incorporating elements like fonts, colors, spacing, and layout.
Media Queries: To make the page responsive, I used media queries to modify the layout and styling based on the device's screen size, ensuring an optimal user experience on various devices.
Live Demo
Source Code
#DevCommunity
#WebDev
#SocialLinkProfile
#FrontendMentor
❤3👍2🔥1
Day-02(:-Result Summary Components
I've just completed the Day 02 front-end coding challenge from @frontendmentor, building the Result Summary Components. I aimed for full responsiveness across many devices. It was built with HTML and CSS.
Technology Used:
HTML: Used for the webpage structure.
CSS: Used for styling and responsiveness
Live Demo
Source code
#DevCommunity
#FullStackDev
#FrontEndDev
#FrontendMentor
@SelfTaughtDev1
🔥2👍1🥰1