Rose debug info
---------------

Array
(
    [1:n4048] => Array
        (
            [title] => Курс Игоря Штанга «Типографика и вёрстка»
            [relevance] => 21.992914660908
            [trace] => Array
                (
                    [keyword верстк] => Array
                        (
                            [0] => 20
                        )

                    [fulltext верстк] => Array
                        (
                            [0] => 1.9929146609075: match at positions [7, 180, 370, 407]
                        )

                )

        )

    [1:n4392] => Array
        (
            [title] => Вёрстка неформатированного текста
            [relevance] => 21.992914660908
            [trace] => Array
                (
                    [keyword верстк] => Array
                        (
                            [0] => 20
                        )

                    [fulltext верстк] => Array
                        (
                            [0] => 1.9929146609075: match at positions [2, 47, 97]
                        )

                )

        )

    [1:n878] => Array
        (
            [title] => Табличная вёрстка рулит
            [relevance] => 21.992914660908
            [trace] => Array
                (
                    [keyword верстк] => Array
                        (
                            [0] => 20
                        )

                    [fulltext верстк] => Array
                        (
                            [0] => 1.9929146609075: match at positions [5, 23, 53, 77]
                        )

                )

        )

    [1:n5481] => Array
        (
            [title] => Недели 11—25 окт: Трактор, Амстердам, презервативы, эсцет, эплокопирайтинг и вёрстка в интерфейсе
            [relevance] => 21.494685995681
            [trace] => Array
                (
                    [keyword верстк] => Array
                        (
                            [0] => 20
                        )

                    [fulltext верстк] => Array
                        (
                            [0] => 1.4946859956807: match at positions [70, 157]
                        )

                )

        )

    [1:n5194] => Array
        (
            [title] => Курс Миши Нозика о типографике и вёрстке
            [relevance] => 20.996457330454
            [trace] => Array
                (
                    [keyword верстк] => Array
                        (
                            [0] => 20
                        )

                    [fulltext верстк] => Array
                        (
                            [0] => 0.99645733045377: match at positions [10]
                        )

                )

        )

    [1:n2035] => Array
        (
            [title] => Глядя на табличную вёрстку
            [relevance] => 20.996457330454
            [trace] => Array
                (
                    [keyword верстк] => Array
                        (
                            [0] => 20
                        )

                    [fulltext верстк] => Array
                        (
                            [0] => 0.99645733045377: match at positions [5]
                        )

                )

        )

    [1:n5366] => Array
        (
            [title] => На интерфейсном курсе: сверхплотная упаковка шапки таблицы и вёрстка карманного словаря
            [relevance] => 20.996457330454
            [trace] => Array
                (
                    [keyword верстк] => Array
                        (
                            [0] => 20
                        )

                    [fulltext верстк] => Array
                        (
                            [0] => 0.99645733045377: match at positions [36]
                        )

                )

        )

    [1:n2314] => Array
        (
            [title] => Пара слов о валидной вёрстке
            [relevance] => 20.996457330454
            [trace] => Array
                (
                    [keyword верстк] => Array
                        (
                            [0] => 20
                        )

                    [fulltext верстк] => Array
                        (
                            [0] => 0.99645733045377: match at positions [25]
                        )

                )

        )

    [1:n5987] => Array
        (
            [title] => На интерфейсном курсе: комментирую вёрстку окна
            [relevance] => 20.996457330454
            [trace] => Array
                (
                    [keyword верстк] => Array
                        (
                            [0] => 20
                        )

                    [fulltext верстк] => Array
                        (
                            [0] => 0.99645733045377: match at positions [7]
                        )

                )

        )

    [1:n5750] => Array
        (
            [title] => На интерфейсном курсе: упорядочиваем вёрстку формы
            [relevance] => 20
            [trace] => Array
                (
                    [keyword верстк] => Array
                        (
                            [0] => 20
                        )

                )

        )

    [1:n5430] => Array
        (
            [title] => На интерфейсном курсе: как работает автоматическая вёрстка рекомендаций в будущей Эгее 2.10
            [relevance] => 20
            [trace] => Array
                (
                    [keyword верстк] => Array
                        (
                            [0] => 20
                        )

                )

        )

    [1:n5830] => Array
        (
            [title] => На интерфейсном курсе: меняем табы на переключалку и настраиваем вёрстку
            [relevance] => 20
            [trace] => Array
                (
                    [keyword верстк] => Array
                        (
                            [0] => 20
                        )

                )

        )

    [1:n5549] => Array
        (
            [title] => Египетская вёрстка, факап с Доком Биг Сура, разбор дизайна круга наследования по закону
            [relevance] => 20
            [trace] => Array
                (
                    [keyword верстк] => Array
                        (
                            [0] => 20
                        )

                )

        )

    [1:n5475] => Array
        (
            [title] => Вёрстка и иллюстрации из Амстердама
            [relevance] => 20
            [trace] => Array
                (
                    [keyword верстк] => Array
                        (
                            [0] => 20
                        )

                )

        )

    [1:n1499] => Array
        (
            [title] => Вёрстка под Safari
            [relevance] => 20
            [trace] => Array
                (
                    [keyword верстк] => Array
                        (
                            [0] => 20
                        )

                )

        )

    [1:n6188] => Array
        (
            [title] => Фрагменты интерфейсного курса (1—50)
            [relevance] => 1.9929146609075
            [trace] => Array
                (
                    [fulltext верстк] => Array
                        (
                            [0] => 1.9929146609075: match at positions [239, 255, 458]
                        )

                )

        )

    [1:n876] => Array
        (
            [title] => Как я верстал C-Airlaid
            [relevance] => 1.9929146609075
            [trace] => Array
                (
                    [fulltext верстк] => Array
                        (
                            [0] => 1.9929146609075: match at positions [88, 147, 383]
                        )

                )

        )

    [1:n5436] => Array
        (
            [title] => Эгея 2.10 альфа для авантюристов
            [relevance] => 1.9929146609075
            [trace] => Array
                (
                    [fulltext верстк] => Array
                        (
                            [0] => 1.9929146609075: match at positions [344, 385, 441, 466, 484, 577, 2362]
                        )

                )

        )

    [1:n3787] => Array
        (
            [title] => Книга Владимира Кричевского «Типографика в терминах и образах»
            [relevance] => 1.9929146609075
            [trace] => Array
                (
                    [fulltext верстк] => Array
                        (
                            [0] => 1.9929146609075: match at positions [515, 540, 904]
                        )

                )

        )

    [1:n5535] => Array
        (
            [title] => Эгея 2.10 бета
            [relevance] => 1.9929146609075
            [trace] => Array
                (
                    [fulltext верстк] => Array
                        (
                            [0] => 1.9929146609075: match at positions [123, 127, 319]
                        )

                )

        )

)

Курс Игоря Штанга «Типографика и вёрстка»

Сходил на курс Игоря Штанга «Типографика и вёрстка», остался доволен. · Поиск новых способов вёрстки, разрешающих эти проблемы, и привёл в конечном итоге к появлению швейцарского стиля. · «Простая и сложная вёрстка».

Вёрстка неформатированного текста

Первый навык вёрстки, который должен приобрести дизайнер — использование неформатированного текста. · В то же время, самый важный инструмент вёрстки — это отступы. · Поэтому рекомендую вёрстку неформатированного текста в качестве первого упражнения всем, кто осваивает дизайн.

Табличная вёрстка рулит

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

Недели 11—25 окт: Трактор, Амстердам, презервативы, эсцет, эплокопирайтинг и вёрстка в интерфейсе

Тэфи и Муз-ТВ, контролёр и контроллер, сет Йориса Ворна и комментарий к тому, что именно он делает 08:35 Дебильный статус «В разводе», фрагмент табличной лекции, последовательное волшебство 11:59 Фотопост — вёрстка и иллюстрации из Амстердама 14:05 Инстаграм. · Справочник 21:42 Очень длинное тире, как подобрать шрифтовую пару, наша питерская схема метро 22:48 Банерная слепота на сайте «Победы», супердомофон, фотопроект «Чёрный — это цвет» 24:05 Как вёрстка неизбежно нужна при дизайне интерфейса и доклад про интерфейсные анимации

Курс Миши Нозика о типографике и вёрстке

Миша Нозик в этом году запустил курс о типографике и вёрстке, а я на него сходил.

Глядя на табличную вёрстку

Иной раз, глядя на табличную вёрстку, div’у даёшься!

На интерфейсном курсе: сверхплотная упаковка шапки таблицы и вёрстка карманного словаря

0:00 Фокус в таблице: залезаю заголовком одной колонки на территорию другой, чтобы всё компактнее уместилось 2:08 Пример вёрстки с переносом наверх их карманного словаря Почитать о курсе

Пара слов о валидной вёрстке

Валидная вёрстка может являться самоцелью в случае, когда она доставляет удовольствие верстальщику, греет его душу, лелеет его нежные чувства.

На интерфейсном курсе: комментирую вёрстку окна

Объясняю по элементам, что не так с вёрсткой, почему она выглядит не очень.

На интерфейсном курсе: упорядочиваем вёрстку формы

В теории форм интерфейсного курса одна из мыслей такая: просто внешняя опрятность формы сильно влияет на ощущение простоты. А оно в свою очередь важно для конверсии.

На интерфейсном курсе: как работает автоматическая вёрстка рекомендаций в будущей Эгее 2.10

Сегодня срыв покровов — показываю кое-что из-под капота Эгеи 2.10. Пришло время выложить очередной фрагмент моего онлайн-курса, а там я рассказывал ребятам, как Эгея 2.10 автоматически верстает этаж рекомендаций (это то, что последние пару месяцев вы видите тут под заметками).

На интерфейсном курсе: меняем табы на переключалку и настраиваем вёрстку

Участник нарисовал аккуратный интерфейс заправки. Но мы делаем его ещё лучше, меняя некоторые мелочи.

Египетская вёрстка, факап с Доком Биг Сура, разбор дизайна круга наследования по закону

Древний логотип, дырявый Док и дизайн-делёжка наследства. Обзор недели 27 декабря 2020 — 3 января 2021 года:

Вёрстка и иллюстрации из Амстердама

В фотках из Амстердама осталась ещё всякая бумажная красота. Газеты:

Вёрстка под Safari

Вопрос: а как пользователю PC посмотреть, корректно ли отображается сайт в Safari? Есть ли какие-то браузеры под PC на том же движке?

Фрагменты интерфейсного курса (1—50)

Упорядочиваем вёрстку формы · Сверхплотная упаковка шапки таблицы и вёрстка карманного словаря · Как работает автоматическая вёрстка рекомендаций в будущей Эгее 2.10

Как я верстал C-Airlaid

Думаю, очевидно, что имеется в виду вёрстка в три колонки, т. е. · Итак, нам нужно сделать просто трёхколоночную вёрстку. · Я специально повторил эту вёрстку для «упрощенной задачи», причём вотнул стили прямо в HTML, чтобы интересующиеся могли не сильно напрягаясь посмотреть, что да как.

Эгея 2.10 альфа для авантюристов

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

Книга Владимира Кричевского «Типографика в терминах и образах»

Закрытая и открытая вёрстка. · Традиционная типографика более склонна к закрытой вёрстке (картинка между этажами текста). · Многоколонная вёрстка.

Эгея 2.10 бета

в перебивки больше не попадают те заметки, которые и так есть в основном потоке этой страницы, а также повышено разнообразие вёрстки перебивок; улучшена мобильная вёрстка; · вёрстку рекомендаций, в том числе на мобиле, что она не ломается ни в каких заметках;