Подкаст SitePoint № 190: Проекты с открытым исходным кодом с Дэйвом Рупертом

Дэйв: Да. FitText является отличным примером. Однажды Трент Уолтон переделывает свой блог. Он отзывчив, и если вы были в блоге Трента Уолтона, вы знаете, что каждая тематическая статья разработана специально, и он убил бы меня, если бы услышал, как я это говорю, но это что-то вроде макета в стиле блога?
Каждая публикация направлена ​​на искусство, или каждая художественная публикация направлена ​​на искусство, и он смотрел на отзывчиво и просто говорил: «Эй, это было бы здорово. Я хочу попробовать реагировать, но у меня есть все эти заголовки и вещи, которые полностью на заказ. Они используют буквы. У них большой веб-шрифт плюс графический, а иногда они просто графические и немного текста ».

Он хотел, чтобы масштабирование титров было таким же, как, Господи, прости меня, Flash, и как можно поместить векторный текст во Flash, просто масштабируя его до ширины Flash-фильма. Он спросил меня об этом, и я просто сказал: «Не знаю, чувак. Я думаю, что это тяжело ». В то время были вещи. Зак Leatherman, zachleat в твиттере, у него был плагин, или он до сих пор делает это, называется большой текст, и он как бы точно заполняет родительский контейнер.

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

Кевин: Точно.

Дэйв: Мы хотели получить свободную форму просто масштабируемого текста. Я просто думал об этом, и я попробовал несколько вещей, но затем примерно через час я придумал что-то, что сработало. Это было основанное на соотношении изменение размера. Это было до того, как вышла книга Этана Маркотта «Адаптивный веб-дизайн», но, очевидно, после публикации. До того, как вышла его книга, какой вид тщательного управления этой целью, разделенной на контекст, равен результату. FitText много работает на основе этого.
Это своего рода предопределенное отношение, с которым вы работаете, но в основном это изменение размера на основе отношения. По умолчанию он составляет одну десятую родительского контейнера. Если я еще не скучаю по вашим слушателям, я закончу.

Кевин: Нет. Это действительно очень хорошая вещь, потому что я много раз думаю в сообществе, по крайней мере, из моего личного опыта, верно? Я буду работать над чем-то, и я подумаю: «Почему кто-то еще хочет использовать то, над чем я работаю», верно? Таким образом, чтобы получить полную историю, я думаю, что это важно, потому что, когда вы просто смотрите на что-то и говорите: «О, это успешно», тогда вы не чувствуете, что можете соответствовать, потому что вы не знаете, что произошло. ,
Поэтому, когда вы можете просмотреть историю и рассказать о том, что для этого потребовалось, и о причинах, по которым вы это сделали, и о том, как вы использовали плагины других людей, как вы говорили, я думаю, что это так важно для всего контекста всего. Потому что, когда вы говорите о коде, люди понимают: «О, я все еще должен написать код».
Итак, есть этот технический процесс, который мы должны пройти. Это похоже на то, что ваши плагины Dave Rupert и jQuery вырываются из вашего мозга и прямо на экран, верно? Есть нечто, что должно произойти, и это называется кодом.

Дэйв: Да.

Кевин: Это то, что вы анализируете, верно?

Дэйв: Да.

Кевин: Такие вещи, как разделение целевого атрибута равно результат или что-то еще, это важная часть головоломки, которую мы не можем оставить без внимания. Очевидно, это может показаться скучным, если вы не программист, если вы дизайнер и все, что вас волнует, — это создание графики для Photoshop. И вы просто ненавидите нас, ребята из кода, потому что мы говорим, что вы не можете повернуть текст на 3%, потому что он не будет работать во всех браузерах. Я чувствую, что то, о чем ты говоришь, не скучно, поскольку дает нам полную картину. Таким образом, вы должны пройти через этот код, верно?

Дэйв: Да. Полагаю, вам нужна веская причина для разработки какого-либо плагина или какого-либо открытого источника, который вы выпускаете. Так что это было наше, просто мы хотели такого рода, немного более масштабного, как изменение размера. Примерно через час у меня была действительно грубая версия, и я отправил ее Тренту, и он бросил его. Просто я сделал его плагином, и он бросил его, указал на его заголовки, и это сработало , Мы были похожи: «Эй, эй, эй. Я думаю, что у нас здесь что-то есть ». Потому что на этом этапе действительно супермасштабирование текста с помощью веб-шрифтов не было чем-то особенным.

Кевин: Точно.

Дейв: Как я уже говорил, подключаемый модуль Зака ​​делает это, но он был разработан прямо перед адаптивным веб-дизайном, когда он его создавал. Так что это было очень похоже на фиксированную ширину, и мы действительно хотели такого масштабирования текста, как вектор.