Frontend Coding
@frontendcoding
13 subscribers
115 photos
3 videos
11 files
47 links
Frontend | UX/UI design

Creator - @im_zafarjon
Admin - @Jakhongirbek_Alijonov
Support bot - @programmers_support_bot
Download Telegram
About
Blog
Apps
Platform
Join
Frontend Coding
13 subscribers
Frontend Coding
Flex haqida tushuncha.
Ushbu ma'lumot instagramdan olindi. Sizlarga foydali bo'ladi deb umid qilaman.

😊 Sizlar uchun foydali ma'lumotlarni yuklab borishga harakat qilamiz.

Manba 📚
@webdasturchilar_html_css_js
44 viewsZafarjon Zoxidovich, 
Frontend Coding
Assalomu aleykum kanal a'zolari!
Barchangizga xayrli kun. Kuningiz ajoyib va mazmunli o'tsin.
41 viewsZafarjon Zoxidovich, edited  
Frontend Coding
🌐 Website uchun favicon qo'yishni o'rganamiz. Rasmda favicon nima ekanligi keltirilgan.

🌁 Favicon <link> elementi yordamida sahifaga ulanadi, hamda <head> tegi ichiga yoziladi.

<head>
  <title>My title</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>

Edge, Chrome, Firefox, Safari va Opera brauzerlari .ico, .gif, .svg, .jpeg va .png formatlarini qo'llaydi.

Manba 📚
@webdasturchilar_html_css_js
46 viewsZafarjon Zoxidovich, edited  
Frontend Coding
Manba 📚
@webdasturchilar_html_css_js
42 viewswhoami, 
Frontend Coding
Manba 📚
@webdasturchilar_html_css_js
45 viewswhoami, 
Frontend Coding
Kursorni matn ustiga olib borganda rang o'zgarishi.

Manba 📚
@webdasturchilar_html_css_js
44 viewswhoami, 
Frontend Coding
HTMLda "block" darajasidagi teglar.
Block teglar atrofida odatda 5px kattalikda "margin" bo'ladi. Margin haqida keyinroq to'liq va tushunarli ma'lumot yuklaymiz.

Manba 📚
@webdasturchilar_html_css_js
42 viewsZafarjon Zoxidovich, 
Frontend Coding
HTMLda inline teglar.

Manba 📚
@webdasturchilar_html_css_js
43 viewsZafarjon Zoxidovich, 
Frontend Coding
Tarmoq turlari.

Manba 📚
@webdasturchilar_html_css_js
40 viewsZafarjon Zoxidovich, 
Frontend Coding
Dasturchilar uchun google chrome extensionlari.

Manba 📚
@webdasturchilar_html_css_js
43 viewsZafarjon Zoxidovich, 
Frontend Coding
Assalomu aleykum kanal a'zolari!
Barchangizga juma muborak!
41 viewsZafarjon Zoxidovich, 
Frontend Coding
Barcha dasturchilar bilishi kerak...

Manba 📚
@webdasturchilar_html_css_js
43 viewswhoami, edited  
Frontend Coding
🪄 Frontend bilimlaringizni oshirish uchun 6 ta eng zo'r saytlar.

1) CSS battle
cssbattle.dev

2) Codepen challenges
codepen.io/challenges

3) Codewell
codewell.cc

4) Frontend Mentor
frontendmentor.io

5) Freecodecamp
freecodecamp.org

6) Java Script 30
javascript30.com

Manba 📚
@webdasturchilar_html_css_js
59 viewswhoami, 
Frontend Coding
#css

Lineyniy gradient (linear-gradient) haqida tushuncha.
50 viewsZafarjon Zoxidovich, edited  
Frontend Coding
#css #misol

Marhamat, misol orqali ko'rishingiz mumkin...

body {
width: 100%;
height: 100vh;
background: linear-gradient(25deg, green, blue);
}

Manba 📚
@webdasturchilar_html_css_js
52 viewsZafarjon Zoxidovich, 
Frontend Coding
#useful

Fayl kengaytmalarining ingliz tilida qandag ma'no anglatishi.

Manba 📚
@webdasturchilar_html_css_js
72 viewsZafarjon Zoxidovich, 
Frontend Coding
😊 Assalomu aleykum kanal a'zolari!

Kuningiz xayrli bo'lsin! Sizlar uchun foydali ma'lumotlar ulashishda davom etamiz. Bizdan uzoqlashmang!
51 viewsZafarjon Zoxidovich, edited  
Frontend Coding
#css

CSSda chegaralar (border) - rasmda keltirilgan, aniqroq tushuntirishga harakat qildim.

📌 Bu yerda

border: 👉 chegara
1px 👉chegara qalinligi
solid 👉 chegara dizayni
#1092b2 👉 rang

Manba 📚
@webdasturchilar_html_css_js
177 viewsZafarjon Zoxidovich, edited  
Frontend Coding
#css

Marhamat - margin, border, padding, height va width haqida tushuncha. Juda ham sodda qilib tushuntirilgan.

Manba 📚
@webdasturchilar_html_css_js
57 viewsZafarjon Zoxidovich,