ПОШУК

CSS-фреймворки для адаптивного дизайну

«Де будемо робити талію?», - запитало їх високість (фільм про барона Мюнхгаузена), але запитало себе, тому саме і відповіло. Фреймворк - завжди добре, особливо коли він від знатного розробника: як bootstrap від twitter, як foundation від zurb, або як вишневе дерево на лобі оленя, дбайливо посаджене тим самим бароном.

Всі CSS-фреймворки - це добре і практично.Сам факт, що відома сутність знову набула значення і рушила в черговий шлях на все ті ж вершини, каже, що питання - де робити талію - ще не знайшов свого остаточного рішення, і залишилася вершина, яку поки не вдалося підкорити.

Минуле і сьогодення

Адаптивна верстка: браузери і девайси

Інтернет доступний скрізь і завжди, але тільки черезбраузер. Тільки з певною електронної платформи. Всі інші варіанти лежать поза візуальним інтерфейсу. Браузер працює в межах можливостей тієї чи іншої електронної платформи: комп'ютера, ноутбука, планшета або телефону. Можливі й інші варіанти, але названі найчастіше використовуються.

CSS фреймворки

Під час, коли «панував» IE, який з народження не мав абсолютний пануванням, а конкуренція спочатку була пильною, були спроби щось стандартизувати.

Як процес виробництва комп'ютерної техніки імобільних пристроїв неможливо контролювати, так і розвиток браузерів весь час рухається в демократичному напрямі: все управляється само собою, що викликає природне відмінність і труднощі для розробників. Інтернет-простір не сприймає ні колгоспів, ні громад, ні кибуцев. А крім того, всі спільноти шанувальників і послідовників тих чи інших інструментальних засобів безперервно мігрують один в одного, зникають і з'являються знову.

Природно, коли є необхідність створюватиресурси для інтернет-простору, потрібні більш-менш надійні підстави, а не хиткі опори на завжди хиткому піску інформаційних технологій. Терміни "адаптивна", "гумова", "кросбраузерності" та ін. Прийшли як бирка, як символ того, що дозволить роботі не пропасти даром, що вона буде однаково виглядати і виконувати свою функцію на будь-якому пристрої в будь-якому браузері.

CSS фреймворк Bootstrap

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

Сенс і призначення цього виробу в спрощення роботи програміста. Вважається, що він був одним з перших, знаходиться серед найбільш просунутих і заслуговує загальної уваги. Маючи в своєму складі:

  • сітки, колонки, блоки;
  • шаблони, фіксовані, гумові та інші;
  • графіку, шрифти і їх опису;
  • медіа, управління картинками і фільмами;
  • таблиці, звичайне оформлення, сортування, нову функціональність;
  • форми, оформлення полів введення, суміжних подій, назв;
  • навігацію, таби, вкладки, сторінки, меню, панелі;
  • АЛЕРТ, діалогові вікна, підказки, плаваючі елементи.

Цей фреймворк декларує більшу свободутворчості для програміста, який користується цим чудовим досвідом розробки від компанії 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-фреймворки,вибираючи той чи інший, оцінюючи тимчасові витрати на освоєння і зіставляючи його функціонал з тим, що потрібно для виконання завдання, слід розуміти - важливий не сам фреймворк, а тільки факт, що проблема, поставлена ​​в минулому, знову набула значення. Важливо представляти, в якому напрямку йде розвиток проблеми і її рішення.

Про поради, порадниках і оцінці планів

У реальності, з розумінням питання, кому можнавірити, а кому ні, кому слід давати поради, а кому не слід, проблем ніколи не виникає. Але у віртуальному просторі з цим є серйозні труднощі.

У кожного програміста (тим більше колективутаких) накопичується досвід. Цей досвід в тій чи іншій мірі і є власний фреймворк. Перш ніж приймати на віру чужої, хай навіть дуже популярний і чудовий, потрібно поставити себе в позицію дослідника, але не послідовника.

Адаптивні фреймворки CSS

Досвід колег - це ніколи не фундаментальне підставу для роботи, тим більше в такій динамічній сфері як інформаціоннная, але хороший стимул для розвитку власних знань і досвіду.

Навіть якщо не судилося чогось досягти, ніщо незаважає вивчати досвід інших. При будь-якому розвитку подій, власний досвід і досвід колег за фахом - це краще, ніж тільки власний досвід, а плани від цього однозначно будуть більш перспективними і реальними.

  • оцінка: