Хабрахабр: Web-разработка / Блог / Захабренные Голосов: 1 Адрес блога: http://habrahabr.ru/blog/webdev/ Добавлен: 2008-06-12 19:52:21 блограйдером ZaiSL

[Перевод] Инструментирование Google Chrome через WebSocket API

2012-04-12 22:18:52 (читать в оригинале)

Хабы: Веб-разработка, Ruby, Google Chrome

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

Инструментирование Google Chrome

Тем не менее, в то время, как создание общего решения является сложной задачей, оказалось, что инструментирование Chrome очень просто, — как я недавно обнаружил при исследовании некоторых вопросов, связанных с сетевыми задержками. Начиная с 18 версии, Chrome теперь поддерживает протокол удалённой отладки v1.0, который предоставляет все возможности браузера с помощью обычного WebSocket!

/Applications/Path To/Google Chrome --remote-debugging-port=9222 # OSX
$> curl localhost:9222/json

[ {
   "devtoolsFrontendUrl": "/devtools/devtools.html?host=localhost:9222&page=1",
   "faviconUrl": "",
   "thumbnailUrl": "/thumb/chrome://newtab/",
   "title": "New Tab",
   "url": "chrome://newtab/",
   "webSocketDebuggerUrl": "ws://localhost:9222/devtools/page/1"
} ]

Читать дальше →

---

1366×768px обошло 1024×768px в списке самых популярных разрешений экрана

2012-04-12 13:55:33 (читать в оригинале)

Хабы: Интерфейсы, Веб-разработка, Веб-дизайн



Аналитическая компания StatCounter сообщает важную информацию для веб-разработчиков и дизайнеров: впервые самым популярным разрешением экрана в мире стало 1366×768px, которое обогнало прежнего лидера 1024×768px.
Читать дальше →

---

Эволюция архитектуры: от «самописных» сервисов к HandlerSocket

2012-04-12 13:16:14 (читать в оригинале)

Хабы: Высокая производительность, Веб-разработка, Блог компании Badoo



Сегодня мы расскажем о том, как в Badoo изменился подход к проектированию нагруженных “key-value” сервисов. Вы узнаете, по какой схеме такие сервисы создавались нами несколько лет назад (использование БД в качестве репозиториев и специализированного демона как интерфейса к данным), с какими трудностями мы при этом столкнулись и к какой архитектуре в результате пришли, разрешив появившиеся проблемы.
Читать дальше →

---

Розыгрыш DasKeyboard и RetroMouse на Форуме Технологий

2012-04-12 11:45:05 (читать в оригинале)

Хабы: Системное администрирование, Веб-разработка, Linux

Несколько дней осталось до закрытия регистрации на Форум Технологий Mail.Ru Group 2012. В честь этого мы приглашаем системных администраторов принять участие в конкурсе и выиграть приятные призы.

Что нужно сделать?
Читать дальше →

---

Как мы будем верстать, когда экраны станут многопиксельными, а пикселы еле разлечимыми

2012-04-11 14:46:13 (читать в оригинале)

Хабы: Веб-разработка, Браузеры, CSS

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

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

Что нам делать с картинками в оформлении?

Да, сейчас все браузеры научились хорошо масштабировать сайты. Нажал Ctrl, покрутил скроллом, и твой сайт в том размере, как тебе удобно. Но если растровую картинку 30 на 80 пикселей увеличить в трое, красоты это не прибавит.

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

Я вижу 2 принципиальных решения:

1. Использование разных файлов под конкретное разрешение, JS определяет размер экрана, предлагает определенный файл CSS, который в свою очередь подгружает нужные картинки.

2. Переход на векторную графику в оформлении сайта.

Плюсы и минусы обоих вариантов