Эпизод 140 подкаста SitePoint теперь доступен! На этой неделе группа состоит из Луи Симоно ( @rssaddict ), Кевина Диса ( @kevindees ), Стефана Сегрейвса ( @ssegraves и Патрика О’Киф ( @ifroggy ).
Скачать этот эпизод
Вы можете скачать этот эпизод в виде отдельного файла MP3. Вот ссылка:
-
Подкаст SitePoint № 140: «Раздувание»веб-страницы(MP3, 36:42, 35,3 МБ)
Резюме Эпизода
Вот основные темы, освещенные в этом эпизоде:
- Royal Pingdom: веб-страницы становятся более раздутыми.
- JQuery Mobile достигает развертывания.
- Foursquare получает новый дизайн
- Youtube обновляет видео плеер HTML5
Просмотрите полный список ссылок, упомянутых в шоу, по адресу http://delicious.com/sitepointpodcast/140 .
Host Spotlights
- Кевин: Почтовый штемпель — электронная почта для вашего веб-приложения
- Патрик: Финальная Рэп Битва!
- Стефан: как написать не поддерживаемый код
- Луи: Жасмин — BDD для вашего Javascript
Стенограмма интервью
Луи: Здравствуйте и добро пожаловать в еще один эпизод подкаста SitePoint, еще одного показа на этой неделе, посвященного новостям и событиям в Интернете, а также миру веб-дизайна и разработки за последние несколько недель. Это специальное панельное шоу, потому что мы приветствуем нового члена группы, Кевина Диса, привет Кевину.
Кевин: Спасибо, что приняли меня и привет.
Луи: Абсолютно приятно. И у нас также есть два оставшихся члена нашей обычной группы, Стефан и Патрик.
Стефан: Привет, привет.
Патрик: Последние стоящие мужчины (смех). Эй, Луи; Добро пожаловать на шоу Кевина.
Кевин: Спасибо, спасибо.
Луис: Итак, Кевин, не могли бы вы представиться слушателям, и тогда мы сможем погрузиться в истории.
Кевин: Конечно, я могу. Итак, я Кевин Ди, это мое имя, я управляю веб-сайтом под названием Kevindees.cc, где я беру интервью и публикую сообщения о случайных мыслях, которые у меня есть, так что именно здесь меня больше всего знают. И я также делаю еще один подкаст под названием The Web Weekly, где я встретил Патрика, и наши отношения начались и продолжаются оттуда. Так что я в двух словах, и, да, я взволнован, чтобы быть на шоу, я взволнован, чтобы быть здесь и просто говорить о веб-дизайне и веб-дизайне и обо всех этих замечательных вещах.
Патрик: Кевин постоянно слушал подкаст SitePoint, так что мы впервые встретились с ним, и мы встречались на нескольких конференциях, и, конечно, он давал несколько интервью на своем сайте, так что это нам пригласить его присоединиться к шоу. Но также, Кевин, не могли бы вы рассказать нам немного о своем опыте разработки и о том, что делает вас пригодным для подкаста веб-разработки.
Кевин: Конечно, отлично. Я занимаюсь разработкой веб-сайтов уже некоторое время, черт, я даже не знаю, сколько лет; Я сделал свой первый веб-сайт, когда мне было девять лет, если это вам что-то говорит, и я ухожу на некоторое время только потому, что я был ребенком, но я вернулся, и я делал это, по крайней мере, шесть с плюсом лет сейчас. По сути, я разработчик WordPress, PHP-разработчик, и я также занимаюсь интерфейсным кодом, таким как CSS, HTML и JavaScript. Я сделал несколько плагинов для WordPress и несколько плагинов для браузеров, например, я создал плагин, который помогает IE7 специально поддерживать псевдоэлементы до и после, поэтому я сделал несколько таких вещей и я работал в агентствах, я внештатный сотрудник, я управлял собственным бизнесом, и поэтому у меня есть небольшой опыт, или, по крайней мере, я бы хотел думать, в веб-сообществе.
Патрик: Отлично, отлично. Ну, добро пожаловать на борт.
Кевин: Спасибо.
Стефан: Добро пожаловать на борт.
Луи: Да, добро пожаловать. Первое, о чем стоит немного поговорить на этой неделе, — и это произошло в значительной степени, я думаю, точный день, когда мы записали последнее панельное шоу, так что прошло чуть больше двух недель, так что это, наверное, старые новости для всех, кто слушает Но поскольку у нас не было возможности поговорить об этом, Adobe отказалась от Mobile Flash в качестве платформы, над которой они работают, поэтому, я думаю, перейдем на HTML5.
Кевин: Да, иди HTML5, да.
Стефан: Woo Hoo.
Луи: Итак, я думаю, что мы не будем на этом останавливаться, потому что, как я уже говорил, это старая история, я просто хотел снять ее там, и я думаю, что мы всегда можем немного упиваться упадком Flash.
Стефан: Сейчас, сейчас.
Кевин: Я думаю, что это интересная история и новости, потому что Flash был выбранным плагином, верно, не только для настольных компьютеров, но они надеялись стать, по крайней мере, тем, для мобильных устройств, и таким образом, чтобы увидеть их от этого и до Сосредоточить свои усилия на разных областях. Я думаю, что эта тенденция начинает проявляться в других компаниях, которые в основном относятся к HTML5 более серьезно, или, может быть, Flash и Adobe являются последними инструментами, действительно применившими этот подход.
Луи: Да, это довольно интересно разыгрывается, и то, как он развивался, в том смысле, что у iPhone не было Flash, а затем Android добавил Flash, и он все еще находился в этом туманном пространстве, где мы не знали, было ли это. будет основной частью мобильного Интернета или нет, и я думаю, теперь мы знаем, теперь мы знаем ответ.
Патрик: Да, еще одна итерация Mobile Flash для Android, по крайней мере, готовится, Flash будет доступен для пользователей Android 4.0 до конца года, но это, похоже, приятное прощание, согласно рассказу Шамуса Беллами из Мир ПК. Но Flash для настольных компьютеров по-прежнему во многом огорчает многих наших слушателей, так что — не поймите это неправильно, это всего лишь мобильный Flash на тот случай, если ваше сердце пропустит секунду и вы не услышите подвижная часть.
Кевин: У меня есть история, моя первая история в шоу, да, у jQuery mobile вышел его финальный выпуск, и поэтому каждый может начать использовать его, он, наконец, вышел из числа бета-версии и кандидатов на выпуск, поддерживаемых операционных систем, если у вас нет об этом слышали IOS, Android, Blackberry, Windows Phone, Palm; так что это своего рода основные из них. По сути, это позволяет вашему сайту чувствовать себя так же, как нативное приложение на телефоне, больше ориентируясь на iPhone и его опыт, поэтому у вас есть переходы и выпадающие меню, что-то вроде этого, что-то вроде это пространство. Итак, вы знаете, я думаю, что это интересный релиз в том, что адаптивный веб-дизайн был — своего рода тенденция в течение некоторого времени, и когда эти другие технологии, такие как jQuery или jQTouch, когда это было впервые, так что теперь это jQMobile Когда эти платформы впервые появились, не было адаптивного веб-дизайна. И поэтому, чтобы увидеть, что эти другие платформы продолжают двигаться вместе с адаптивными сайтами, будет интересно посмотреть, когда люди попытаются использовать эти вещи, верно, потому что иногда jQuery Mobile будет правильным решением, а в других случаях отзывчивым будет, так что, вы знаете, и к тому же, jQuery Mobile — это одна из тех вещей, которую вы просто включаете, которая работает, верно.
Луи: Да, я имею в виду, что я определенно впечатлен прогрессом, которого я добился, я помню оригинальный альфа-релиз, и он был полностью сломан на моем телефоне, по крайней мере, в опыте, который у меня был с ним, и это выглядит теперь я должен сказать, что у меня все еще есть немного, вы знаете, беспокойство, что он включает в себя слишком много пользовательского интерфейса и визуальных вещей, как будто он имеет очень четкий вид, который идет в комплекте с ним, в то время как большую часть времени, если бы я искал JavaScript-фреймворк для мобильных устройств, я бы на самом деле просто хотел, вы знаете, давали бы мне некоторые события и уходили с моего пути, и я буду обрабатывать пользовательский интерфейс, но если вы захотите, как уловку в разработку мобильного веб-приложения, которое было бы максимально естественным и удобным, я думаю, что это действительно впечатляющий продукт. Но, как вы сказали, интересно посмотреть, как это отразится на более адаптивных подходах, когда вы можете создать своего рода один веб-сайт для всех устройств, а не иметь конкретное мобильное приложение.
Кевин: Да, это будет интересно, потому что большинство людей, которые входят, и я знаю, когда я иду и делаю сайты, если я перехожу на мобильный, я обычно использую отзывчивый стиль выполнения вещей, будь то гибкая или гибкая система или фактически использование медиа-запросов Так, просто что-то, что является более независимым от устройства. И вот плагин, подобный этому, я вижу людей, использующих или меня использующих, когда, возможно, вы пытаетесь собрать что-то быстро, пытаетесь собрать что-то на лету, может быть, идею приложения или презентацию, но я думаю, что это будет Обведите вокруг этого слова слово «приложение», верно, это не будет флейвором для веб-сайта, это будут веб-приложения, я думаю, что они будут в основном использовать это.
Стефан: Это ключ для меня на самом деле в том, что это инструмент для разработки приложений для меня. Если бы я собирался прыгнуть в это, я думаю, что это то, для чего я бы использовал это, я не думаю, что я использовал бы это, чтобы превратить мою домашнюю страницу в дружественный для мобильных устройств сайт, я думаю, я бы сделал, если бы у меня была идея приложения, это было бы куда бы я пошел, чтобы начать эту идею; Я не думаю, что я бы пошел на iPhone SDK или что-то еще, я думаю, что я бы пришел сюда.
Луи: Да. Если кто-то еще не смотрел на это, обязательно зайдите на jquerymobile.com и посмотрите, потому что есть много интересных виджетов для форм, для всех видов поведения в виджетах на веб-сайте, и все это в виде демо, вы можете щелкнуть по нему и поиграть с ним прямо на веб-сайте, так что стоит взглянуть, если бы вы сказали, Стефан, на то, что вы хотите быстро запустить для создания мобильного веб-приложения.
Патрик: Так какая следующая лучшая история?
Луи: (смеется) Мы делаем это в порядке качества, ох, я бы пошел первым (смех).
Патрик: Я не знаю, я просто говорю, что будет следующим лучшим.
Стефан: Итак, сегодня в Business Insider есть статья о том, как YouTube обновляет проигрыватель HTML5, и это своего рода знак времени, когда YouTube готовится полностью избавиться от Flash. Кое-что из того, что они сделали, они включили аннотации и подписи, теперь они сделали оба варианта 480p и 1080p, и вы получаете встроенную поддержку полноэкранного режима для Firefox и Chrome, так что некоторые классные вещи там сделаны в HTML5 ,
Луи: Да, аннотации в подписях велики, потому что, когда они впервые выпустили проигрыватель HTML5, многие люди указывали на то, что этих функций действительно не хватало, и поскольку он не имел всех функций проигрывателя Flash, это было только Для веб-разработчиков это было бы круто, но на самом деле это не было бы альтернативой, потому что не хватало некоторых основных функций, но приятно видеть, что они добавляют этот материал прямо сейчас.
Стефан: Да. О, я собирался сказать, что вы также можете зарегистрироваться, чтобы проверить это, если хотите, на их странице вы можете перейти — скажем, вы хотите использовать проигрыватель HTML5 и таким образом вы можете сообщать об ошибках и тому подобных вещах, поэтому это круто.
Патрик: Да, в рассказе Ноа Дэвиса говорится, что он заканчивается «Движениями — еще один удар в неизбежном поражении Flash». Так что он довольно медвежий в отношении будущего Flash, и это заставляет меня задуматься, уберет ли HTML5 проигрывание мультимедиа, действительно ли он его получит Правильно, и Flash больше не рассматривается как стандарт, которым он когда-то был, когда дело доходит до воспроизведения видео и аудио, возвращается ли он в нишевый вид инструмента дизайна, как это было много, много лет назад, или это для Flash Это последнее ура, последнее, что действительно хорошо работает в этот момент?
Луи: я не знаю Это довольно интересно, потому что вчера вечером я посетил Мельбурнское совещание веб-разработчиков, которое находилось внизу в нашем здании на 99Designs, и я немного рассказал о некоторых мерах по предотвращению мошенничества, которые мы делаем в Flippa, и я не регулярно выступаю с речами, чтобы у меня на компьютере не было установленного программного обеспечения или PowerPoint, поэтому я просто очень быстро гуглил, знаете, я попробовал презентацию в Документах Google, и это было довольно глупо (смех), поэтому я просто быстро гуглил как онлайн инструмент для презентации, и я нашел эту штуку под названием SlideRocket и собрал что-то примерно через полчаса в то утро, и это было действительно, действительно хорошо, это был действительно отличный инструмент, вы можете импортировать изображения из Flickr напрямую, он соединяется с — вы можете показывать в Твиттере прямую трансляцию в Твиттере, и все это онлайн, и все это встроено во Flash, и это было действительно хорошо, как будто я действительно использовал настольное приложение в браузере, и я не чувствую, что есть очень много чистых HTML а pps, которые имеют именно такой уровень качества, я имею в виду, очевидно, что Google Docs великолепен, но я должен сказать, что опыт, который я получил с этим Flash-приложением, был действительно очень хорошим. Так что я думаю, что, вероятно, все еще есть место для определенной, вы знаете, очень богатой функциональности приложения.
Патрик: Хм, да.
Кевин: Я чувствую, что это, вероятно, не лучший ход для меня, чтобы попытаться немного улучшить Flash, но я хотел бы сыграть адвокат дьявола и вступить на опасную почву здесь и сказать, что когда дело доходит до Adobe Что касается Flash, основная часть Flash, верно, заключается в том, что это инструмент разработки, поэтому пока Adobe может продолжать продавать эту платформу дизайнерам или разработчикам, они могут продолжать делать этот рынок правильным, поэтому я вижу Самым большим преимуществом для них, когда у них есть Flash на любом компьютере, является чистая маркетинговая сила, которая дает право, 99% компьютеров — это стандартное число. Поэтому, когда вы смотрите на это, это бесплатная реклама для Adobe на всех системах, и я чувствую, что они будут в порядке, если позволят этому идти, потому что реальная прибыль исходит от инструментов разработки, и, как мы видим, как Adobe Muse и другие инструменты, которые любят анимацию и тому подобное, вы знаете, они будут двигаться в этом направлении. И другая часть этого, на которую я бы хотел немного обратить внимание, это то, что когда я делаю сайты с использованием, например, слайдов или слайд-шоу JavaScript, я не могу использовать HTML5 на сайтах, хотя бы потому, что Internet Explorer, верно, но когда вы используете эти JavaScript-фреймворки как, вы знаете, как заменитель того, что раньше было Flash, вы сталкиваетесь с проблемами с этими переходами в старых браузерах, где, если вы перемещаете изображения, это действительно нервно и тому подобное. Так что я думаю, что Flash по-прежнему будет занимать свое место в видео и тому подобное — я имею в виду, очевидно, что большинство людей больше не используют его для слайд-шоу, но есть место для этого в этом месте, потому что я имею в виду, может быть, у вас, ребята, было то же самое опыт, как у меня, но когда вы создаете веб-сайт и пытаетесь сделать слайд-шоу jQuery, если у вас есть большие изображения, которые детализируются каждый раз, когда приходится перемещать его, он должен перерисовать это изображение на экране, просто использует много пропускной способности на вашем компьютере.
Louis: Да, я думаю, я имею в виду, особенно в старых браузерах, производительность JavaScript возросла в геометрической прогрессии в последних нескольких выпусках, по крайней мере, Chrome и Firefox, но, даже, в IE их производительность в IE9 и IE10 была впечатляющей, но если вы стремление поддержать что-то немного старше, чем это, это определенно может быть проблемой, да. Это то место, где многие специалисты утверждают, что это хороший пример адаптивного и изящного подхода к деградации: вам не нужен гигантский слайдер на первой странице в старых браузерах, это все равно что пытаться воспроизвести цветное шоу на черно-белый телевизор, чтобы взять цитату из интервью на прошлой неделе.
Кевин: Хорошие моменты.
Луи: Круто. У меня также был небольшой рассказ, о котором я хотел бы поговорить, и я думаю, что это уместно, если вы расширяете границы того, что здесь происходит, но это связано с эффективностью веб-сайта. и это история на Pingdom.com, которая является просто постом в блоге, который они недавно написали о том, что за последний год в среднем веб-страницы стали на 25% больше, так что это не фактический размер пикселя, а размер загрузки сайтов. Поэтому они просмотрели веб-сайт архива http, собрали статистику для 1000 лучших сайтов в мире и просмотрели статистику за последний год; средний размер страницы год назад составлял 626 килобайт, и в настоящее время он составляет всего около 780 килобайт, 784, так что это очень большой рост за очень, очень короткий промежуток времени, не правда ли?
Стефан: Да, если не сказать больше (смех).
Патрик: Интересно, с какой скоростью растет пропускная способность, сравнимая с этой, было бы интересно увидеть эти два числа рядом.
Луи: Я думаю, если вы включите пропускную способность мобильного использования, на самом деле, вероятно, снизился в прошлом —
Патрик: Ладно, брось эти мобильные — тогда отбрось мобильные устройства (смеется).
Луи: Ну, ты не можешь, верно, в этом весь смысл, ты не можешь.
Патрик: Но ведь это домашние страницы? Я имею в виду, что это домашние страницы, разработанные по умолчанию для настольных компьютеров, они не похожи на мобильную версию, не адаптивную, а на обычную версию по умолчанию, которую вы видите на своем ноутбуке.
Луис: Да, я думаю, что это интересный вопрос, вы знаете, я имею в виду, я думаю, что было бы справедливо сказать, что маловероятно, что в течение прошлого года какой-либо из первой тысячи сайтов имел бы какую-либо условную загрузку или продвинутые адаптивные дизайны, где, если вы загружаете его в маленькое окно, он загружает только подмножество ресурсов, а затем он выходит и получает вещи. Я имею в виду, что это довольно передовая технология, которую я не думаю, что многие из этих ведущих веб-сайтов будут использовать, по крайней мере, пока, или, возможно, люди, такие как Google и Facebook, будут —
Патрик: Верно.
Луи: — чтобы быть справедливым.
Патрик: Но многие из них, вероятно, направят вас к мобильной версии, если вы используете мобильное устройство.
Луи: Да, вы можете быть направлены на мобильную версию, так что это справедливо.
Патрик: Да, да.
Луи: Но в этом случае, если вы посмотрите, у них есть графики, из-за которых происходит увеличение размера, и во многом это происходит из-за увеличения количества JavaScript и изображений, поэтому фактическая разметка существенно не выросла, CSS вырос немного, даже немного, даже немного вырос Flash, но затем JavaScript вырос почти на 50%. Так что я не знаю, связано ли это с тем, что люди все чаще прибегают к использованию библиотек JavaScript, а не к ручному кодированию, которое может быть немного больше или, возможно, к использованию методов JavaScript для сортировки поддержки полифилла для новых функций HTML5 и CSS3, которые они хотят попробуйте и используйте, поэтому есть много возможных объяснений; отчасти это может быть из-за того, что разработчики ленивы, я думаю.
Патрик: (смеется) Ну, нет, это не так, абсолютно не так, мы любим разработчиков.
Стефан: Нет, мы не (смех).
Патрик: Но вы знаете, что имеет смысл, когда вы думаете о том, куда делись многие из этих редизайнов. Кажется, что все больше и больше это большое жирное изображение, и я думаю, вы могли бы сказать, что они могут быть сжаты или что-то можно сделать, чтобы ограничить воздействие этого, но все больше и больше, когда я посещаю веб-сайты, новостные сайты и сайты с любым вроде как регулярно обновляемый контент, это большое жирное изображение, с которым меня приветствуют, и иногда в нем есть часть ползунка, который, я думаю, будет говорить и с JavaScript, где он показывает эти большие жирные изображения, от трех до пяти из них самый последний контент, который доступен, чтобы попытаться привлечь ваше внимание, так что я думаю, что это имеет смысл.
Луи: Да, но я думаю, что моя точка зрения для многих из этих людей, поэтому у вас есть большой слайдер на первой странице, а поворот изображений — довольно короткий фрагмент JavaScript.
Патрик: Верно.
Луи: И если это все, что вы используете, то вы можете написать, вы знаете, может быть, менее килобайта JavaScript и сделать это, но многие из этих людей будут использовать jQuery, а затем плагин jQuery, который действительно построен обрабатывать каждую возможную комбинацию слайдера или ситуации.
Патрик: Итак, если подвести итог, мысль Патрика глупа (смех), дальше! Так или иначе, есть цифры, показывающие увеличение размера в зависимости от типа контента, и, как вы упомянули, JavaScript вырос на 44,7%, на самом деле CSS был вторым в процентном отношении, хотя на самом деле он не увеличил размер файла с 30 — I угадайте, когда вы переходите от 24 килобайт к 30, это увеличение на 25%, но, имея дело с огромным объемом в килобайтах, это явно далекие и удаленные изображения, получающие около 80, это выглядит как ровно 79 килобайт.
Луи: Хм.
Патрик: Да, вот эти килобайты, чувак.
Кевин: Что вы, ребята, думаете о том, что теперь сайты проще создавать с такими сайтами, как WordPress.com и Tumblr, куда любой может зайти, создать сайт и затем загрузить свои 16 плагинов для социальных сетей, все эти плагины для этих вещей? и это может объяснять некоторые из них, так что, может быть, дело не только в том, что веб-дизайнеры становятся ленивыми, но, возможно, просто в том, что обычный Джо может пойти и начать подключаться и делать на своем сайте такие вещи, которые они обычно не имеют возможности делать из-за легкости доступа.
Луи: Я думаю, что это может быть обоснованным аргументом. В данном конкретном случае, поскольку это опрос 1000 лучших сайтов, я не думаю, что на этих числах обязательно будут влиять любители-разработчики.
Кевин: Точно.
Луи: Но я думаю, что, вероятно, если вы смотрите на Интернет в целом, то, вероятно, из-за этих новых инструментов и такой простоты использования очень низкая производительность веб-сайта.
Кевин: Значит, это не учитывает точку com для wordpress.com?
Луи: Наверное, нет. Но хотя даже на самых популярных веб-сайтах в прошлом году вы упомянули такие виды плагинов для социальных сетей, они определенно значительно расширились за последний год. Я не знаю, вернулись ли вы и … выберите какое-либо крупное новостное средство массовой информации и вернетесь на год назад, и у них, возможно, была публикация на Facebook, и теперь у них есть кнопка «Нравится» на Facebook, кнопка Tweet, кнопка Google+ и кто знает, сколько других опций, и это много JavaScript, который загружается, так что это, безусловно, может быть причиной для этого.
Патрик: И это интересно, Кевин, когда вы упоминаете, что вы сразу вспомнили о том, как WordPress недавно рекламировал это, и мы говорили об этом в шоу, я думаю, что Брэд Уильямс поднял это, очевидно, они рекламировали этот WordPress. Согласно внутреннему опросу, они определили, что они обеспечивают 14,7% ведущих миллиардов сайтов в мире. И я знаю, что слышал либо об этом, либо о самом большом количестве сайтов, работающих на WordPress в Интернете, по мере роста популярности программного обеспечения, и поэтому я говорю это со всей очевидностью, что такой рост в килобайтах может быть связан с ростом проникновения WordPress. Топ тысячи сайтов. Очевидно, я шучу, но забавно, что ты сделал это предложение.
Кевин: Думаю, было бы интересно узнать, включены ли в WordPress субдомены. Я имею в виду, что вы надеетесь, что они этого не сделали.
Луи: Да, это было бы круто увидеть; Я не знаю, есть ли у них список сайтов, которые были включены, вкладка веб-сайтов в архиве http, да, хорошо, вот и все — так что я просто бегло смотрю, я думаю, что это большой список. Если вы зайдете на httparchive.org и перейдете на вкладку веб-сайтов, то увидите, что проиндексировано всего 37 000 URL-адресов, и я просто прокручиваю их, и они не выглядят так, как будто они являются поддоменами WordPress. .com, похоже, все они являются доменами верхнего уровня.
Патрик: Верно.
Луи: Ну, не на высшем уровне, но, вы знаете, они все доменные имена. Да, так что я собирался сказать по этому поводу, однако, это то, что он действительно подчеркивает важность для веб-разработчиков, чтобы узнать о и сосредоточиться на вопросах, касающихся производительности интерфейса; Есть так много вещей, которые можно сделать, чтобы сделать это лучше и чтобы ваши страницы загружались быстрее, и время, которое требуется вашей веб-странице для загрузки, может быть, функция номер один, которой люди будут рады, так что, да, я думаю, что это очень важно, люди должны тратить больше времени на то, чтобы их сайты работали быстрее, а меньше — просто добавлять к ним новые материалы.
Кевин: Итак, говоря о производительности сайта, было бы интересно посмотреть, как продвигается новый сайт Foursquare, потому что они совсем недавно изменили дизайн своего сайта. Я узнал об этом через Сэма Брауна на его веб-сайте, он говорил о том, что они запускают сайт, и я думаю, что интересной частью этого редизайна является их фокус, который является регистрацией с помощью кнопки Facebook. Таким образом, они в основном убрали обычную регистрацию с функцией электронной почты с экрана, поэтому на ней нет полей, кроме регистрации с помощью кнопки Facebook, и поэтому они используют регистрацию с помощью кнопки Facebook, чтобы в основном подключиться, я бы поверил, что Да, большинство их пользователей, так что я не знаю, видите ли вы, ребята, эту тенденцию, и мне было интересно узнать, что вы думаете об этом.
Патрик: Да, я имею в виду, что мы говорили об open ID и Facebook и всех этих других системах входа в систему, и это интересно, потому что я всегда придурок, я думаю (смех), который говорит нет, нет! Я хочу электронную почту, я хочу имя пользователя, я хочу иметь свой собственный уникальный логин и не полагаться на Facebook, но все больше и больше людей используют его для идентификации.
Луи: Да, я имею в виду, что я определенно принадлежу к числу тех, кто предпочитает разрабатывать свои собственные системы, и не в какой-то степени полагается на Facebook или Twitter или что-то еще в отношении основных аспектов веб-сайта, а на разговоры с специалистами по маркетингу в нашей команде или даже на SitePoint, и они любят вещи; когда мы проводим рождественские распродажи на sitepoint.com в течение последних нескольких лет, такая ветка комментариев была просто веткой комментариев на Facebook, и это было действительно очень хорошо, позволяя людям легко делиться ею, и вы просто вошли в систему, и это беспроблемный опыт для большинства пользователей, и вы видите это на многих новостных сайтах сейчас, я не знаю, заметили ли вы, ребята, эту тенденцию, когда вы будете на новостной веб-странице, и вы прокрутите вниз, и это просто ветка комментариев Facebook.
Патрик: Да. Да, и вы знаете, что это интересно, потому что если у вас есть талант разработчика и программиста, то, очевидно, вы сможете манипулировать этими комментариями и работать с API Facebook. Совсем недавно был выпущен плагин WordPress, позволяющий синхронизировать комментарии с Facebook, и, знаете, блоггеры WordPress не просто потеряют свои комментарии, если они отключат комментарии Facebook. Но я определенно думаю, что это ситуация, когда подобные вещи действительно зависят от использования; очевидно, что новогодняя распродажа на короткий срок раз в год не так уж и важна, если поддерживать содержание в долгосрочной перспективе, но вы должны быть осторожны, чтобы не передавать слишком много своей экосистемы Facebook, и, как я знаю, почему люди это делают это, я знаю, почему они очень мощные, сколько людей используют Facebook, это огромно. И я уверен, что они сделали свое тестирование, я уверен, что FourSquare не глупый, я уверен, что они провели некоторое A / B-тестирование и выяснили, что хорошо конвертируется, и это, вероятно, то, что определяет решения — данные это означает, что регистрация в Facebook и простота использования заставят больше людей использовать FourSquare.
Луи: Да. Я понимаю, как это имеет смысл, но, как вы сказали, я немного скептически отношусь и всегда немного беспокоюсь о том, чтобы полагаться на внешний сервис для любого основного аспекта инфраструктуры сайта. Говоря только о самом редизайне, я только что вошел в систему, я не заходил в FourSquare на рабочем столе вечно, я думаю, это не то, что вы обычно используете на ПК, но новая панель выглядит действительно хорошо у вас есть такая карта в верхней части, которая показывает недавние проверки с аватарами на карте и все местные вещи, у вас есть история недавней активности от ваших друзей, у нее есть некоторые предложения о близлежащих компаниях, которые вы могли бы хочу проверить, это действительно очень хороший интерфейс, я впечатлен.
Патрик: Да, мне это тоже нравится, это выглядит действительно красиво, чисто, свежо, все те способы, которыми вы бы это описали, но единственное, что я замечаю, — когда вы прокручиваете, вы получаете верхнюю панель, которая остается на странице и выглядит аналогично. в Twitter я бы сказал, что шрифт в верхней части моей головы выглядит примерно так же, и есть панель поиска, я не говорю, что Twitter ее создал, я уверен, что нет, но похоже, что мы видим что все больше и больше появляется эта верхняя панель, которая соответствует прокрутке всех страниц; Это новое соглашение, увидим ли мы его распространение на каждом сайте?
Луи: Я думаю, что для веб-сайтов, где управление учетными записями является чем-то постоянным, что вам нужно, особенно всем, что — видите, вещь в Twitter, которую я нахожу, состоит в том, что у нее такой длинный поток материала, что приходится прокручивать все назад наверх, чтобы перейти к переходу к вашему профилю или к поиску, это мешает пользователям использовать сайт, так что для меня это уместно, если у вас есть действительно очень длинная страница, которая просто например, бесконечно свитки со стеной активности.
Патрик: Да, похоже, он становится все более и более стандартным с этими страницами, не только FourSquare сейчас и Twitter, но и Google+, очевидно, использует его, Facebook делает это, и да, я имею в виду, что по мере роста этих социальных сайтов, я думаю, что это что-то, что мы увидим, а также увидим на разных платформах, таких как платформы с открытым исходным кодом, которые запускают форумы или социальные сети, чтобы упростить, как вы сказали, управление этим профилем.
Луи: Да, хорошо, я имею в виду панель администратора WordPress — отличный пример — и это было довольно недавно, это был только один или два выпуска назад, которые были добавлены.
Патрик: Верно.
Луи: И очень похожий подход. Будет интересно посмотреть, как это будет развиваться, если есть какие-либо фреймворки или плагины, я знаю, я просто говорил, что плагины опасны, потому что они без необходимости добавляют всю эту массу на вашу страницу, но в этом случае вы знаете, что это кажется как отличная возможность для кого-то собрать небольшой пакет вещей, который дает вам эту фиксированную статическую функциональность меню верхней панели.
Патрик: Кто заботится о нескольких килобайтах между друзьями.
Луи: Ну вот так все и начинается (смех).
Патрик: Это скользкий склон. Теперь вы килобайт — это наркотик, который замедляет загрузку страниц (смех). Но это забавно, вы знаете, о чем это заставляет меня думать, я не знаю, видели ли вы, ребята, этот рекламный ролик Sprint, но речь идет о данных, о том, сколько данных вы можете использовать в Sprint, и как быстро данные собираются и запускаются. со счетчиком на килобайты и килобайты идут медленно. Вы знаете, он начинается с одной цифры, затем двух, а затем трех цифр, и до одного мегабайта достигает тысячи килобайт, а затем мегабайты идут быстрее, чем килобайты, и это похоже на одну из тех вещей, когда вы на самом деле знали что-нибудь об этом, вы знаете, что килобайты будут работать быстрее, они будут замедляться по мере того, как вы получите мегабайты; и гигабайты, гигабайты просто пролетают, но, опять же, это основной рекламный ролик, и никому на самом деле не все равно, но гики среди нас, техники среди нас похожи на то, почему гигабайты идут быстрее, чем килобайты. Тем не мение.
Стефан: Я просто хочу знать, что эта женщина делает весь день, например, что она постоянно говорит по телефону (смех).
Луи: увеличение размера веб-страницы на 25% в год, я думаю, это означает, что она будет удваиваться каждые примерно три с лишним года, так что мы можем попасть туда, я имею в виду, что это будет экспоненциально в кратчайшие сроки, и гигабайты будут пролетая мимо.
Стефан: О, чувак.
Патрик: Нужны те безлимитные тарифные планы.
Луи: На самом деле было бы здорово рассчитать на 25% в год, сколько времени потребуется, чтобы домашняя страница New York Times достигла гигабайта (смех). Я уверен, что это даже не странно, я собираюсь сделать математику после шоу, и я опубликую это в ветке комментариев.
Патрик: Очень хорошо, очень хорошо.
Луи: Вы хотите, чтобы нас привлекли всеобщее внимание, Кевин; учитывая, что это твое первое шоу?
Кевин:Конечно, я бы с удовольствием. Таким образом, мой центр внимания на сегодня — Postmark, Postmark — платная услуга, но то, что она делает, невероятно. Так что, если вы когда-либо создавали веб-сайт или веб-приложение, использующее электронную почту, вы знаете, как тяжело на самом деле получить электронную почту в папке «Входящие», вы должны пройти через Интернет-провайдера, вы должны пройти через фильтр спама и клиент, и вы знаете все другие части, которые находятся между этим. И что Postmark делает, это дает вам API для игры, после того как вы проверите некоторые детали, чтобы в основном пропустить эти шаги самостоятельно, чтобы они проделали всю тяжелую работу, чтобы убедиться, что ваша электронная почта поступает как задумано, и для этого есть множество плагинов и прочего, вы можете сделать это с помощью PHP, JavaScript, у них даже есть плагин для WordPress, если у вас есть блог на WordPress. Так что я бы проверил это,вы получаете свою первую тысячу электронных писем бесплатно, а каждая тысяча после этого стоит всего $ 1,50, поэтому нет причин не пользоваться этой услугой, она очень дешевая, я имею в виду, что даже в моем собственном блоге электронная почта довольно редка, и я знаю, что система комментирования WordPress также использует электронную почту, но вы всегда можете отключить их.
Луис: Да, так что это что-то непохожее — так что я только сейчас смотрю на это, но кажется, что в то время как такие вещи, как Campaign Monitor или MailChimp, больше сосредоточены на маркетинговых списках рассылки, где вы можете отслеживать подписчиков, кажется как будто это фактически для отправки электронной почты из приложения, так что вроде активации аккаунта или уведомлений, новых сообщений или чего-то подобного из приложения, верно?
Кевин: Верно. Так что я имею в виду сайты, которые используют это такие вещи, как Forest, Readability, Tender, у вас есть все эти приложения, которые их используют; если вы когда-либо создавали веб-приложение раньше, вы знаете, что, как я уже сказал, отправка электронной почты в папку «Входящие» так, как вы хотите, довольно трудна, и поэтому, если вы запускаете большой веб-сайт, скажем, если вы Если вы уже слышали об этих форумах, и кто-то подписывается на ваш сайт, они должны щелкнуть ссылку активации, чтобы активировать свою учетную запись, но если они никогда не получат письмо, есть проблема, верно, и вы приходится иметь дело с часами поддержки и всем прочим. Так что, если вы используете такой сервис, вы знаете, очевидно, вы можете получить свою электронную почту для ваших веб-приложений, и все будет сделано правильно.
Луи: Да, это выглядит довольно хорошо, и цены, как вы сказали, очень разумные.
Кевин: Да. Так что я не использовал это лично, но я исправляю переход к использованию этого для всех моих вещей, я имею в виду, что нет причин не использовать это, и его следует использовать.
Луи: Круто. Ну, дайте нам знать, как это получается.
Патрик: Да, и сайт для этого — postmarkapp.com для тех, кто ищет его.
Кевин: Верно.
Патрик: Хорошо, я пойду дальше. Мой прожектор как обычно не по теме (смех), я собираюсь отбросить его обратно к …
Луи: Действительно, какой сюрприз (смех).
Патрик: Действительно; действительно, действительно, действительно. Я собираюсь отбросить его обратно в Epic Rap Battles of History. Они только что опубликовали «Финальную битву» между Ниццей Питером, человеком, которого вы видите в большинстве рэп-сражений, и чей канал он показывает, и Эпиком Ллойдом, которого вы также видите во всех видео, но это они, отдельные люди, сражающиеся за это. «Последняя битва», теперь, это будет последняя битва? Я позволю вам принять решение, но так как я впервые представил сериал «Эпические рэп-битвы истории» еще в апреле, я думаю, что здесь, на подкасте SitePoint, они выпустили такие эпопеи, как Христофор Колумб против капитана Кирка, мистер Т против мистера Роджерс и доктор Сьюз против Шекспира, так что, если вы не обновлялись, это ваш шанс вернуться к этому. И вы можете найти его на youttube.com/user/nicepeter или Google это, и все дороги приведут к Epic Rap Battles of History
Стефан: И я пойду третьим. Моя статья, которую я нахожу веселой, называется «Как написать не поддерживаемый код и обеспечить работу на всю жизнь» (смех). И это довольно фантастично, это как называть имена, называть ваши переменные, просто использовать детскую книжку с именами, вы никогда не будете в недоумении от имен переменных (смех). Будьте абстрактны, интенсивно используйте слова, такие как все данные, обрабатывайте, делайте, цифры, просто случайные цифры для имен ваших функций, просто отличные вещи, так что если вы беспокоитесь о своей работе, посмотрите на это.
Патрик: Это руководство по передовому опыту, это правильно, вот как я должен это прочитать? (Смех).
Стефан: Точно, манифест.
Луи: Вау, это на самом деле довольно долго.
Стефан: Да, это действительно долго.
Луис: Здесь есть удивительное количество вещей, у них есть руководства, чтобы любить действительно хорошее запутывание (смеется).
Стефан: Как скрыть запрещенные глобалы (смеется).
Луи: Ах, чувак, да, ужасно.
Кевин: Мне нравится это, это Мэри Поппинс = Супермен + Звездный корабль, разделенный Богом (смех).
Патрик: О, черт возьми.
Стефан: Пожалуйста.
Луи: Я не собираюсь показывать это ни одному из моих сотрудников. Фантастический.Моя статья на этой неделе — это то, о чем кто-то еще говорил вчера вечером на конференции разработчиков Web-приложений в Мельбурне. Это небольшая библиотека JavaScript под названием Jasmine, вы можете найти ее на pivotal.github.com/jasmine., Они описывают его как основанную на поведении среду разработки для тестирования кода JavaScript, так что это именно то, на что это похоже, это своего рода среда модульного тестирования для JavaScript, поэтому они продают его следующим образом, он не зависит от каких-либо других структур JavaScript для него не требуется DOM, и он имеет очень простой синтаксис, так что это довольно круто, если вы просто посмотрите на веб-сайт, у них есть небольшой пример, показывающий, как настроить простое ожидание; если вы не знакомы с разработкой, управляемой поведением, я думаю, что есть много других материалов для чтения, но если вы знакомы с разработкой, управляемой тестами, и использовали ее в своем коде на стороне сервера, возможно, было бы интересно иметь посмотрите также на использование его в JavaScript, по крайней мере, я буду в следующий раз, когда буду писать JavaScript.
Патрик: (поет) Вы знаете, что у меня на уме Жасмин. Это песня, извините (смех), это песня Black Rob с Карлом Томасом, во всяком случае, очень хорошая. Мне хочется передать это руководство по программированию, которое мне нравится — я имею в виду, не было бы смешно передать это кому-то, кто просто хотел начать заниматься программированием, а потом смотреть, как они просто ужасны, и это меня возбуждает, и это быть очень злым, но это как если бы это был чей-то первый гид, как будто они только что нашли это и каким-то образом пропустили заголовок и подумали, что это был настоящий гид, каков будет конечный результат? Мне любопытно, довольно любопытно.
Луи: Я видел код, который выглядит так, как будто он написан так, как будто его восприняли как буквальное руководство (смеется).
Стефан: Хорошая работа, Стефан.
Кевин: Разве это не называется Geocities назад в тот день?
Патрик: О, хо-хо, разве это не называлось Geocities в те времена, сказал Кевин, да (смех).
Луи: я никогда не видел код их реализации; Я, вероятно, разумнее в результате этого. Да, классно, я думаю, мы можем закончить.
Кевин: Я Кевин Дис, и вы можете найти меня на kevindees.cc, а также в Твиттере как @KevinDees .
Патрик: Я Патрик О’Киф для сети iFroggy. Я веду блог на managecommunities.com ; в твиттере @ifroggy , ifroggy.
Стефан: я Стефан Сегрейвс; Вы можете найти меня на badice.com и в Twitter @ssegraves .
Луи: И вы можете следить за SitePoint в Твиттере @sitepointdotcom , это сайт dotpoint dotcom, и вы можете следить за мной в Твиттере @rssaddict . Если вы хотите оставить комментарий к этому шоу или найти какое-либо из наших предыдущих шоу, просто перейдите на sitepoint.com/podcast , мы будем рады услышать ваше мнение; Вы также можете написать нам по электронной почте [email protected]. Спасибо за прослушивание!
Тема музыки Майка Меллы .
Спасибо за прослушивание! Не стесняйтесь сообщить нам, как у нас дела, или продолжить обсуждение, используя поле комментариев ниже.