Данное онлайн приложение позволяет протестировать качество верстки в различных web браузерах, на данный момент поддерживаются:

• Chrome 3.0 — Windows
• Firefox 2.0 — OS X
• Firefox 3.0 — OS X
• Firefox 3.6 — OS X
• Firefox 2.0 — Windows
• Firefox 3.0 — Windows
• Firefox 3.6 — Windows
• Internet Explorer 6.0 — Windows
• Internet Explorer 7.0 — Windows
• Internet Explorer 8.0 — Windows
• Safari 3.0 — OS X
• Safari 4.0 — OS X

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

Очень удобно, что можно переключиться в Split Mode и смотреть, как один и тот же кусок страницы отображается в разных программах.

https://browserlab.adobe.com/en-us/index.html

Похожие записи

• PHP . Советы для маленьких (0)
• Опера и Мегафон... (2)
• Ну вот и обновились (0)
• Найти авто инструктора (2)
• Клеви навигация (1)

Мелочей еще конечно много, но буду править и постараюсь снова начать писать.

Похожие записи

• Клеви навигация (1)
• Hotkeys для wordpress (3)
• Цветовая идентификация (1)
• Фотоблоги / фотоблог / фото блог (4)
• Тестируем верстку Adobe BrowserLab (0)

Суть очень простая, он автоматически делает  одинаковый width для всех элементов <label>.

Изначально форма выглядит примерно вот так:

Добавляем стиль:

label, input[type="text"]{
    float:left;
    display:block;
}
label{
    margin-right: 5px;
}
.field{
    width:100%;
    overflow:auto;
    margin:5px 0px;
}

Добавляем javascript:

$(document).ready(function() {
    var max = 0;
    $("label").each(function(){
        if ($(this).width() > max)
            max = $(this).width();
    });
    $("label").width(max);
});

И вуаля:

Похожие записи

• Тестируем верстку Adobe BrowserLab (0)
• Плагины для jQuery (жесть) (0)
• Обфускатор Javascript (0)
• Ну вот и обновились (0)
• Клеви навигация (1)

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

Началось всё с того, что некоторое время назад, я прикрутил к блогу hotkey (hotkeys для wordpress), но какой в них смысл, если об этом никто не знает. Вот мне и захотелось вынести их на передний план.

Для этого, я чуть — чуть поиграл с css стилями, и теперь .footer выглядит следующим образом:

#container_foot {
    border-top:thin dashed;
    bottom:0;
    height:32px;
    left:0;
    padding-bottom:0;
    padding-top:5px;
    position:fixed;
    width:100%;
    z-index:1000;
}

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

Похожие записи

• Ну вот и обновились (0)
• Loc Dog — Паранойя (Клип) (0)
• Hotkeys для wordpress (3)
• Цветовая идентификация (1)
• Фотоблоги / фотоблог / фото блог (4)