5 Чынында эле Responsive сайты сапаттар

Эгер "барбы жооп сайттан "? Бул өзгөрүп жайгашууда менен сайт бир коноктордун түзмөк негизинде жана экран өлчөмү. Responsive дизайн азыр өнөр жайы мыкты практика болуп саналат. Бул жатат Google тарабынан сунуш кылынган жана интернет аркылуу сайттардын миллиондогон табылган. Бирок, ар түрдүү экран өлчөмдөрүн бир сайтка тек гана "табияттын иштерине" ээ болгон жана чынында эле жооп болуп сайтка ээ ортосунда чоң айырма бар.

Мен дайыма компаниялар интернет жана мобилдик-достук үлгүсүнүн изги extoling бир пресс-релизди сыртка түртүп кайра карагыла. Ошол сайттарына барганда, мен көп таба ар экраны бата, чынында эле, масштабын жана өзгөрөт бир катмар болуп саналат, бирок ал ошондой эле, алар ийкемдүүлүгүн идеясын талап болуп саналат. Бул жетишсиз. Чындап жооп сайты бир аз же көп экранга чактап көлөмүн да көптү кылат. Бул сайттарда, силер да төмөнкү маанилүү сапаттарды болот.

1. ылайыкташтырылган Performance

Эч ким жүктөө бир сайт күтүп жактырат, ал эми кимдир бирөө идеалдуу кем болушу мүмкүн болгон байланышы бар мобилдик аспапты пайдалануу жатканда, тез жүктөлгөн үчүн сайтка болгон муктаждык да маанилүү болуп саналат.

Анда сиз сайттын өндүрүмдүүлүгүн оптималдаштыруу керек? Эгер кайра бир бөлүгү катары жаңы сайт менен баштап жатса, анда аны бир ойду керек аткаруу бюджетин түзүү ошол долбоордун бир бөлүгү болуп саналат. Сиз учурдагы сайт менен иштеп жатабыз жана башынан баштап, анда биринчи кадам бүгүн кайсы жерде сиздин сайттын аткарылышын текшерип көрүүгө болот.

Эгер сайт аткаруу акылман кай бир негизги ээ кийин, көчүрүү ылдамдыгын жогорулатуу зарыл жакшыртууга болот. баштоо үчүн көп жерде сиздин сайттын буркандары менен болушу мүмкүн. Ал жүктөө сайттарды, ошондуктан жай келгенде Тоо-чоң сүрөттөр # 1 күнөөлүү болуп интернет жеткирүү үчүн сүрөттөрдү оптималдаштыруу чындап эле аткаруу көз сиздин сайтка жардам берет.

чындык жакшыртуу сайты аткаруу жана тез жүктөп алуу ылдамдыктарына келген бардык баалай турган пайда деп саналат. Анын үстүнө, эч ким сайт "тез" жүктөлгөн деп нааразы, бирок сайт жүктөөгө да көп талап кылынат, ал таптакыр жок же ал responsively алардын экрандагы "Күнөөкөр табияттын иштерине" же жок адамдарды, анда элек.

2. Smart Мазмун иерархиясы

сайт бир чоң экранда болгондо, анткени колдо бар олуттуу экран кыймылсыз мүлктүн ар кандай жолдор менен мазмунду жатып алат. Сиз көп маанилүү кабарларды жана сүрөттөрдү, кабар өзгөрүүлөр, иш-чара маалымат, жана сайт багыттоо бардык экрандан бир жолу туура болот. Бул толугу менен беттин мазмунун жана тез арытып, жана алар үчүн маанилүү экенин чечүүгө конок берет.

Эгер сиз бул сайттын дизайнын алып, уюлдук тел сыяктуу чакан экран түзмөктөр үчүн, аны өзгөртүп, Бул жагдайды абдан кескин өзгөрөт. Күтүлбөгөн жерден, сиз мурда эле экран кыймылсыз мүлк бир бөлүгүндө менен иштеп жатабыз. Бул сайтка мурда пайда болот чечиши керек, эмне, аны ээрчишет, ордуна дароо көрүнүп баары ж.б., балким, бир гана орун (кыязы, багыттоо болуп саналат, алардын бири) бир же эки нерсени көрсөтүшү керек дегенди билдирет. Бул иерархия чечимдери болушу керек дегенди билдирет. Тилекке каршы, көп учурда эмне экрандагы биринчи орунда эмне, андан кийин экинчи, ж.б. бет өзү коддолгон жол аныктайт. кодексинин экинчи бөлүгүндө жана ж.б.у.с. кийин экранда биринчи кодексине, биринчи болуп саналат, ошону көрсөтүү үчүн, бир жооп сайтты куруп жатканда, жөнөкөй болуп саналат. Тилекке каршы, кайсы бир түзмөктө абдан маанилүү болушу мүмкүн дагы эле оор болушу мүмкүн эмес. А мазмундагы иерархиясы чындап жооп сайт экенин түшүнгөн ар кандай жагдайларга жараша өзгөртүү керек, ал жерде көрсөткөн жөнүндө акылдуу болушу керек.

аны ордуна HTML коду мазмуну аймактарында так буйругу менен колго түшүрүп, болгон акыл, мазмунду алып коюп келгенде, анын ичинде CSS Grid Долбоор, Flexbox CSS жайгашуусу ыкмалары, жана дагы жакшыртуу, интернет дизайнерлер жана иштеп көп мүмкүнчүлүктөрдү берет. Бул жаңы катмары ыкмаларын пайдаланып түзмөк пейзаж катары дагы да маанилүү болуп калат жана биздин сайттын колдонуучулары муктаждыктары, өнүгүп келе жатат.

3. Каттоо Эшиги аппарат күчтүү жана алсыз жактарын алып окуялар

түзмөктөрдүн тема боюнча жашоо - кимдир бирөө сиздин сайтка киргендерге үчүн колдоно турган ар бир аппарат ошол сахнага мүнөздүү болгон эки күчтүү жана алсыз жактары бар. Улуу жооп сайт ар кандай түзүлүштөрдүн мүмкүнчүлүктөрүн жана мүмкүнчүлүктөрүбүздүн чектелүү экенин жакшы билет жана бир жолоочу бул учурда колдонуу мүмкүн болсо, аппарат үчүн мыкты ылайыктуу Өздүк окуяларды түзүү үчүн колдонот.

Мисалы, уюлдук тел бир салттуу иш-такта отуруп таап эмес, кээ бир камтыйт. GPS уюлдук багытталган өзгөчөлүгү бир мисалы болуп саналат (ооба, сиз ошондой эле стол жөнүндө жалпы маалыматтарды, бирок аппарат GPS кыйла так болот). Сиздин сайт алар ошол учурда так жерге негизделген GPS маалыматты толгоду адамга өтө кылдат жана белгилүү бир этап-этабы менен багыт маалыматын же атайын сунуштарды жиберүү үчүн колдонушу мүмкүн.

иш жүзүндө бул негизги дагы бир мисал экран экрандын түрү эмнени түшүнгөн сайт болмок колдонуп жаткан экрандын мыкты сүрөттөрдү жөнөтөт. Эгер жогорку пикселдик жыштыгы менен экранды бар болсо, ал экрандын жогорку сапаттагы сүрөттөрдү жөнөтүү жөнүндө чечим кабыл алат. Бул ошол эле сүрөттөр Бирок, бир аз жөндөмдүү экранда тиленүү туура эмес болуп калмак, жана кошумча сапаттуу кошумча билэ кээмэйэ эч кандай чыныгы себеп көчүрүп алса, ал эми жок болушу мүмкүн эмес.

Чынында улуу кабыл сайттар тажрыйба анын экрандын гана түзмөк түрүн же көлөмүн жок негизделген, бирок ошондой эле, жабдуу башка маанилүү жактарын ылайыкташтырышы керек бүт колдонуучу тажрыйбасын жана ишти карап көрөлү.

4. Мазмунду менен Context

Башында, кабыл дизайн, анткени ар кандай экран өлчөмдөрүн аткарган сайттын макетин идеясынын өзүнүн атын алган, бирок, жөн гана өлчөмүн экранынан алда канча көп, жооп бере аласыз. бир түзмөктүн күчтүү жана алсыз жактарын пайдалануу мурдагы мисалында куруп, анда силер чын эле сайт тажрыйбамды өзгөчөлөштүрүү үчүн, датасы жана убактысы сыяктуу, ошондой эле башка маалыматтар да тийиши мүмкүн.

ири соода шоу-чарага бир сайттан дейли. бир жооп-сайт ар кандай экрандарда менен ченей турган сайттын барактарынын жайгашуусун өзгөртүүгө болот, ал эми силер да ыраазы өзгөрүүлөр абдан маанилүү экенин аныктоо үчүн датасы тийиши мүмкүн. Бул иш-чаранын алдында мөөнөт болсо, балким, силер да бири каттоо маалыматын көрсөтүүсүн каалайбыз. Эгерде, Бирок, бул иш-чара, чынында, ошол учурда эмне болуп жатат, каттоо маанилүү мазмун болушу мүмкүн эмес. Тескерисинче, иш-чаралардын күн тартиби бул колдонуучунун шашылыш муктаждыктар үчүн дагы актуалдуу болуп саналат, анткени көбүрөөк маанилүү decidethat мүмкүн.

бир кадам дагы бир нерсени эске алуу менен, алар, чынында, соода-шоусунда кайда аныктоо үчүн түзмөктүн GPS колдонуу мүмкүн. Аларга Баштоо үчүн жакын кабиналар же сессияларын көрсөтүү, алардын жайгашкан жери боюнча аларга өз ара мазмунду бере алмак.

5. мүмкүнчүлүгү

Биз Сайт, чынында эле, келген коноктордун муктаждыктарына жооп кантип үчүн карап турган акыркы үлгүсү тууралуу ой жүгүртүү сайтында жеткиликтүү . Websites мүмкүнчүлүгү чектелген адамдарга, анын ичинде көп адамдар мүмкүн болушунча, колдоно турган жөндөмдүү болушу керек. Сиздин сайты Экрандык окугуч же анын мазмунга кирүү үчүн, башка жардам программасын адам колдоно турган жөндөмдүү болушу керек. Бул жагынан алып караганда, өз сайт майыптар коноктор үчүн ар кандай, ал эми тажрыйба камсыз кылган, анткени алардын муктаждыктарына жооп берет, дагы эле ылайыктуу болуп саналат.

мүмкүн, ошондой эле экран өлчөмү эмес, болушунча көп маалымат пунктка жооп берип, бир-сайты эле алда канча көп болушу мүмкүн "достук мобилдик." Бул сөздөр ар кандай мааниде чындап жооп тажрыйба болуп калышы мүмкүн.