Всім привіт! Ви напевно думали, ну ось, обіцяв писати «ще один блог» і пропав.
А я не пропав. Точніше пропав, але в іншому сенсі 🙂
Копався я тут «недавно» в Pinterest і побачив прекрасне:
Ось тут я і пропав (той самий інший сенс). Ось захотілося мені зробити таку ж красу в R. Ну, тоді у мене в руках буде не тільки краса, а й повна функціональність R, тобто я зможу не тільки «котиків в Pinterest викладати», а й зробити повністю чудовий, робочий Dashbord. А найголовніше - з'явиться МОРЕ ДОСВІДУ.
Сказано зроблено. Почав робити. І ось тому і зник на три тижні (або близько того).
З цієї зображенні зробив пошук, і з'ясував, що це розробка Erik K (Співзасновник і креативний директор Truth Labs in Chicago).
На Медіум натрапив на цікаву статтю, яку попутно прочитав: Designing Data-Driven Interfaces
Але найголовніше - на цій сторінці я знайшов повний вид цього звіту ... Нехай в благенькому дозволі, але загальний вид уявити можна (ліва картинка):
Ну, заодно можна подивитися інші приклади цього стилю.
В процесі розробки я зіткнувся з багатьма труднощами, які зараз можна назвати «вивченими уроками»:
Гаразд, вистачить води, показую що вийшло:
Навіщо щось використовував адаптивний (? - fluid) дизайн. Робився під конкретний монітор. Тому - на desktop швидше за все буде ок, на iPad - більш-менш (можна зробити взагалі супер - але вже нудить від цього етюду). На iPhone - верстку рве не по дитячому, тому допрацьовувати / переробляти під нього при необхідності чимало треба буде.
Поділитися посиланням:
Ну, як ніби в css не лазив. Сам не думав що вийде ... Просто брав і вирішував маленькими шматочками. Найбільше досвіду отримав (читай «затрахало») з тим, що іноді дуже несподівано і неприємно б'є розмітку ... Ну і є куди рости, тому що це зовсім не fluid-дизайн
І я хочу код подивитися! Дуже красиво!