RMCreative.ru - Блог Голосов: 1 Адрес блога: http://rmcreative.ru/feed/ Добавлен: 2008-06-12 21:34:00 блограйдером ZaiSL

The Modal

Оформил «правильные модальные окна» в плагин jQuery и выложил на github.

API получился, на мой вкус, неплохим. Можно делать, например, вот такие штуки:

$.modal().open({
    onOpen: function(el, options){
        $.get('http://example.com/', function(data){
            el.html(data);
        });
    }
});

На данный момент найдены две нехорошести — одна со скроллом кнопками в FF, вторая — со скроллом на iPad. Со временем, конечно же, они будут исправлены.

Пользуемся и форкаем

Firebug на iOS

Понадобилось поотлаживать CSS на iPad в его iOS-Safari. Оказалось, ничего кроме довольно ущербной отладочной консольки на нём нет. Зато есть способ запустить Firebug lite. Правда, не совсем тривиальный.

Проблема в том, что букмарклеты просто так в мобильный Safari не добавить. Но способ есть:

1. Идём по адресу http://www.thecssninja.com/javascript/iphone-bookmarklet.
2. В разделе «I get it just give me the bookmarklet» щёлкаем неприметное слово «here». Потом щёлкаем его ещё раз и добавляем полученный адрес в закладки.
3. После сохранения удаляем из адреса закладки всё до #removeme_ включительно.
4. Идём на сайт Firebug lite.
5. Используем ранее добавленный букмарклет, затем щёлкаем по «Firebug Lite» и, опять же, удаляем всё до #removeme_ включительно.

Вот и всё. Теперь у нас есть букмарклет, подгружающий Firebug lite. Работет он на iPad плохо, но это намного лучше, чем отлаживать вслепую.

Как бороться с проблемами небольшой Wi-Fi сети

На днях в дальних углах нашей небольшой квартиры сильно испортился Wi-Fi. С трудом выдавал одну палку и часто выпадал. Нужно было что-то предпринимать.

В беспроводных сетях две главные проблемы:

1. Преграды в виде стен, полов и потолков.
2. Соседи.

Проблему с преградами можно частично решить повышением мощности передаваемого сигнала и, если не хватит, заменой антенны. При этом чрезмерно повышать мощность нельзя: во-первых, в России есть верхняя планка в 100 mW (~20 dBm), во-вторых, с ростом мощности растут помехи.

Настраивается обычно прямо из GUI точки доступа. Как именно, какие величины, и в каких единицах — для каждого производителя индивидуально.

С соседями тоже интересно. По стандарту 802.11b нам доступны 14 каналов. В России, опять же, можно использовать только 13. Каждый передатчик занимает не только свой канал, но и щедро наделят помехами соседей. Чтобы помех было как можно меньше, рекомендуется занимать не влияющие друг на друга каналы. У нас их всего три: 1, 6, 11. Ну и выбирать, конечно, лучше всего тот канал, на котором меньше народу с сильным сигналом.

Вслепую что-то настраивать — не наш метод, поэтому сначала я занялся поисками инструмента. Как ни странно, нашёлся. Хорошего качества, да ещё и бесплатный. Зовётся inSSIDer и умеет всё, что в данной ситуации нужно.

• Показывает, кто какие каналы занимает (на картинке №2).
• Показывает мощность сигнала (RSSI, на картинке №1).
• Показывает колебания этой самой мощности (вкладка Time Graph).

Тут стоит дать несколько пояснений.

Мощность сигнала измеряется в dBm и отрицательна. Значения стоит понимать так:

• –30dBm = Отлично
• –60dBm = Хорошо
• –80dBm = Не очень
• –90dBm = Плохо

То есть для уверенного приёма нужно достичь значения от –60 до –30. Измерять и настраивать, естественно, нужно в той самой удалённой точке.

Ну и несколько наблюдений:

• Положение антенны точки довольно ощутимо влияет на мощность принимаемого сигнала. В моём случае наилучшее положение — вертикально вверх.
• Если всё совсем плохо и причин этому не видно — проверьте, крепко ли держится антенна и не отвалилась ли она внутри.
• Хоть соседи и являются самыми злостными источниками помех, не стоит ставить точку доступа на микроволновку.

Правильные модальные окна

Обычно модальные окна и диалоги делаются при помощи плагинов jQuery. Например, SimpleModal или jqModal. К сожалению, все они, в варианте по умолчанию, работают неправильно.

Если окно модальное, то пользователю нельзя позволять прокручивать страницу под ним. При этом, если содержимого в модальном окне очень много, нужно позволить это содержимое прокручивать.

По этому принципу работает просмотр фото в Facebook и Вконтакте.

Для реализации подобного функцианала частенько нагромождают тонны JavaScript, хотя можно обойтись почти чистым CSS (за исключением навешивания одного класса на контейнер).

Рассматриваем пример

Немного прокомментирую:

/* Данный класс навешивается на контейнер при открытии модального окна. Для нормальных браузеров это body, для стырах IE — html */
.lock {
    /* Скрываем скроллбары */
    overflow: hidden;
}
 
.modal {
    /* По умолчанию не показываем содержимое модальных окон */
    display: none;
}
 
.lock .modal {
    /* Показываем подложку (полупрозрачное затенение) при открытии модального окна */
    display: block;
 
    /* Саму подложку фиксируем и растягиваем на всё пространство */
    position: fixed;
    bottom: 0; left: 0; top: 0; right: 0;
 
    /* Если содержимое модального окна в подложку не влезает — показываем скроллбары */
    overflow: auto;
}

Типографская раскладка Бирмана 3.0

Илья Бирман обновил свою раскладку для Windows и Mac, позволяющую вводить символы вроде «©€®», тире, троеточия и других.

Изменения в новой версии касаются, в основном, Mac и самое главное из них — нормальная работа горячих клавиш в Photoshop и Word.

Пробуем и обновляемся