• Safari 3.0.2 beta

    • Перевод
    Скачать

    Исправлено следующее:

    — Свежие апдейты по безопасности.

    Для не английских версий Windows:
    — Сафари неожиданно валился в управлении закладками, либо при вводе в текстовые поля.
    — Пропадал жирный и наклонный текст.
    — Сафари не грузился, если имя пользователя в системе содержало не-английский символ.
    — Глюк, когда абсолютно весь текст пропадал, если в системе установлено большое количество шрифтов, либо когда Сафари устанавливался в папку, отличную от папки по умолчанию.
    — Медленное время загрузки, если в системе есть шрифт, у которого время создания указано в будущем.
    — Глюк, когда иногда на страницах вместо шрифта Arial выводился совершенно другой шрифт.
    — Сафари иногда падал, при вводе логина и пароля во время http-аутентификации или при попытке обработать неподдерживаемую NTLM-аутентификацию
    — Падения на глючных RSS-фидах
    — Зависания во время обновления RSS-фидов
    — Теперь можно установить виджеты Adobe Integrated Runtime (AIR) и Yahoo.
    — Сафари падал при просмотре Google Reader.
    — Падения на системах с процессорами, не поддерживающими SSE, либо с некоторыми определёнными видеокартами, либо когда какой-то веб-сервер выдавал пустое поле
    Content-type в HTTP-заголовке.

    Личные впечатления: Ура! Он запустился у меня дома! :). Правда грузился около минуты и отъел чуть больше 100 мб памяти. В офисе же 3.0.0 стартует мнгновенно. (Разница в железе не существенная)
  • 3 лекарства для Ослика

      У великого (по доле рынка) творения Microsoft — браузера Internet Explorer раньше 7 версии имеется множество недостатков, среди которых современных веб-дизайнеров и разработчиков наиболее напрягают:
      • плохая поддержка селекторов CSS2 (в частности, слабая поддержка псевдокласса :hover)
      • плохая поддержка PNG с градациями прозрачности.

      Эти проблемы должны решиться, если все пользователи IE перейдут на седьмую версию. Для тех, кто не хочет ждать, я представляю три лучших лекарства от этих недомоганий браузера.
      Читать дальше →
    • CSS Framework «Object Oriented CSS»

        Оригинальный css фреймворк «Object Oriented CSS» от инженера Yahoo Nicole SULLIVAN-HAAS
        Очень молодой фреймворк (первый коммит — January 28, 2009), после беглого просмотра приятно удивила структура компонентов, а
        после просмотра презентации, захотелось немедлено скачать и опробовать его.
        Читать дальше →
      • Выравнивание полей формы с помощью CSS

          Задача


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

          forms_1

          Читать дальше →
        • CSS Sticky Footer / Прилипающий футер

          • Перевод

          Как использовать прилипающий футер


          Введение


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

          Решения Райана Фэйта хорошо известно и работает, но требует лишний пустой <div>. Приверженцы чистого HTML-кода могут найти это богохульство несемантичным. В нашем решении лишнего <div> нет.
          далее
        • 1001-ый способ вертикального выравнивания

            О вертикальном выравнивании блока неизвестной высоты по центру или низу родителя сказано много. Есть способы, основанные на display:table-cell для хороших браузеров (без кавычек) и expression для IE, способы, основанные на относительном позиционировании (могут плохо работать при переполнении). В этой заметке будет описан способ, работающий на особенностях такого мощного отображения, как встроенный блок (display:inline-block).
            Читать дальше →
          • «Резина» (fluid grids)

            • Перевод
            image

            В этом году я делал редизайн веб-сайта с большим количеством контента. Требования к дизайну были простые: клиент попросил сохранить существующий логотип компании, улучшить плотность печати и увеличить читабельность. Так что, в самом начале разработки дизайна, я потратил значительное количество времени на планирование хорошо структурированной сетки для библиотеки информационных блоков.
            Последние несколько лет такой образ мышления стал более распространенным. Благодаря Марку Балтону (Mark Boulton), Кхои Винху (Khoi Vinh), и другим, мы видим возрождение интереса к типографской сетке, и того, как использовать ее в сети. И, откровенно, идея была сногсшибательным хитом: миллионы CSS фреймворков расцвели множеством дополняющих их инструментов, каждый из которых создан для того, чтобы сделать основанный на сетке дизайн еще более доступным для среднестатистического дизайнера/верстальщика. И почему бы и нет? После нескольких минут мышления в категориях сетки достоинства становятся очевидны: дизайнеры получают рациональный, структурированный фреймворк для образования структуры информации и пользователи получают хорошо структурированные, читабельные сайты.
            Между тем, наш клиент выдвинул еще одно, убойное, требование: дизайн должен быть тянущимся и изменять размеры вместе с окном браузера. Обычно это заставило бы меня шумно и смущенно радоваться. «Резина» — недооцененная парадигма в веб-дизайне. Она отдает контроль над дизайном в руки пользователей и их привычек веб-серфинга. А еще ее возможности абсолютно не соответствуют фантазии веб-дизайнеров.
            Читать дальше →
          • Про резиновую верстку

              Навеяно этим.

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

              Как сделать? min-width и min-height.

              #site {
                margin: 0 auto; /*это чтоб центрировать контент при превышении max-width*/
                min-width: 980px;
                max-width: 1500px;
              }


              Но ведь IE их не поодерживает. А expression слишком нагружает браузер… Спокойно, други! Я выведу вас к свету из тьмы!
              Пишем далее.



              А в ie.js помещаем

              window.attachEvent('onload', mkwidth);
              window.attachEvent('onresize', mkwidth);

              var minwidth = document.getElementById("site").currentStyle['min-width'].replace('px', '');
              var maxwidth = document.getElementById("site").currentStyle['max-width'].replace('px', '');
              function mkwidth(){
                  document.getElementById("site").style.width = document.documentElement.clientWidth < minwidth ? minwidth+"px" : (document.documentElement.clientWidth > maxwidth ? maxwidth+"px" : "100%");
              };


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

              Пользуйтесь, короче, на здоровье!