Новые возможности HTML и CSS в Safari 3.1

    Последняя версия web-браузера Safari включает в себя новейшие возможности HTML и CSS, имеющиеся в механизме Webkit.

    CSS Animation — трансформации и анимации на основе CSS (пример можно посмотреть — здесь).
    Поддержка HTML5 — новые тэги «video» и «audio», позволяющие с легкостью вставлять аудио или видео файлы в страницы. Пример можно посмотреть здесь.

    Загружаемые шрифты. Вместо использования стандартных шрифтов автор страницы может отображать текст шрифтами, закрепленными с помощью CSS. Внизу пример одной и той же страницы в разных браузерах. Ещё примеры.

    Safari 3.0 слева, 3.1 — справа
    css html 5 safari
    Share post
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 32

      0
      Огромное спасибо, а то обыскался живых примеров новых возможностей.
    • UFO just landed and posted this here
        +5
        Привет! Меня зовут Интернет Эксплорер, и я не дам тебе использовать в реальной работе все эти вкусности!
          0
          грустная шутка получилась
            0
            Да чего грустить. Нужно радоваться за разработчиков WebKit и надеяться, что через некоторое время и "более другие" браузеры будут все это поддерживать. Все-таки что не говори, а у IE прогресс в сторону соответствия стандартам налицо.
            +5
            Здравствуйте, нас зовут Opera и FireFox, мы не дадим использовать вам это в реальной работе.

            В IE есть embeded font с незапамятных времён, именно с них списаны «загружаемые шрифты».
              0
              А она на айфоне будет заместо флеша.
              +1
              Смотрел с открытым ртом на вращающийся див на http://webkit.org/blog/138/css-animation/
              Нигде кроме сафари это не заработало...
                +1
                Естественно. Это нигде больше не поддерживается.
                  0
                  Я за один вечер тоже могу придумать какой-нибудь замысловатый CSS и реализовать его в FireFox, но оно кому-нибудь нужно будет? )))
                    0
                    Да! :) покажите мне текст под углом :)
                      0
                      Для этого нужно импортнуть vodka.css =)
                  0
                  Подгружаемые шрифты должны и в IE работать


                  @font-face {
                  font-family:Calibri;
                  panose-1:2 15 5 2 2 2 4 3 2 4;
                  mso-font-charset:204;
                  mso-generic-font-family:swiss;
                  mso-font-pitch:variable;
                  mso-font-signature:-1610611985 1073750139 0 0 159 0;
                  }
                    0
                    Они там и работают. Версии с четвёртой.
                      0
                      Ещё точнее — именно с них и списан этот стандарт. Только у IE умнее — в шрифт можно положить только те буквы, которые будут использованы, что, естественно, сильно сокращает размер файла.
                      • UFO just landed and posted this here
                      0
                      А вот и ошибки перевода Safari 3.1 —
                      http://img397.imageshack.us/my.php?image=safariac9.jpg
                      Хотел выложить скрин сразу, но карма не позволяет :-(
                        0
                        Это мог http сервер неверные данный выдать
                        0
                        > новейшие возможности HTML и CSS, имеющиеся в механизме Webkit

                        Что такое «механизм Webkit»? Может быть вы имели в виду «движок»?
                          0
                          Всё это конечно интересно и забавно, но на практике применяться не будет, ввиду весьма небольш0го кол-ва людей юзающих этот браузер. Так что все эти эффекты могут рассматриваться только как "фишки"
                            0
                            Это пока, потом что-то приживётся и в других браузерах. В частности, video/audio будет везде — это часть HTML5 (в данный момент это есть в Safari, специальный билд Opera 9.50 поддерживается video), транформации — впечатляющая штука, может появится и в остальных браузерах (хотя в IE сто лет есть HTML+TIME, на которую, почему-то, никто внимания не обращает), а embed font тоже появятся — часть стандарта CSS3 всё-таки (они есть в Safari, работают в каком-то виде в IE4 и выше, Opera обещает сделать поддержку).
                          • UFO just landed and posted this here
                              0
                              Это "опережение" ничего не меняет. Ну появится через пол года это в FF/Opera - от этого никому хуже не станет.
                              • UFO just landed and posted this here
                                  0
                                  через пол года! а ребята уже сделали. Остальные только начинают шевелиться в эту сторону.
                                  ЗЫ видео через хтмл5 оччень порадовало =) на видео с ютуба смотреть без слез не возможно.
                                    0
                                    Тег «video» на видео с ютуба никак не повлияет.
                                      0
                                      Это не та "фича" из-за которой Safari вдруг станет супер-пупер популярным.
                                      0
                                      В Opera тег «video» появился на 4 дня раньше, чем в WebKit.
                                        0
                                        отладка. чем раньше тем качественнее я полагаю будет на момент распростроненности
                                          0
                                          В теории да, но ведь не так уж и много изменений, что бы там много чего отлаживать было. Весь же спект HTML 5.0 пока не добавлен...
                                      0
                                      Пойдёт браузер. Не хуже остальных. Но при просмотре pdf у меня вешается напрочь. Также жрёт 100% процессорного времени при работе с java.

                                      Only users with full accounts can post comments. Log in, please.