[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "create", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-158433683", "adfox_url": "//ads.adfox.ru/228129/getCode?p1=bxbwd&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid21=&puid22=&puid31=&fmt=1&pr=" } } ]
{ "author_name": "Редакция vc.ru", "author_type": "self", "tags": ["w_o_s","\u0432\u043e\u0441","\u0432\u043e\u043a\u0440\u0443\u0433_\u043e\u0433\u0440\u043e\u043c\u043d\u0430\u044f_\u0441\u0442\u0440\u0430\u043d\u0430"], "comments": 25, "likes": 20, "favorites": 0, "is_advertisement": false, "section_name": "default", "id": "5426" }
Редакция vc.ru
11 765

Перезапуск w-o-s.ru: Команда сделает общедоступной свою систему для вёрстки статей

21 октября перезапустилось известное в Рунете издание w-o-s.ru, которое теперь превратилось в «портал о России». Команда разработчиков сайта представила новую версию CMS — в ближайшее время она станет открытым инструментом, так что с ее помощью любой желающий сможет создать собственный сайт. Отдел разработки ВОС рассказал, чего ждать от нового сайта и его открытой админки.

За два с половиной года существования портал W→O→S успел надоесть всем, и, в первую очередь, самой редакции. Сайт пережил пять редизайнов, но так и не определился с тематикой, продолжая писать обо всем и ни о чем и, к тому же, раздражая читателей отсутствием нормальной мобильной версии.

Дальше так продолжаться не могло: 20 октября стал последним днем в истории W→O→S. На его место приходит ВОС: теперь название сайта расшифровывается как «Вокруг огромная страна».

Новый ВОС — это попытка осмыслить то, что в последнее время стало невозможно игнорировать: пространство, в котором мы родились и, по большей части, живем и сейчас. Слово «Россия» сегодня нельзя произнести безоценочно — без нотки надрывного патриотизма или желания опустить глаза в пол. ВОС смотрит на это под другим углом: вне всякой идеологии портал будет рассказывать о русской истории, языке и литературе, современных реалиях и, конечно, всякой дичи, без которой сложно представить жизнь в России.

Цель проекта — дать каждому читателю инструмент для того, чтобы он мог выстроить свое отношение к родной культуре и освоиться в непростых и часто нелепых условиях русской жизни, основываясь на знании, а не на слепой уверенности в своей правоте. При этом, несмотря на такой серьезный посыл, редакция обещает, что, повзрослев, ВОС не снизит градус абсурда и останется при своем ироничном взгляде на вещи и внимании к визуальной стороне подачи информации.

Поскольку концепция изменилась полностью, сайту потребовался новый дизайн и техническое обеспечение сайта. Для перезапуска разработчики переписали ВОС с нуля. Во-первых, для новой концепции и нового контента потребовалась другая оболочка. Во-вторых, редакции хотелось отойти от жесткой связки «день публикации» — «материал» и начать более гибко наполнять сайт. Наконец, нужно было протестировать новую CMS в боевых условиях, чтобы оценить ее потенциал как открытого сервиса для верстки.

В новой админке разработчики стремились перенести инструменты десктопной верстки в Сеть, при этом прикрутив к ним интерактивные элементы. С самого начала команда разработки w-o-s.ru старалась избавить дизайнеров от существующих ограничений блочной и табличной верстки.

Для этого каждую статью приходилось верстать вручную — с чистого листа. Но поскольку это отнимало очень много времени, разработчики решили полностью переосмыслить процесс управления контентом, чтобы дать дизайнерам возможность самим верстать посты любой сложности — как с сеткой, так и без.

Для начала пришлось научить CMS располагать любую единицу контента в нужном месте на странице. Затем — сделать так, чтобы блоки реагировали на поведение пользователя. К этому добавились эффекты, ранее доступные только программистам: параллакс, динамическое изменение при скроллинге и перемещении курсора. Разработчики даже придумали собственный формат для покадровой анимации, так как гифы, которые на W→O→S так любили в начале пути, — инструмент слишком негибкий и тяжелый для трафика. А наш формат позволяет любой набор картинок превратить в анимацию с любой частотой кадров — и это позволяет, например, безболезненно встроить в процесс дизайна статьи AfterEffects, делать анимированные .png и прочие радости.

Конечно, в такой работе много сложностей. Довольно нелегко обеспечить корректное отображение такой верстки во всех браузерах и при любом разрешении экрана, и особенно автоматически переводить статьи, в которых куча объектов с абсолютным позиционированием и интерактивных деталей, в мобильную версию.

Ну, и самая сложная задача при редизайне — адаптировать старые материалы, которых за время существования ресурса накопилось, мягко говоря, немало. Тем не менее, разработчики ВОС не боятся трудностей и обещают, что в скором времени каждый сможет оценить все преимущества такого сервиса для веб-верстки.

CMS прижился в редакции и проходит тут обкатку, но мы уже готовим отдельный интерфейс, который будет располагаться по другому адресу и который даст возможность каждому человеку попробовать новую CMS в деле. Она не слишком проста — вряд ли ей будут пользоваться, чтобы оформить колонку текста или простенькую фотоисторию — первая версия этого продукта больше подойдет дизайнерам, которым не хватает инструментов, чтобы воплощать свои идеи, а в код лезть нет времени. Исходя из того, кто будет пользоваться сервисом и каким будет фидбек, мы решим, в какую сторону стоит изменять продукт — где упрощать, а где усложнять.

Основные инструменты открытой админки будут доступны бесплатно, а полную мощность сервиса (например, для создания полноценного онлайн-медиа) можно будет испытать на договорных условиях.

#W_O_S #вос #Вокруг_огромная_страна

Популярные материалы
Показать еще
{ "is_needs_advanced_access": false }

Комментарии Комм.

0 новых

Популярные

По порядку

Прямой эфир

Команда калифорнийского проекта
оказалась нейронной сетью
Подписаться на push-уведомления