Тарҳрезии мутобиқшаванда чист?

Тарҳрезии ҷавобгӯӣ — ин муносибат ба дизайн ва таҳияи веб мебошад, ки дар он тарҳ ва мундариҷаи сайт автоматӣ ба андозаи экранҳои дастгоҳҳо, хоҳ компютер, планшет ё смартфон, мутобиқ мешаванд. Ҳадаф — таъмин намудани намоиши оптималӣ ва истифодаи қулай дар ҳама гуна тасвирҳо.

Принсипҳои асосӣ:

• Шабакаи чандир (Fluid Grid): Истифодаи воҳидҳои нисбӣ (дарсадиҳо, em, rem) ба ҷои пикселҳои муқарраршуда барои муайян кардани андозаҳои унсурҳои тарҳ.
• Расмҳои чандир (Flexible Images): Расмҳо ба таври пропорсионалӣ ба андозаи контейнерҳо мутобиқ мешаванд, ки аз берун баромаданро пешгирӣ мекунанд.
• Медиазапросҳо (Media Queries): Қоидаҳои CSS, ки имкон медиҳанд, ки услубҳои гуногун дар асоси хусусиятҳои дастгоҳ, ба монанди паҳнои экран, самт, тасвирҳо татбиқ шаванд.

Маслиҳати намунавӣ барои истифодаи медиазапросҳо:

/* Услубҳои асосӣ */
.container {
    паҳноӣ: 960px;
    маржа: 0 auto;
}

/* Услубҳо барои экранҳои хурдтар аз 768px */
@media (max-width: 767px) {
    .container {
        паҳноӣ: 95%;
        padding: 0 10px;
    }
    .column {
        float: none;
        паҳноӣ: 100%;
    }
}

Дар амал, ҳангоми санҷиши тарҳи ҷавобгӯӣ, ман меравам:

1. Намудани тарҳ: Оё ягон ҳаракат дар уфуқӣ вуҷуд дорад, блокҳо дуруст ҷойгир шудаанд.
2. Қитъаи матн: Андозаи ҳарф бояд дар ҳама дастгоҳҳо бароҳат бошад.
3. Навигатсия: Меню бояд дастрас ва қулай бошад (масалан, "бургер-меню" дар мобилӣ).
4. Функсионалӣ: Ҳама унсурҳои интерактивӣ (тугмаҳо, формаҳо) бояд дуруст кор кунанд.
5. Ҳосилнокӣ: Вақти боркунӣ дар дастгоҳҳои мобилӣ. Истифодаи <picture> ё srcset барои оптимизатсияи расмҳо.

Афзалиятҳои асосии тарҳи ҷавобгӯӣ:

• Як базаи код барои ҳама дастгоҳҳо.
• Беҳтар кардани нишондиҳандаҳои SEO (Google тарҷума медиҳад сайтҳои ҷавобгӯиро).
• Таҷрибаи беҳтарини корбар.
• Ҳамоҳангсозии вақт ва маблағҳо нисбат ба сохтани версияҳои алоҳидаи сайт.

Фарқият аз тарҳи адаптивӣ (Adaptive Design) дар он аст, ки охирин аз нуқтаҳои қатъ (breakpoints) барои татбиқи тарҳҳои гуногун истифода мебарад, дар ҳоле ки тарҳи ҷавобгӯӣ ба ҳар андозае, ки экран аст, гулӯ мекунад. Инчунин, ин ду термин дар контексти таҳия барои дастгоҳҳои гуногун ҳамчун синонимҳо истифода мешаванд.