Сегодня посмотим на CSS Animation и круговой индикатор загрузки.
Начнем издалека — как известно, последовательно ввод двух ключей в командной строке…
defaults write com.apple.Safari DebugSafari4IncludeToolbarRedesign -bool NO
defaults write com.apple.Safari DebugSafari4LoadProgressStyle -bool NO
позволял включить в новом браузере привычную шкалу загрузки в адресной строке. Как выяснилось немного позже, изменение значения ключа Safari DebugSafari4LoadProgressStyle с NO на YES позволяет еще больше усугубить результат — красивая голубая заливка адресной строки сменится круговым индикатором загрузки (pie chart progress indicator) на штатном месте фавикона.
CSS Animation
[youtube]QSvYeewvMgc&eurl[/youtube]
Появление в февральских сборках поддержки CSS Animation предсказуемо перекочевало в публичную бета-версию нового браузера и теперь позволяет реализовать совершенно новые визуальные эффекты. Причем с примером таких эффектов пользователи четвертой версии сталкиваются сразу после первого запуска программы — по ссылке http://www.apple.com/safari/welcome/ загружается приветственный ролик, в котором видеофайлу отведена роль второго плана — это ожившая в финале иконка браузера. Все остальное — логотип Apple, блики света и приветственное «Welcome to Safari» наглядно демонстрирует возможности CSS Animation.
Расширить собственные представления о новых возможностях Safari можно при помощи целой подборки демо онлайн, с которыми просто не можем не поделиться с вами:
CSS Animation: Falling Leaves, Bouncing Box, Pulse.
3D Canvas: JS Cloth, Miku, Touch.
Презентация (используйте правую и левую стрелки клавиатуры).
Поддерживаю всех. Мне нравится