Isi
- 1. Foton
- 2. Ninja 0.7.0
- 3. Emulator Opera Seluler
- 4. TinyPNG
- 5. XMLPlayground
- 6. Gambar jQuery
- 7. jquery.cookie
- 8. WebGameStub
- 9. Modernizr 2.6
- 10. Safari 6
Bulan ini melihat perpaduan antara pendobrak batas dan praktik. Keduanya bukan teman yang aneh seperti yang mungkin terlihat, setidaknya dalam hal pengembangan web - karena alasan sederhana bahwa hampir setiap upaya untuk meregangkan alam yang mungkin akan menyebabkan beberapa lubang muncul pada apa yang Anda miliki. dapat. Dan di situlah manfaat kepraktisan.
Jadi kami memiliki perlengkapan pencahayaan 3D CSS3 dan pemecah gambar PNG, rangkaian produksi media, dan pemotong kue untuk jQuery. Anda tidak boleh melupakan detailnya saat mencoba membuat perubahan pada gambaran besarnya.
Terlebih lagi, banyak bintang paling cemerlang di komunitas pengembang yang dikaitkan dengan pekerjaan detail. Ambil contoh, proyek Modernizr, juga diperbarui bulan ini. Dalam hal membangun web, bukanlah konten yang menjadi rajanya: itu utilitas.
1. Foton
Harga: Gratis
Ini adalah proyek yang menyenangkan. Foton menciptakan efek pencahayaan sederhana untuk elemen DOM yang dirender dalam ruang 3D. Ini dimungkinkan oleh CSS bermodel baru mengubah Properti. Atau, seperti yang lebih dikenal, '- [awalan vendor] -transformasi' Properti.
Ini hal yang cerdas, jika agak sulit dipahami, dan agak membebani CPU lama. Namun pencipta Photon, Tom Giannattasio, membuat kasus yang bagus untuk digunakan dalam bentuk origami crane. Jalankan browser yang layak dan coba.
2. Ninja 0.7.0
Harga: Gratis
Ninja Tetsubo.org adalah alat produksi konten gaya 3D berfitur lengkap yang mengesankan.Ia mampu menghasilkan objek, adegan, dan bahkan animasi, menampilkannya sebagai HTML5.
Ninja adalah aplikasi Chrome dan oleh karena itu membutuhkan penginstalan browser Google terbaru, yang di dalamnya dapat dijalankan. Ini bukan sistem termudah di dunia untuk dijalankan, tetapi mengingat volume pekerjaan yang dilakukan di belakang layar, ini sepenuhnya dapat dimengerti.
Kode keluarannya adalah HTML / CSS3 / JS, dan cukup bersih. Ninja berfungsi dengan baik sebagai alat desain, dan dengan tambahan tampilan kode, Ninja bisa menjadi populer di kalangan pengembang.
3. Emulator Opera Seluler
Harga: Gratis
Pernah bertanya-tanya bagaimana situs Anda akan bekerja jika seseorang mengunjungi di Opera seluler? Tidak heran lagi, karena Opera telah merilis emulator perangkat lunak kelas satu. Dan apa lagi yang dapat disalurkan ke Opera Dragonfly sehingga Anda dapat men-debug semuanya dari jarak jauh.
Anda harus menyerahkannya ke Opera: mereka suka melakukan sesuatu dengan benar. Aplikasi ini berjalan dengan lancar, menawarkan berbagai perangkat untuk ditiru, dan bekerja dengan baik dengan debugger. Jika mereka cukup baik untuk memperluas layanan ini untuk mencakup browser dan platform lain, itu akan bagus.
4. TinyPNG
Harga: Gratis
Anda pasti menyukai file .png tetapi ukurannya menghalangi mereka di semua kecuali situasi yang paling penting. (Itu, dan fakta bahwa IE6 tidak akan bermain bola.) TinyPNG menawarkan solusi untuk kedua masalah kecil yang mengganggu ini.
Jawabannya adalah untuk mengubah gambar 24-bit yang diunggah menjadi grafik 8-bit yang diindeks. Proses ini dapat memiliki implikasi penghematan ruang yang sangat besar tetapi juga memiliki efek samping bekerja dengan IE: tidak ada solusi yang diperlukan. Itulah yang mereka sebut situasi win-win. Bagaimanapun, George si panda - maskot TinyPNG - tampak senang.
5. XMLPlayground
Harga: Gratis
XML adalah teknologi yang sangat serbaguna, tetapi untuk memahami beberapa fungsinya yang lebih esoteris bisa menjadi perjuangan yang panjang dan melelahkan. XMLPlayground melakukan semua kerja keras untuk Anda, membiarkan bidang tersebut gratis untuk beberapa kejahatan yang bermakna secara semantik.
XSL, XPath, XQuery, Schemas, DTDs, RelaxNG: apakah ada di antara dering bel ini? Jika ya, tetapi Anda telah membiarkan semuanya berjalan lancar, lihat situsnya: Anda mungkin akan menemukan kembali kecintaan Anda pada XSLT. Jika gagal, unggah kode dan coba beberapa biola. Ini cara yang bagus untuk mempelajari bagaimana teknologi cocok satu sama lain.
6. Gambar jQuery
Harga: Gratis
Masalah desain responsif itu memiliki beberapa masalah, bukan? Hal yang paling membingungkan adalah pengiriman gambar. Bagaimana melakukan Anda ingin menyajikan berbagai sumber gambar dengan andal?
Gambar jQuery mendekati situasi dengan menggunakan salah satu gambar> atau gambar> tag, yang merinci sumber gambar, dan a .gambar() tambahkan untuk memilih di antara mereka. Begitu baru gambar> dan petugas sumber> tag tersedia (ini adalah proposal yang relatif baru) plugin akan menjadi mubazir, tetapi karena keadaannya, itu adalah celah penghentian kelas pertama.
7. jquery.cookie
Harga: Gratis
Berurusan dengan cookie bukanlah pekerjaan terburuk yang terjadi, tetapi mengikuti perubahan baru-baru ini dalam undang-undang Uni Eropa, hal itu menjadi jauh lebih mengganggu. Untungnya, Klaus Hartl sudah cukup baik untuk menulis jquery.cookie: sebuah plugin jQuery untuk mengatasi kesulitan dalam mengelola cookie.
Penggunaannya sesederhana yang Anda harapkan dari jQuery, meneruskan nilai cookie Anda bersama dengan namanya dan objek yang berisi variabel seperti domain, aman dan kadaluarsa. Anda membaca kembali dengan panggilan sederhana ke $ .cookie (’cookie_name’).
8. WebGameStub
Harga: Gratis
Jika Anda berpikir untuk menyelesaikan beberapa game kanvas HTML5 selama akhir pekan tetapi tidak yakin harus mulai dari mana, lihat saja WebGameStub Mozilla yang masih baru.
Pada dasarnya, ini hanyalah game HTML5 yang sangat dasar yang disiapkan dengan CSS, jQuery, dan kanvas, semuanya dirancang untuk Anda pilih. Sesuaikan saat Anda melanjutkan, pelajari cara kerja loop game, dan cara menangani deteksi tabrakan, sprite, peristiwa, dan sebagainya. Sebelum Anda menyadarinya, Anda akan memiliki permainan Anda sendiri yang siap bergemuruh.
9. Modernizr 2.6
Harga: Gratis
Memimpin dengan peningkatan Geolokasi, WebGL, dan sejumlah deteksi kontribusi komunitas, pembaruan terbaru untuk Modernizr memberikan beberapa deteksi baru yang penting untuk komplotan penyempurnaan progresif untuk mendapatkan gigi mereka.
Versi 2.6 dari alat deteksi kemampuan browser yang populer memperbarui beberapa dependensi juga, tetapi volume terbesar dari deteksi baru berasal dari komunitas. Daftar itu sendiri membuat bacaan yang menarik: css-backgroundposition-xy, font-css-subpiksel, svg-filter, getaran…
Jika Anda ingin memanfaatkan fitur-fitur terbaru dengan cara yang bertanggung jawab, inilah perpustakaan yang perlu Anda ikuti.
Anda dapat membaca wawancara terbaru kami dengan pengembang Modernizr Paul Irish di bagian Berita.
10. Safari 6
Harga: Gratis
Berita utama untuk versi terbaru browser Apple adalah API Audio Web, yang melakukan cukup banyak hal yang Anda harapkan: memproses file audio dari elemen media HTML5, membuat efek suara spasial, dan mensintesis serta memproses audio langsung di JavaScript.
Mungkin yang lebih menarik adalah kemampuan Safari 6 untuk mendeteksi penjelajahan pribadi, membuka apa yang disebut Apple sebagai 'peluang' untuk ekstensi yang berhubungan dengan privasi. Ini adalah hal yang rapi untuk dapat dilakukan, tetapi menimbulkan pertanyaan tentang apa sebenarnya penggunaan penjelajahan pribadi itu.
Ada juga beberapa tambahan lain yang bermanfaat: filter CSS, Web Inspector baru, dan dukungan JavaScript yang ditingkatkan. Secara keseluruhan, rilis yang menarik.
Safari 6 menjadi berita utama minggu lalu ketika pembaruan muncul untuk OS X tetapi tidak untuk Windows. Pengembang tampaknya tidak terpengaruh: Anda dapat membaca ringkasan reaksi kami di bagian Berita.
Jika Anda menemukan alat keren baru-baru ini yang belum masuk daftar kami tetapi menurut Anda alat itu seharusnya ada, beri tahu kami di komentar. Demikian pula, jika Anda telah membuat alat yang Anda ingin kami tampilkan di pertemuan berikutnya, kirimi kami email!
