В этом эпизоде Show Versioning Show Тим и Дэвид беседуют с Mat Marquis, веб-дизайнером, хорошо известным своей работой над адаптивными изображениями, редизайном Boston Globe и запросами CSS-контейнеров. В этом руководстве автостопом по началу веб-карьеры Мэт рассказывает о веб-стандартах, создании себе имени в Интернете и поиске смысла в своей веб-карьере.
Посетите домашнюю страницу шоу версий
Подписаться на iTunes | Подписаться на Stitcher | Просмотреть все эпизоды
Показать заметки
- Адаптивные вопросы сообщества группы
- Bocoup
- Bocoup Open Web Engineers
- Событие отдельно
- Общественная группа веб-инкубатора (WICG)
- Контейнерные запросы: еще раз к прорыву
- Houdini
- Calc () + Min-width + Max-width Для макетов, не реагирующих на медиа-запросы
- picturefill
- Мат в Твиттере: @wilto
- Мат на GitHub: Wilto
- Дополнительные ссылки в Твиттере: @versioningshow | @mdavidgreen | @tevko | @sitepointdotcom
расшифровка
- Тим:
-
Эй, как дела, это Тим Эвко …
- Дэвид:
-
… а это М. Дэвид Грин …
- Тим:
-
… и вы слушаете второй номер подкаста версий. Это место, где мы садимся каждые две недели, чтобы обсудить индустрию Интернета от разработки до дизайна — с некоторыми из людей, которые делают это сегодня, и планируют, к чему это приведет в следующей версии.
- Дэвид:
-
Итак, давайте продолжим и начнем эту версию.
- Тим:
-
Сегодня у нас есть специальный гость, Мат Маркиз. Мэт, как дела?
- Мат:
-
Хорошо, хорошо, рад быть здесь.
- Тим:
-
Итак, для любого из наших слушателей, которые не знают, кто вы, не могли бы вы рассказать нам немного о себе?
- Мат:
-
Конечно, я инженер по открытым веб-технологиям в 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 .
Дайте нам знать, как у нас дела.
- Тим:
-
Увидимся в следующий раз и надеемся, что вам понравилась эта версия.