Статьи

Найти смысл в вашей интернет-карьере с Матом Маркизом

В этом эпизоде ​​Show Versioning Show Тим и Дэвид беседуют с Mat Marquis, веб-дизайнером, хорошо известным своей работой над адаптивными изображениями, редизайном Boston Globe и запросами CSS-контейнеров. В этом руководстве автостопом по началу веб-карьеры Мэт рассказывает о веб-стандартах, создании себе имени в Интернете и поиске смысла в своей веб-карьере.

Показать заметки

Шоу Версионирования с Матом Маркизом

расшифровка

Тим:

Эй, как дела, это Тим Эвко …

Дэвид:

… а это М. Дэвид Грин …

Тим:

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

Дэвид:

Итак, давайте продолжим и начнем эту версию.

Тим:

Сегодня у нас есть специальный гость, Мат Маркиз. Мэт, как дела?

Мат:

Хорошо, хорошо, рад быть здесь.

Тим:

Итак, для любого из наших слушателей, которые не знают, кто вы, не могли бы вы рассказать нам немного о себе?

Мат:

Конечно, я инженер по открытым веб-технологиям в Bocoup . Я главный создатель шума для группы сообщества Responsive Issues — под этим я подразумеваю, что я не очень умный или ужасно талантливый, но я очень громкий, и это во многом моя роль в этой группе. Я сделал пару аппартов «Событие» , у меня выходит книга, которую я сейчас точно не упомянул… но будьте в поиске того, что я никогда не поднимал! Да, я занята

Дэвид:

Ну, ты не упомянул свою книгу, но я думаю, что мы будем просить тебя еще об этом. Но прежде чем мы перейдем к этому, один вопрос, который мы хотели бы задать каждому из наших гостей, поскольку это «Шоу по версионированию»: какая у вас текущая карьера и почему?

Мат:

О мальчик, о человек, это загруженный вопрос.

Я думаю, что началом карьеры была, по крайней мере, вторая версия меня лично. В карьере мне должно быть четыре или пять — я имею в виду, это похоже на вечную бета-версию Gmail, я думаю. Но, по крайней мере, версия работает со временем.

Дэвид:

Мне нравится это — вечная бета-версия Gmail. Я думаю, что в некотором смысле мы все в этой вечной бета-версии Gmail.

Мат:

Я живая версия с исправлением ошибок: очень мало функций; сломано много вещей, которые со временем сломались.

Тим [1:55] :

Так что это очень интересно. Вы хотите немного рассказать о том, как вы начали карьеру в веб-разработке?

Мат:

Да, я пошел по довольно традиционному маршруту, а именно через веб-разработку путем автостопа, после неудачной карьеры в профессиональной столярной промышленности — что, я думаю, является довольно типичной историей для большинства из нас. Да, мне было за двадцать … Это так давно, я почти забыла.

Я начал в столярной мастерской. Вид снизу выпал из-под этого, так что я попал в розничную продажу на пару лет, и это были просто вершины! [кричащий тон] Я был линейным поваром пару раз; Я был вышибал на одну злополучную смену. В конце моей карьеры (в розничной торговле) я работал в одной из тех кабинок для мобильных телефонов в торговом центре, где они кричат ​​на вас, когда вы проходите мимо: « Эй, у нас есть бесплатные телефоны Razr!

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

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

И я путешествовал автостопом по восточному побережью около двух месяцев. Я попадаю туда и в итоге создаю веб-сайт для женщины, с которой он встречался в то время, потому что она была похожа на … Вы знаете компьютеры и все такое, верно?

И я вроде как, ну, я некоторое время работал в CompUSA, занимаясь продажами, так что я могу печатать, да. И, не могли бы вы сделать мне сайт?

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

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

Некоторое время работал с некоторыми сайтами из Craigslist. Я не связывался с ними, я просто прочитал описание, собрал его и выбросил. Просто жить на немного денег, которые я зарабатывал с сайта, который я построил во Флориде.

Давид [4:28] :

Это интересно. Итак, с точки зрения ваших технических навыков, вы в значительной степени или полностью самоучка?

Мат:

Полностью, да, нет степени, нет ничего. Пара книг О’Рейли.

Дэвид:

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

Мат:

Это также нетрадиционно, в моем случае. После того, как несколько претендентов выступили на Craigslist, я начал брать пару за деньги, и они были похожи — установить этот скрипт PHP и т. Д.

Один из них был одним из таких же; это было похоже на пару часов работы, и они связались со мной после свершившегося факта и сказали: — Кажется, ты вроде младшего уровня, ты ищешь стажировку для школьного кредита?

И я сказал, конечно, да, моя школа хотела бы, чтобы вы дали мне стажировку для зачета в той школе, которую я не посещаю.

[Смех]

Так что да, я пробыл там около трех месяцев, и в конце концов они были похожи — разве мы не должны были что-то подписывать — не было ли каких-то документов?

И я сказал: « Да, нет — насчет этого, это была ложь. Хотите нанять меня на что-нибудь?

И они сказали: Да, хорошо, конечно. Это сработало, так почему бы и нет?

Тим:

Смелая стратегия.

Мат:

Да, это большая глупая удача. Итак, я был там пару лет. Внештатный на пару лет. Группа накаливания на пару лет. А теперь для Beaucoup — я не знаю — полтора года.

Тим [6:00] :

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

Вы хотите немного поговорить об этом, и что вас поддерживает в этом отношении?

Мат:

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

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

Все эти вещи такие новые, и все были отовсюду, и это было похоже, знаете, может быть, это так. Может быть, я смогу устроиться на работу к столу. Может быть, я могу сделать имя из этого, и, оглядываясь назад, я переусердствовал. У меня было 14 часов в сутки, я ломал спину, и тонна этого была привилегией, а тонна удачей, но я оказался в довольно приличном месте. Итак, первое значение, которое я взял из всего этого, было то, что я собираюсь сделать это где-то, я собираюсь доказать, что мое воспитание неправильно каким-то образом.

Но как только вы начинаете делать хорошо, это сразу исчезает, и у вас ничего нет, вы просто печатаете восемь часов в день. Так что в этот момент стало … Что я собираюсь делать с этим? Что стоит делать с этим? Теперь, когда у меня есть немного платформы, теперь, когда я могу немного шуметь, и люди будут слушать меня каждый раз так часто, что стоит делать здесь?

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

Давид [9:21] :

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

Мат:

Примерно в то же время я начал интересоваться этим. Это похоже на то направление, в котором я хочу развиваться, это похоже на направление, в котором я хочу идти лично, в плане карьеры. Но большую часть этого я узнал в Filament Group. Итак, я появился там, и это было здорово.

Я пошел на собеседование, и Джон Резиг сидел в двух футах от меня и ел саблю фрикадельки, так что я огорчен, и я вроде [шепотом] тоже делаю jQuery!

[Смех]

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

Мы все нацелены на доступность, мы все нацелены на прогрессивное улучшение, а затем, немного позже, на адаптивные вещи. Именно тогда я немного поработал в команде jQuery UI. Я проделал большую работу для команды jQuery Mobile, а затем, в конце концов, мы оказались на сайте Boston Globe, который был большим — эй, мы доказываем, что отзывчивый может работать на крупномасштабном сайте. Это привело к — окольным путям — целым усилиям по созданию адаптивных изображений, потому что тогда мы только начали думать о более разумной доставке активов.

Мы выяснили, как сделать его эластичным, но как сделать контекст активов соответствующим?

Дэвид [11:02] :

Можете ли вы рассказать мне немного больше об этом? Потому что многие люди слышали об адаптивной веб-разработке, адаптивном веб-дизайне в целом. Адаптивные изображения могут быть термином, с которым некоторые люди не так знакомы.

Мат:

Да, это довольно новые вещи. Вернемся к работе над глобусом, с точки зрения создания растянутого изображения — очень легко. Вы знаете, max-width: 100% , и затем он идет от любого размера, который ему нужен, чтобы перейти к любому другому размеру и должен идти.

Но даже в «Глобусе» этот универсальный подход не помог.

Дэвид:

Ну, я думаю, они должны были поддерживать Internet Explorer 6, чтобы это не сработало.

Мат:

Да, мы поддержали сумасшедшее количество материала в этом проекте — в основном случайно, что всегда приятно.

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

Итак, мы придумали — я назову это хаком, вместо того, чтобы называть его скриптом, — который использовал разделительные GIF-файлы и cookie (не ври!) Для обмена изображениями в зависимости от их контекста. Он начинался с меньшего изображения, а на больших дисплеях менял его на более крупный, а затем устанавливал cookie, говоря: « Всегда передавайте большие изображения».

И он полностью развалился — как сразу после запуска Globe — просто из-за суперагрессивной предварительной выборки в браузерах. Это было похоже на то, что мы не сможем применить какую-либо логику, прежде чем она получит изображения.

В итоге мы сели в группу, и у нас появилось несколько таких людей, как Пол Ирриш, Джейсон Григсби — группа умных людей. И мы начали думать, если бы у нас было для этого решение на основе стандартов, как это могло бы выглядеть? И после недели или двух, когда мы ходили взад и вперед, мы думали: « Эй, я думаю, что у нас здесь довольно солидная идея. Первоначально это был Брюс Лоусон — тот, кто предложил это.

И план состоял в том, что теперь мы передадим это в органы стандартизации, и они будут в восторге от нас!

Дэвид [13:09] :

Конечно! Их двери открыты — они просто ждут, чтобы кто-нибудь вошел и дал им стандарты!

Мат:

Абсолютно! Я считаю, что их девиз придуман в другом месте — их основной стимул.

Так что да, мы идем во всех улыбках — Эй, мы придумали эту вещь!

И они немедленно закрыли нас, это не ваше место, чтобы принести нам решения. Это ваше место, чтобы принести нам проблемы, которые мы можем соизволить, чтобы служить им для вас.

[По иронии судьбы] Я все еще не горько об этом или что-нибудь

[Смех]

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

Мы получили адаптивные изображения в браузере. Таким образом, у нас есть решения для всех проблем, которые мы пытались решить, начиная с проекта Globe и до сих пор. Что это значит — я думаю, что это был Тим Кадлец, который провел исследование на целой куче сайтов — реализация некоторых из этих вещей означала примерно 72% -ую экономию при передаче по ста лучшим сайтам Alexa или что-то в этом роде.

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

Дэвид:

Так что это то, что все еще существует за пределами стандартов, или это то, что, наконец, начинает свой путь к стандартам?

Мат:

100% стандартизировано сейчас. Это объединено со спецификацией HTML5 — я думаю, что обе версии. В настоящее время он полностью поддерживается во всех браузерах, за исключением, я думаю, Microsoft Edge, который обладает большинством функций.

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

Тим [15:20] :

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

Мат:

Конечно. Что касается стандартов , мне трудно сказать: « Конечно, увлекаться стандартами, это очень весело, потому что это не так весело». Но, почти больше, чем у нас растягиваемые изображения, у нас теперь есть своего рода прецедент. За пределами самой Рабочей группы WHAT не было большого прецедента, когда группа разработчиков-единомышленников собралась вместе, начала борьбу и фактически получила некоторую поддержку в веб-стандартах.

Модель группы сообщества не идеальна, но мы кое-что из нее сделали. Если вы понимаете, о чем я? Таким образом, если бы вы были разработчиком стандартов, вы могли бы создать общественную группу, вы могли бы присоединиться к существующей связанной группе сообщества, вы могли бы выйти, вы могли бы действительно вносить изменения и быть услышанными.

WICG — группа сообщества веб-инкубатора — теперь группа сообщества, которая занимается тем, чтобы услышать голоса разработчиков. И у них есть Дискурс форум . Таким образом, вы не заперты в списке рассылки с 1985 года, пытаясь завершить работу. Вы можете присоединиться к этому сайту, получать уведомления по электронной почте и прочее, и это просто форум.

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

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

Давид [17:32] :

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

Мат:

О — поворот пятки, 100%! Я собираюсь превратить супер зла.

[Смех]

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

Дэвид:

Это все будет Java-апплетами для эффектов наведения, верно?

Мат:

Критически важные заставки Flash, насколько видит глаз — это мой план.

Тим:

И это только первый шаг, верно?

Мат:

Да, это доминирование в мировой войне. Все начинается с заставки Flash, а потом я разберусь с остальными.

Ну, нет, я имею в виду, я разговаривал. Как бы мне не хотелось это повторять, я чувствую, что в запросах контейнеров будет выбран новый бой. И мы начали это с группы сообщества Responsive Issues (формально это была группа сообщества Responsive Images). И точно так же, как вы сказали, теперь у нас есть мыльница — теперь, когда в игре немного кожи — не имеет смысла просто собираться и идти домой. У нас растягиваются изображения, давайте теперь откажемся от веб-стандартов, теперь, когда мы приобрели некоторую силу.

Таким образом, план вместо — мы стали группой сообщества Responsive Issues . И поэтому мы вроде как это сделали. Эй, что вас беспокоит? Что мы можем теперь сделать? Теперь, когда мы здесь, теперь, когда нам разрешено сидеть за одним столом, что нам делать?

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

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

И интерес разработчиков очень, очень активен для этого, я бы сказал. Быстрый поиск в Твиттере запросов контейнера — вы собираетесь найти кучу людей вроде Почему у нас этого еще нет?

Но Google официально сказал: «Мы предоставим вам доступ к куче низкоуровневых API-интерфейсов CSS, чтобы вы могли создавать свои собственные вещи для этого». Так что это была почти выжидательная вещь. Это звучит довольно хорошо. У меня есть некоторые проблемы с идеей необходимости JavaScript для обработки CSS, но мне не нужен доступ к этим API, поэтому давайте посмотрим, к чему это приведет.

Тим [20:04] :

Итак, просто чтобы прояснить очень быстро, вы говорите о проекте Гудини ?

Мат:

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

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

Дэвид:

Итак, какой уровень технической сложности вы думаете, что люди должны иметь, прежде чем они достигнут на этом этапе? Вы самоучка, и вы знаете, что эти вещи происходили, и вы должны были изучить то, что вам нужно было знать.

Насколько комфортно людям быть вовлеченными в это?

Мат:

В идеале, у нас есть точное сечение всех уровней квалификации, представленных здесь. Если вы понимаете, о чем я?

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

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

Дэвид:

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

Мат:

Да, конечно, и это то, чем я очень гордился RICG. Имя каждого члена пошло на эту спецификацию. У нас были люди, которые отправляли свои первые запросы на изменение текста, которые вошли в спецификацию HTML5, и это огромно. Сколько возможностей у вас есть для этого?

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

[Смех]

Потому что, опять же, в какой-то момент я стану полным злом и стану безжалостным диктатором RICG.

Но у вас, вероятно, есть пара месяцев, прежде чем это произойдет.

Тим [22:18] :

У тебя есть время.

Итак, Мат, говоря о контейнерных запросах, очень быстро. Слышали ли вы что-нибудь о — полагаю, на данный момент это хитрость — использовать свойство CSS calc и значения min-width / max-width для сортировки поддельных запросов контейнера с помощью CSS?

Мат:

У меня нет .

Тим:

Так что есть интересная техника. Я думаю, что вы можете найти несколько демонстраций CodePen, одну из которых я собираюсь найти и опубликовать в заметках к шоу. Но из того, что я слышал — и я не уверен, является ли это фактическим контейнерным запросом — но я слышал, что вы можете использовать комбинацию свойства CSS calc и значений min-width / max-width чтобы в основном сказать — Я не смогу объяснить это, потому что это слишком сложно для меня, но об этом я слышал. Мне было интересно, слышали ли вы об этом, но я определенно собираюсь опубликовать ссылку на заметки к шоу. И да, это действительно все, что я получил — не очень конструктивно, но это так.

Мат:

Понимаете, чем больше у меня есть такого материала, тем лучше, я думаю.

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

И другое дело, людям нужны пробелы. Таким образом, для отзывчивых изображений, вот как получилось picturefill — где это было, Мы знаем, что вам это нужно сейчас; здесь, используйте это в то же время. Мы также будем использовать это, чтобы доказать, что нам это нужно в более широком смысле.

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

Тим:

Итак, как люди могут найти вас, помочь с вещами и следовать за вами в Twitter?

Мат:

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

Это забавная история. Напишите мне в Твиттере, и я расскажу вам. Кроме этого, я — Вилто на GitHub, Вилто почти везде. Это даже не слово, поэтому его легко найти. Но да, я бы сказал, если кто-то захочет, чтобы я ухватился за то, чтобы поговорить о каких-нибудь стандартных вещах — о чем-либо, что мы сегодня здесь обсудили — @wilto в Twitter.

Давид [24:49] :

Фантастический. Большое спасибо за то, что присоединились к нам и поделились всем этим с нашими слушателями. Я думаю, что мы все многому научились сегодня.

Мат:

Я ценю, что ты меня.


Дэвид:

Тим, это было действительно потрясающее интервью. И я думаю, что у вас есть преимущество передо мной, потому что я думаю, что вы на самом деле работали с Мэт раньше, верно?

Тим:

Да собственно Забавно, что Мэт много говорил о том, как вы можете связаться с ним в Твиттере, потому что именно так мы начали работать вместе.

Итак, Мэт работал над спецификацией адаптивного изображения. И примерно в то же время, когда это стало действительно большим, я немного поработал в WordPress и обнаружил, что если бы я написал какой-то плохой PHP определенным образом, я мог бы фактически получить тег полной picture из вызова изображения WordPress, в основном , Потому что WordPress возвращает все версии загружаемого вами изображения.

Таким образом, в фоновом режиме, когда вы загружаете изображение в WordPress, он использует библиотеку ImageMagick для создания нескольких различных размеров загруженного вами изображения. И вы можете получить это обратно. Так что я сделал небольшой PHP-скрипт для этого, а потом я сказал: « Человек, у меня есть эта штука». Позвольте мне связаться с Крисом Койером из CSS-Tricks, который пишет много статей для WordPress, и посмотреть, не заинтересован ли он в том, чтобы написать о том, как это возможно.

И поэтому он был — и он на самом деле был заинтересован в том, чтобы я писал ему об этом как о возможности. Так что он и я работали вместе, чтобы сделать его настоящим плагином — доступным на GitHub, а не на WordPress — и мы в соавторстве написали статью об CSS-хитростях об этом. И, в конце концов, у нас было небольшое число подписчиков, и однажды Мэт Маркис написал в Твиттере о том, как они просто интегрировали адаптивные изображения в качестве основной функции в Drupal, и он сказал: « Давайте сделаем это на WordPress».

И я написал в твиттере, потому что я знал о нем, и я был, как, да, у меня есть эта вещь, я хотел бы помочь. И он был как, хорошо.

А потом, несколько недель спустя, я был членом организации RICG GitHub, и у меня была запланирована встреча со всеми основателями WordPress, и я был над головой, просто работая над тем, чтобы сделать это.

А потом, оттуда, процесс длился около года — может быть, от года до шести месяцев (временные рамки немного размыты) — и в итоге мы получили адаптивные изображения в WordPress Core.

Давид [27:19] :

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

Тим:

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

Дэвид:

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

Тим:

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

Но я чувствую, что история Мэта — очень хорошее напоминание для меня, что это о людях. Важно помогать другим в этом отношении, чтобы добиться успеха и сделать себе имя в своей карьере. И очень приятно слышать, что кто-то не просто думает о следующем IPO.

Дэвид [29:07] :

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

Тим:

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

И из-за характера Интернета, я не уверен, что в будущем никогда не будет бесконечного количества новых вещей, новых проектов и просто интересных веб-функций.

Дэвид:

Абсолютно. По крайней мере, мы должны будем ответить, когда Мэт станет злым.

Тим:

Да, мы могли бы сформировать гигантскую коалицию.

[Смех]

Дэвид:

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

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

Тим:

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

Дэвид [32:06] :

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

Мне любопытно, что слушатели на шоу, потому что я знаю, что многие люди узнают, что им нужно знать из таких мест, как SitePoint, и просто выбирают нужные им инструменты, выходят и делают что-то. И это прекрасно — жить в то время, когда это возможно.

Тим:

Да, мне определенно было бы интересно посмотреть, как выглядят эти данные.

Дэвид:

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

Тим:

Определенно да.


Ну, спасибо всем за внимание, все. Нам всегда нравится говорить со всеми вами о технологиях.

Дэвид:

Мы также хотели бы поблагодарить SitePoint.com и наших продюсеров, Адама Робертса и Офели Лехат. Пожалуйста, не стесняйтесь, присылайте нам свои комментарии на Twitter — @versioningshow — и дайте нам оценку на iTunes .

Дайте нам знать, как у нас дела.

Тим:

Увидимся в следующий раз и надеемся, что вам понравилась эта версия.