Паника блог

Итак, всего несколько минут назад Apple представила Safari 5, следующую основную версию нашего любимого веб-браузера. А с Safari 5? Расширения Safari - новый способ для разработчиков добавить новые функции в Safari.

И еще несколько мгновений назад у нас появился наш первый взлом на расширение Safari! Что это?

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

Представляем Coda Notes , наше расширение Safari для аннотаций на сайте и забавный маленький проект.

При установке Coda Notes вы получите новую кнопку на панели инструментов. Нажмите на нее, чтобы увидеть все наши инструменты для комментариев, встроенные прямо в Safari. Нарисуйте несколько заметок на вашем любимом сайте. Сообщите об изменениях, идеях, концепциях или проблемах. Затем, когда вы закончите, нажмите кнопку «Отправить заметки», и вся страница перевернется как открытка .

Введите свои комментарии, адреса электронной почты, нажмите симпатичную кнопку «Отправить заметки», и все! Разработчик мгновенно получает электронное письмо с вашим скриншотом и заметками. Короче говоря, с помощью Coda Notes вы можете за считанные секунды передать то, что раньше было гораздо сложнее, и все это, не покидая Safari.

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

( Техническое примечание: расширение Coda Notes полностью построено на JavaScript, HTML и CSS; панель расширения в основном представляет собой файл HTML, а эффект переворачивания страницы достигается с помощью преобразования CSS. Мы рисуем прозрачный элемент canvas, вставленный поверх целевой страницы. Редактирование текста в реальном времени выполняется путем установки атрибута contentEditable в теле страницы, что превращает Safari в редактор, аналогично тому, как работает Apple Mail!)

Когда это будет доступно?

Обновление: Coda Notes является теперь доступно для скачивания!

Мы чувствуем это. Он, безусловно, «быстрый и грязный» в его нынешнем виде, и Coda Notes была для нас чем-то вроде эксперимента - проведенного всего за 4 дня! Но когда Safari Extensions станут более доступными для публики, скорее всего, вы также увидите Coda Notes. Следите за этим блогом и / или следите за нами Twitter!

Спасибо Apple за то, что позволили нам поиграть с Safari Extensions, и спасибо Невену и Гарретту за такую ​​отличную быструю работу над этим проектом. Если у вас есть идеи для Coda Notes, дайте нам знать!

Похожие