{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Блог Константина Фарактинова: заметки с тегом вёрстка", "_rss_description": "Пишу про всякое. Немного дизайна, немного программирования, а так в основном мысли.", "_rss_language": "ru", "_itunes_email": "", "_itunes_categories_xml": "", "_itunes_image": "", "_itunes_explicit": "", "home_page_url": "http:\/\/faraktinov.ru\/notes\/tags\/frontend\/", "feed_url": "http:\/\/faraktinov.ru\/notes\/tags\/frontend\/json\/", "icon": "http:\/\/faraktinov.ru\/notes\/user\/userpic@2x.jpg?1706624840", "author": { "name": "Константин Фарактинов", "url": "http:\/\/faraktinov.ru\/notes\/", "avatar": "http:\/\/faraktinov.ru\/notes\/user\/userpic@2x.jpg?1706624840" }, "items": [ { "id": "31", "url": "http:\/\/faraktinov.ru\/notes\/all\/school-2nd-stage-tasks\/", "title": "Школа стажёров: задания второй ступени", "content_html": "

Продолжаю публиковать посты пяти-семилетней выдержки.<\/i><\/p>\n

В прошлой заметке о Школе стажёров<\/a> (ныне Школа дизайнеров), я писал об эволюции студенческих работ и желании в ней поучаствовать, показав свои решения. Скорее всего, за 7 лет задания поменялись, и этот контент теперь имеет лишь историческую ценность. Ну да ладно.<\/i><\/p>\n

Публикую некоторые работы с оценками и комментариями. Оставил только то, что показалось полезным или интересным.<\/p>\n


\n<\/a>
\n

Проектирование сайта<\/h2><\/a><\/p>\n

Илья Бирман: «Слишком большие поля, недостаточно крепкости конструкции в этажах <...> Нижний отзыв отвалился»<\/p>\n

\n\n\n\n\n
Знание теории<\/td>\n4<\/td>\n<\/tr>\n
Полезное действие<\/td>\n4<\/td>\n<\/tr>\n
Выразительность<\/td>\n4<\/td>\n<\/tr>\n<\/table>\n<\/div>\n


\n<\/a>
\n

Вёрстка сложного документа<\/h2><\/a><\/p>\n

Нужно было красиво и логично оформить страницу с договором. Текст длинный и однородный, поэтому главный лайфхак здесь — верстать сразу в ХТМЛ. Фотошоп понадобится только чтобы нарисовать шапку и подвал.<\/p>\n

\n\n\n\n
Вёрстка<\/td>\n4,8<\/td>\n<\/tr>\n
Логика<\/td>\n4,2<\/td>\n<\/tr>\n<\/table>\n<\/div>\n


\n<\/a>
\n

Информационный текст и верстка многоэтажной веб-страницы<\/h2><\/a><\/p>\n

Два задания связаны друг с другом. Сначала делаем страницу для Ильяхова, на первом месте текст и смысл. Потом допиливаем то, что получилось, для Нозика, но теперь оценивается вёрстка.<\/p>\n

Максим Ильяхов:<\/p>\n

\n\"\"\n<\/div>\n

Михаил Нозик: «Увы, некоторым этажам недостаёт большей плотности. Сравните последний этаж с остальными. В последнем — железная структура и уверенность, в остальных — гуляющие якорные объекты и равновеликие иллюстрации.»<\/p>\n

\n\n\n\n\n
Ильяхов<\/b><\/td>\n<\/td>\n<\/td>\nНозик<\/b><\/td>\n<\/tr>\n
Ум<\/td>\n4<\/td>\n<\/td>\nТехника<\/td>\n3<\/td>\n<\/tr>\n
Сердце<\/td>\n4,5<\/td>\n<\/td>\nВыразительность<\/td>\n3,5<\/td>\n<\/tr>\n<\/table>\n<\/div>\n


\n<\/a>
\n

Продающая страница<\/h2><\/a><\/p>\n

Было два варианта на выбор: книга и барабанная установка в вымышленных онлайн-магазинах. Я выбрал первое.<\/p>\n

Ильяхов:<\/p>\n

<\/p>\n

\n\n\n\n
Ум<\/td>\n4,5<\/td>\n<\/tr>\n
Сердце<\/td>\n4,5<\/td>\n<\/tr>\n<\/table>\n<\/div>\n

Решение задач<\/h2>\n

Нужно было придумать, как улучшить чайник, используя три принципа некой трансдисциплины по «дизайну всего», которую Артём Горбунов разрабатывает много лет.<\/p>\n

Моё решение:<\/p>\n

\n\"\"\n<\/div>\n

Тут пригодились навыки в 3д-графике. Хорошо иметь возможность красиво проиллюстрировать любую свою идею и не зависеть от картинок из интернета. Многим другим студентам пришлось собирать макеты из того, что удалось найти, поэтому на общем фоне моя работа выглядела неплохо. Хотя на оценку это не повлияло.<\/p>\n

Забавно, что за «Минимизацию конструкции» треть группы получила двойки и двойки с плюсом, я в том числе. Комментарий Горбунова:<\/p>\n

<\/p>\n

Пожалуй, соглашусь с Артёмом. Невнимательным людям (например, тем, кто пишет чужие фамилии с ошибками :) я бы такой чайник не рекомендовал.<\/p>\n

\n\n\n\n\n
Максимизация<\/td>\n4<\/td>\n<\/tr>\n
Минимизация<\/td>\n2<\/td>\n<\/tr>\n
Противоречие<\/td>\n4,5<\/td>\n<\/tr>\n<\/table>\n<\/div>\n

<\/p>\n

Все работы сделаны в Школе стажёров бюро<\/a><\/small><\/p>\n", "date_published": "2023-10-09T17:04:01+00:00", "date_modified": "2023-11-04T18:57:06+00:00", "image": "http:\/\/faraktinov.ru\/notes\/pictures\/knigoed-preview.jpg", "_date_published_rfc2822": "Mon, 09 Oct 2023 17:04:01 +0000", "_rss_guid_is_permalink": "false", "_rss_guid": "31", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "http:\/\/faraktinov.ru\/notes\/pictures\/knigoed-preview.jpg", "http:\/\/faraktinov.ru\/notes\/pictures\/knigoed.jpg", "http:\/\/faraktinov.ru\/notes\/pictures\/tesla-ilyahov.png", "http:\/\/faraktinov.ru\/notes\/pictures\/gorbunov-teapot.jpg" ] } }, { "id": "42", "url": "http:\/\/faraktinov.ru\/notes\/all\/readymag2\/", "title": "Редимаг — всё так же плохо", "content_html": "

Я написал эту заметку в 2018 году, а потом зачем-то удалил. Недавно перечитал и понял, что за четыре года мало что изменилось: только первый пример потерял актуальность, и набрал популярность Ноушен, который ещё хуже. Так что публикую заново.<\/i><\/p>\n

Не понимаю, откуда в дизайнерско-редакторском сообществе такая любовь к Редимагу. Может в нем и удобно верстать (я не пробовал), но на выходе получается громоздкий и неповоротливий монстр.<\/p>\n

Все редимаговские сайты открываютя одинаково: сначала браузер думает пару секунд, потом появляются цветные плашки, затем в случайном порядке подгружаются изображения и куски текста. Бывает, последние элементы дорендериваются уже когда успел досмотреть до середины. Вот как обычная страница с буквами и картинками может грузиться несколько секунд и тормозить на топовом железе?! Ладно бы графика, но даже простой текст отображается не сразу!<\/p>\n

Для примера — страница с сайта про школу Горбунова<\/s> рандомная страница<\/a>, собранная в конструкторе. Засеките, сколько будут подгружаться несколько абзацев текста с картинками.<\/p>\n

И сравните с последним сайтом Бирмана<\/a> [на тот момент], на котором контента столько же, но при этом всё загружается и реагирует моментально.<\/p>\n

Типичный редимаговский сайт на русском — это пара страниц с рассказом о чем-то и иллюстрациями. Научиться делать такое можно за пару вечеров, посмотрев вебинары Ильяхова, и навсегда перестать зависеть от конструкторов с их мутными лицензиями и тарифами.<\/p>\n", "date_published": "2022-10-22T11:34:09+00:00", "date_modified": "2023-01-06T18:45:50+00:00", "_date_published_rfc2822": "Sat, 22 Oct 2022 11:34:09 +0000", "_rss_guid_is_permalink": "false", "_rss_guid": "42", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [] } } ], "_e2_version": 3877, "_e2_ua_string": "E2 (v3877; Aegea)" }