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

Сегодня, этим сонным летним утром, я расскажу вам про SSL соединение из PHP скрипта. Расскажу исходя не только лишь из теории, а ещё и решая вполне себе практическую задачу — логин на гугловский блогосервис blogger.com.

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

Сегодня же мы поговорим об очень простой утилите, но тем не менее которая может стать вашим постоянным и надёжным другом и помощником.

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

Примечание: ниже перевод свежей презентации от Yahoo! «High Performance Web Pages» с новыми советами по оптимизации. Yahoo известна своими статьями на тему оптимизации клиентской части и является мировым лидером в этой области. Однако, с уходом Julien Lecomte (ведущего специалиста отдела оптимизации, автора YUI Compressor) в Apple ситуация может измениться. Посмотрим.

Мои комментарии далее курсивом. Я постарался, по возможности, расставить ссылки на упоминаемые в презентации инструменты и связанные статьи.

Этот медлительный веб

• Мы используем Интернет для решения наших повседневных задач
• Мы все хотим испытывать при этом комфорт
• Мы не выносим медленные страницы (хотя есть варианты)
• На 500 мс медленнее = 20% уменьшение трафика (Google)
• На 100 мс медленнее = 1% уменьшение продаж (Amazon)

Разговор на сегодня

• Как улучшить производительность веб-страниц
• Фокус на клиентской части
• 14 отличных советов для быстрых страниц
• … и еще 20!

читать дальше на webo.in →

Почему бы не разметить информацию о пользователе сообразно микроформату hCard?

Чем Хабрахабр хуже Technorati?

Добрый человек Wolfgang Bartelme создал набор пиктограмм для микроформатов.

Вот так, например, выглядят пиктограммы основных микроформатов:
.

На сайте доступны исходники для уже готовой графики и джентельменский набор разработчика пиктограмм для микроформатов (psd- и ai-файлы).

Стив Ганц (Steve Ganz), старший разрабочик LinkedIn, заявил о том, что разработчики сети LinkedIn внедрили микроформат hResume в профайлах всех пользователей (примерно 9 миллионов человек).

Пользователи Firefox 2 с расширением Operator уже сейчас могут воочию убедиться в вышесказанном: достаточно зайти на страницу вашего аккаунта в LinkedIn, и далее по пути My Profile —> Public Profile.

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

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

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

Сделал тестовую страницу. Под катом описание моих действий.
ВНИМАНИЕ! Я дописываю и дополняю описание вот прямо сейчас, когда вы это читаете, так что не удивляйтесь появлению новых абзацев.

Решил собрать воедино некоторые из тех вопросов, что мне задавали на недавних конференциях РИТ 2007, PHPConf 2007, и в онлайне. Отвечу ещё раз.

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

В качестве очередного шага на пути к созданию открытой поисковой платформы, компания Yahoo объявила о поддержке микроформатов и других семантических веб-стандартов. Таким образом, разработчики могут смело внедрять в HTML-код данные hCard, hCalendar, hReview, hAtom и XFN, а также создавать структурированные фиды на RDF и eRDF. Поисковый робот Yahoo будет корректно распознавать перечисленные микроформаты и добавлять информацию в общую базу.

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

Было:

Будет:

 

Удивишись, что мой хабраюмор хабралюди понимают с трудом, перешел к написанию ещё одного интересного хабратопика. :)

Хочу предложить один удобный метод для взаимодействия Javascript с PHP.

Можно в PHP добавить класс, с возможность 'удаленного' запуска оттуда функций с параметрами.

В последнее время стало модно объединять все внешние JavaScript-файлы вашего сайта в один большой, загружаемый один раз и навсегда. Это, скажем прямо, хорошо — браузер не делает сто миллионов запросов на сервер для отображения одной страницы ¹, скорость загрузки повышается, пользователи счастливы, разработчики отдыхают.
Как всегда, в бочке мёда есть ложка дёгтя — в объединённый файл в этом случае попадает много того, что при первом запросе можно было бы и не загружать.² Здесь должна была быть ссылка на хабратопик с соответствующим обсуждением. Успешно потеряна. Чаще всего для борьбы с этим предлагают выкидывать ненужные части руками… Лично у меня перспектива каждый раз перелопачивать несколько десятков (а то и сотен ³) килобайт JavaScript кода вызывает острое нежелание работать — а у вас?
под катом: описание простейшего алгоритма разрешения зависимости между модулями

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

Когда день после завтра – вчера, тогда «сегодня» будет так же далек от воскресенья, как и день, который был «сегодня», когда день перед вчера был завтра. В какой день недели верно данное утверждение?

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

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

Adam DuVander из команды сайта WebMonkey составил список пяти лучших надстроек над Firebug. Вне конкуренции, оказался YSlow, но остальные 4 тоже очень полезны:

* Firecookie для простоты работы с cookies
* FirePHP для интеграции серверного PHP дебагинга с интерфейсом Firebug
* Pixel Perfect для наложения макета на HTML шаблон для контроля соответствия вёрстки
* Rainbow для подсветки Javascript синтаксиса

Пользуйтесь.

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





P.S. Что бы использовать плагин в FF, необходимо установить расширение greasemonkey.


UPD: Повторное нажатие на кнопку, возвращает комментарии на место


UPD: Теперь форма добавления каментов не скрывается :)

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

концепция сервиса: