safari 4 fitur baru

Pada WWDC 2009, Apple merilis versi resmi browser Safari 4. Versi resmi Safari 4 meninggalkan metode tab seperti Chrome dan kembali ke antarmuka versi 3.0. Dikatakan bahwa di WWDC, Serlet dengan serius melakukan BS pada browser IE8 Microsoft, mengatakan bahwa mesin JavaScript Safari saat ini adalah yang tercepat di dunia. Menurut data pengujian yang dia berikan, Chrome 2 5,3 kali lebih cepat dari IE8, dan Kecepatan Safari4 adalah 5,3 kali lebih cepat dari IE8. 7,8 kali lipat dari IE8!

Sebagian besar data ini adalah gimmick resmi, jadi abaikan saja untuk saat ini dan lihat apa dampak Safari 4 terhadap pengembangan front-end kami:

Mendukung tag Audio dan video.

Safari4 memiliki banyak perbaikan dalam dukungannya terhadap CSS, sebagai berikut:

Safari 4 mulai mendukung atribut zoom. Penggunaan dan efeknya sama dengan browser IE. Bedanya jika di-zoom, Safari akan mengecil hingga font terkecil yang didukung browser, sedangkan IE akan langsung mengecil ke ukuran yang ditetapkan. Misalnya:

.zoomTest { ukuran font : 12 piksel ; zoom : 0,1 }

Safari hanya akan mengecil menjadi 9px ukuran font, sedangkan IE akan mengecil menjadi 1.2px (yang tidak lagi terlihat dengan mata telanjang).

Ini terdiri dari serangkaian sub-properti:

• -webkit-animation-name menentukan nama untuk animasi
• -durasi animasi -webkit-animasi-durasi
• -webkit-animation-timing-function Metode peralihan bingkai animasi, yaitu efek animasi, mungkin mencakup kemudahan, linier, kemudahan masuk, kemudahan keluar, kemudahan masuk.
• -webkit-animation-delay menentukan waktu mulai animasi
• -Waktu pengulangan animasi -webkit-animation-iteration-count
• -arah animasi-webkit-animation memiliki dua atribut: normal, pemutaran maju bergantian, arah bergantian, pemutaran maju bernomor genap, pemutaran mundur bernomor ganjil;

Efek topeng/topeng CSS

• -webkit-mask-attachment memiliki dua nilai: tetap dan gulir;
• -efek kliping webkit-mask-clip dari batas elemen;
• Penggunaan -webkit-mask-position mirip dengan atribut background-position.
• -webkit-mask-origin menentukan jangkar atribut -webkit-mask-position. Ada tiga atribut: perbatasan, konten, dan padding.
• Gambar topeng dari elemen -webkit-mask-image , nilainya adalah jalur gambar;
• -webkit-mask-ulangi pengaturan berulang,
• -gaya campuran webkit-mask-composite . Defaultnya adalah border yang artinya background meluas hingga ke area border. Itu juga dapat diatur ke bantalan.

Safari 4 juga menambahkan atau meningkatkan dukungan untuk beberapa properti CSS lainnya, misalnya, posisi latar belakang mulai mendukung efek animasi, yang tidak akan dijelaskan di sini.

Dapat dilihat bahwa properti CSS baru yang ditambahkan ke Safari ini bukan bagian dari standar W3C, namun properti pribadi webkit ini memang memungkinkan kita mengembangkan aplikasi jaringan yang lebih baik.

Peran WAI-ARIA

Mungkin belum banyak yang mengetahui tentang WAI-ARIA. WAI-ARIA adalah singkatan dari W3C Web Accessibility Initiative Accessible Rich Internet Applications, yang diterjemahkan ke dalam bahasa Mandarin sebagai "Aplikasi Internet Kaya yang Dapat Diakses". Pada saat yang sama, W3C mengembangkan standar peran WAI-ARIA. Google baru-baru ini mengumumkan bahwa mereka akan sangat mendukung WAI-ARIA, dan fungsi membaca layar pembaca Google diimplementasikan melalui WAI-ARIA. Saat ini Firefox sudah mulai mendukung WAI-ARIA, dan IE8 mendukung sebagian. Safari 4 juga mendukung peran WAI-ARIA. Periksa dukungan Safari 4 untuk WAI-ARIA >>

Perlu dicatat bahwa WAI-ARIA sepertinya hanya mendukung tag div dan span Untuk bekerja sama dengan WAI-ARIA, Safari juga menambahkan beberapa atribut pendukung HTML, seperti aria-checked/aria-level/aria-valuemax/aria. -nilaimin, dll.

Unduh safari :

PS: Tombol download ini berasal dari halaman download resmi Safari. Anak-anak yang berhati-hati akan menemukan bahwa gaya tombol ini jelas bukan gaya Apple, tetapi lebih mirip tombol hijau di halaman download Firefox.

Teks asli: http://www.qianduan.net/safari-4-new-features.html