CSS-фреймворки үшін бейімдік дизайн

Күні:

2019-08-21 18:30:13

Hits:

1115

Рейтинг:

1Сүю 0Жеккөру

Үлесі:

Table of contents:

«Қайда боламыз белге?», - спросило олардың мәртебесі (фильм туралы бароне Мюнхгаузене), бірақ спросило өзіне, өйткені өзі және жауап берге. Фреймворк - әрқашан жақсы, әсіресе ол знатного әзірлеуші ретінде bootstrap twitter-ден қалай foundation жылғы zurb, немесе шие ағашы маңдайда бұғы, заботливо посаженное осылайша бароном.

Барлық CSS-фреймворки - бұл жақсы және ыңғайлы. Фактісі, бұл белгілі мәні жаңадан обрела мәні және двинулась кезекті жолы барлық сол шыңдары, бұл мәселе - онда не белге әлі табылған жоқ, өзінің түпкілікті шешім, және қалды шыңы, оны әзірге мүмкін болмады таңқалдыру.

Өткені мен бүгіні

Адаптивті беттеу: браузерлер және девайсы

Интернет қол жетімді барлық жерде және әрқашан, бірақ тек браузер арқылы. Тек белгілі бір электрондық платформа. Қалған барлық нұсқалары жатыр тыс визуалды интерфейс. Браузер жұмыс істейді мүмкіндіктер шегінде, сол немесе басқа электрондық платформалар: компьютер, ноутбук, планшет немесе телефон. Мүмкін басқа нұсқалары, бірақ аталған жиі пайдаланылады.

CSS фреймворки

кезде «властвовал» IE, ол туған емес болған абсолютті господством, ал бәсекелестік бастапқыда пристальной, әрекеттері болған нәрсе стандарттау.

өндіру процесі компьютерлік техника және мобильді құрылғылар бақылау мүмкін емес, сондықтан және дамыту браузерлердің барлық уақытта қозғалады демократиялық бағытта: барлық басқарылады өзінен өзі тудырады, табиғи айырмашылық қиындықтар мен әзірлеушілер үшін. Интернет-кеңістік қабылдамайды бірде колхоз, бірде-бір қоғам, бірде кибуцев. Сонымен қатар, барлық қоғамдастық табынушылары мен ізбасарлары сол немесе басқа да аспаптық (инструменталды) құралдар үздіксіз мигрируют бір-біріне, жоғалып және жаңадан пайда.

Көп:

Қалай

Қалай "ШҚ жою" бетін телефон арқылы? Кеңестер кезеңдері

соңғы кезге Дейін, үшін біржола жою "бетін ШҚ" жасау керек болды. сұрау техподдержку себептерін көрсете отырып, немесе жасауға әрекет, қайшы саясат "ВКонтакте". Соңғы тәсілі әкеледі бұғаттау бейіндегі және кейіннен жою. Бірақ бұл ең жақсы жолы. Сонды...

Электронды әмияндар

Электронды әмияндар " менің "Киви" рублі аударуға долларына?

Қазіргі заманғы интернеттің мүмкіндіктерін мүмкіндік береді ғана емес, ақпаратты табуға және қарым-қатынас Желісі, бірақ мен төлемдерді жүзеге асыруға. Үшін сатып алу үшін интернетте заттар немесе коммуналдық қызметтерге ақы төлеуге бар бірқатар элек...

Наталья Ящук. Кім ол? Блогер, вайнер немесе тележүргізуші?

Наталья Ящук. Кім ол? Блогер, вайнер немесе тележүргізуші?

интернет Пайдаланушылар шығар көрген күлкілі бейнелер деп аталатын вайнами. Желі оларды бүгін мың. Жасайды олардың мүлдем әр түрлі адамдар мен сюжеттері де әр алуан. Міне, авторларының бірі осындай ролик - керемет Наталья Ящук! Ол кім, бұл улыбчивая ...

Әрине, қажеттігі болған құруға арналған ақпараттық ресурстар, интернет-кеңістік, қандай артық-кем сенімді негіз емес, шаткие тірек әрқашан зыбком құмдағы ақпараттық технологиялар. Терминдер "бейімдік", "резеңке", "кроссбраузерная" т. б. келді де бирка, символы ретінде қатар, бұл жұмыс емес, құзға сыйы, ол бірдей көрінеді және орындауға өз функциясын кез-келген құрылғыда, кез-келген браузерде.

CSS фреймворк Bootstrap

CSS-фреймворк Bootstrap

Мағынасы мен мақсаты, осы бұйымның жеңілдету жұмыс бағдарламашы. Ол бірі болды бірінші, орналасқан арасында ең озық және лайық жалпыға бірдей назар аудару. Бола тұра өз құрамында:

  • торлар, бағаналар, блоктар;
  • үлгілер, тіркелген, резеңке және басқа да;
  • кесте қаріптер және олардың сипаттамасын;
  • медиа басқармасы, суреттермен және фильмдермен;
  • кестелер, қарапайым безендіру, сұрыптауды, жаңа функционалдығы;
  • нысанын, оны ресімдеу алаңдарын іске қосу, сабақтас оқиғалардың атаулары;
  • шарлау, табы, қойындылар, бет, menu, панельдер;
  • алерты, диалогтық терезелер, кеңестер, қалқитын элементтер.

Бұл фреймворк мәлімдейді үлкен шығармашылық еркіндік үшін бағдарламашы пайдаланатын осы тамаша тәжірибе әзірлеу компаниясының Twitter-де. Барлық бұл тамаша, маңызды және қызықты, бірақ бұл мұқият зерделеп, бұрын мәлімделген мүмкіндігі қол жетімді тиіс.

Bootstrap, оның ізбасарлары мен бәсекелестер

мәні Бойынша, барлық фреймворки - HTML, CSS, JavaScript - бұл белгілі троица түрлі ұштастыра. Әр қояды әзірлеушіге түрлі күрделілігі түсіну талап етеді белгілі бір уақыт игеру. Бірақ, бірде-разделяй рәсімін сайтостроения арналған фронт-энд және баск-энд барлық бір: жалпы ауызша топырақ қоқыс, затмевающей тек ақыл-тапсырыс берушінің (және онда, тек уақытша), әрқашан жыр хэппи-энд - шынайы өмір, шынайы мақсат және міндет, оны шешу.

фреймворки html css

шын Мәнінде, әзірлеуші, қаруланған Bootstrap, Foundation, Kube, Semantic UI, Uikit, UniCSS, Maxmertkit, ... әбден мүмкін формула бойынша 10/12 орнына формула-1`000/100`000 (қол жұмысы) + Фактор «Пи». Саладағы CSS-фреймворки үнемдейді әзірлеу жобаның шексіздік немесе үлкен сағат саны (қолмен), дейін 10-12 сағат кез келген жобасы.

Припоминая, бұл снести жұмыртқа, тіпті тауық тура келеді лайықты онымен поноситься, болжауға болады: уақыт айырмашылығы әзірлеу ешқайда мүмкін құзға, ол кетеді зерттеу кезінде фреймворка, таңдау үшін, ол бар ма, және көптеген басқа да уақытша шығындар, алыс процесі әзірлеу.

Тәжірибелі әзірлеуші келіссе, тіпті бір тәулікте мүмкін емес лайықты сайт. Адами ақыл-ой жұмыс істейді, тезірек кез келген компьютерден, бірақ оның саналы бөлігі - тіпті өте медлительно және мұқият барлық взвешивает қабылдамас тіпті өте қарапайым шешім. Саны және сапасы пайдаланылатын қазіргі заманғы құрал-абсолютті емес дейді және мүлдем ештеңе кепілдік береді.

Қазіргі заманғы сайт емес, жиынтығы беттерді көрсететін адаптивную верстку. Қамқорлық мүлдем кез келген сайттың ғана емес, өздерін ақылды оның әзірлеуші, және ең жақсы CSS-фреймворки бар оның арсеналында сол үшін орындауға міндетті функционал, тапсырыс беруші талап етілетін.

Бейімділігі бойынша нақты және шын мәнінде

- Міндет шешуді талап етеді - бұл незыблемое ереже. Негіздерін әзірлеу бейімделуі және кроссбраузерности, диссертация бойынша резеңке беттеу аналитикалық вкладками бойынша сол немесе өзге де «түрлері» резеңке - сабақ өттіқызықты, бірақ, одан артық. Адаптивті фреймворки CSS, HTML, JS - перспективалы, бірақ фактілер қандай контекстінде қарастыру керек бұл келешекке.

Бар түсіну талап етілетін функционалдың. Бар анықтық, бұл ресурс болуы тиіс компьютер мен смартфон. Бірақ бұл мүлдем қажет, бұл міндет бейімдік беттеу маңызды міндеттерді іске асыру функционалын.

Болмайды талап етуге жылқы және пони бір және сол: тартыңыз сол лямку сол сәтті. Мағынасы жоқ де біліп картоп тіпті кукурузнике (ұшу аппараты, өте танымал дәуірінде дамыған социализм), бұл кезде өрістің дейін қойманың қолмен беруге болады. Тіпті сол ең пони бір управится.

"Термині бейімдік" туған мәнінде осы сөздер дегенді білдірмейді міндетті түрде қажет нәрсе бір нәрсе істеу керек, өйткені ол бұл жасады бұрын, басқа жерде немесе басқа да мән-жайлар. Бар міндеті және оның функционалы бар әр түрлі платформалар және девайсы, онда бұл функционал жұмыс істеуге тиіс. Егер мақсат баламалылығы процестерді, дизайн және диалог - бұл нақты утопия, егер мақсаты қойылған міндетті шешуде - бұл мүлде басқа мәселе.

Тарихи сәтте мен келешегі

Бағдарламашылар дамып келеді өте тез, әрі экспонента бойынша, бұл мамандықтың ерекшелігі. Ой бағдарламашы әрқашан тезірек кез келген компьютерден, өйткені бөліп интерфейс кодының туралы шешім қабылданды және интуитивті басында құрылыс ақпараттық өркениет. Бірақ бөліп аз, дұрыс білуге, онда қажетті грань.

Осы үш сәттен (интерфейс коды, грань) бір бөлігі ғана жалпы ақпараттық мәні. Бар деректер және оларды ұсыну. Бұл тек бірінші көзқарас көрінуі мүмкін, бұл және CSS-фреймворки емес, бір-бірімен байланысты. Шын мәнінде, ұсыну әрдайым анықталады емес, тек коды бар, бірақ, ол өңдейді, және ол, ең алдымен, уақыт.

шешім қабылдай Отырып, пайдалануға CSS-фреймворки, таңдау сол немесе өзге де бағалай отырып, уақытша шығындар игеру және салыстыра отырып, оның функционалды, бұл талап етіледі шешу үшін міндеттері, түсіну - маңызды емес өзі фреймворк, ол тек факт, бұл мәселе қойылған өткен, жаңадан тауып алды мәні. Маңызды берсін, қай бағытта дамыту мәселелері және оны шешу.

кеңестер Туралы, советчиках және бағалау жоспарларын

шындығында, түсіне отырып, мәселені кімге сенуге емес, кімге керек кеңестер беруге, ал кімге керек емес, проблемаларды ешқашан туындайды. Бірақ виртуалды кеңістікте бұл бар елеулі қиындықтар.

әрбір бағдарламашы (оның үстіне ұжымның ондайлар) бағасы тәжірибесі. Бұл тәжірибе белгілі бір шамада бар меншікті фреймворк. Бұрын қабылдауға деген біреудің, тіпті өте танымал және тамаша, керек өзіңіз ұстанымдарын зерттеуші, бірақ ізбасары.

Бейімдеу фреймворки CSS

әріптестеріміздің Тәжірибесі - бұл ешқашан іргелі негізі жұмыс істеу үшін, оның үстіне, мұндай ырғақты саласындағы ретінде информационнная, бірақ жақсы стимул дамыту үшін өзінің білімін және тәжірибесін.

Тіпті егер олар бір нәрсені қол жеткізуге еш кедергі жоқ зерттеп, тәжірибе басқа. Кез-келген жағдайда өрбуі, өз тәжірибесі мен әріптестердің тәжірибесін мамандығы бойынша - бұл жақсы, бірақ тек жеке тәжірибесі, сондай-жоспарлары осы бір мағыналы болады, неғұрлым перспективалы және нақты.


Article in other languages:

AR: https://tostpost.com/ar/internet/18961-css.html

BE: https://tostpost.com/be/nternet/36174-css-ramak-dlya-adapty-naga-dyzaynu.html

DE: https://tostpost.com/de/internet/35827-css-frameworks-f-r-responsive-design.html

En: https://tostpost.com/internet/30055-css-frameworks-for-responsive-design.html

ES: https://tostpost.com/es/internet/35661-css-marcos-de-dise-o-adaptable.html

HI: https://tostpost.com/hi/internet/20658-css-frameworks-for-responsive-design.html

JA: https://tostpost.com/ja/internet/18636-css.html

PL: https://tostpost.com/pl/dost-p-do-internetu/37695-css-frameworki-dla-responsive-design.html

PT: https://tostpost.com/pt/servi-os-de-internet/37473-css-freymvorki-de-design-adapt-vel.html

UK: https://tostpost.com/uk/nternet/36745-css-freymvorki-dlya-adaptivnogo-dizaynu.html

ZH: https://tostpost.com/zh/internet/11018-css.html






Alin Trodden - мақала авторы, редактор
"Сәлем, Мен Алин Тродденмін. Мен мәтіндер жазып, кітаптар оқып, әсер іздеймін. Мен сізге бұл туралы айтуды жақсы білемін. Мен әрқашан қызықты жобаларға қатысқаныма қуаныштымын."

Комментарий (0)

Бұл мақала емес, түсіндірмелер, бірінші болыңыз!

Добавить комментарий

Жаңалықтар

Плагин деген не ғажайып?

Плагин деген не ғажайып?

 жиі әр пайдаланушылардың дербес компьютердің жетіспеді, қандай да бір компонентті, оның бар болуы етер еді, оның сүйікті және ең қажетті бағдарлама іс жүзінде идеалды? Сірә, көп жағдайда. Өйткені әзірлеушілер бағдарламалық қ...

Банк

Банк "Тинькофф": үйде жұмыс. Пікірлер, ерекшеліктері және сипаттамасы

Сонымен, бүгін біз тырысамыз, түсіну үшін қандай алады банк "Тинькофф" (үйде жұмыс) пікірлер. Іс мынада: қашықтан жұмысына көптеген мүдделі. Бірақ мұнда тек ұсыныстар жиі түсіп қалуда аса күмәнді. Немесе бұл қандай да бір дәйексіз...

TBT - бұл не және неге оны қолданады?

TBT - бұл не және неге оны қолданады?

Егер сұға орысша сөздік қысқартулар, білуге болады, бұл TBT: ауыр бурильная труба. Зейінді адам болғанын, бұл аббревиатура орыс әріптерімен жазылады (СТК). Иә және неге миллиондаған пайдаланушылар пайдалана алады твитах және бекет...

Как сменить пароль

Как сменить пароль "Сыныптастары": егжей-тегжейлі нұсқаулар

Барлық белгілі сайты "Одноклассники". Бұл әлеуметтік желі пайда болды 2006 жылы жарық. Және келесі жылы ондыққа Сыйлығының Рунет. "Одноклассники" және бүгін « ең танымал әлеуметтік желі.Ал бұл және түсінікті. Тамаша араласу ...

Арнасы

Арнасы "жыр хэппи боди" және оның мазмұны

мақалада баяндау туралы өрбімек YouTube-арнасында Happy Body жүргізетін қыз-жаттықтырушылар тәжірибесі мол. Бұл спорттық арна, көбінесе әйелдер аудитория толтырылған алуан түрлі пайдалы контентпен көмектесетін қол жеткізуге желанн...

Қалай аватарку тобы үшін

Қалай аватарку тобы үшін "ВКонтакте"? Үш ең көп тараған тәсілі

Біз жиі, бұл аватарка - бұл бейнесі пайдаланушының әлеуметтік желі, оның «өмір», оған біз бірақ жүгінеміз, егер біз біреуге бір нәрсе жазу. Сондықтан қиын емес догадаться қаншалықты үлкен рөл атқарады бейнесі, ол емес,...