2008'in En İyisi - JavaScript
Özet serimizin son bölümünde, 2008'in JavaScript Güzelliklerinden bazılarını görmenin zamanı geldi. Aşağıdakilerden bazıları kaynaklar, bazıları kullanışlı öğreticiler, bazı görüşler ve diğerleri sadece eğlenceli ilginç şeyler.
Bunlardan uzaklaşmak için her zaman bir ya da iki ders vardır ve bu yeni yıla portföyünüzdeki çeşitli yeni becerilerle girmenize yardımcı olabilir.
sIFR Lite
“ Bir zamanlar gerçekten iyi web geliştiricileri sIFR oluşturdu. Amaçları HTML başlıklarını sorunsuz bir şekilde güzel yazı tiplerine dönüştürmekti. Bu geliştiriciler iyi çalışabilmek için harika bir iş çıkardı. Kodlarına baktığımda, daha nesneye yönelik bir yaklaşım kullanarak sIFR'nin “lite” versiyonunu oluşturmaya karar verdim. sIFR Lite'ın okunması biraz daha kolay ve kullanımı daha sezgisel. ”
Siteyi ziyaret et
DD_belatedPNG
IE 6 için 24 bit PNG alfa saydamlık arka plan görüntüsü + arka plan konumu + arka plan tekrarı desteği!
Siteyi ziyaret et
EqualHeights jQuery Eklentisi
“CSS ile eşit yükseklikte sütunlar oluşturmak bazen bir ayıdır. Ama kim sahte sütunların, “açık” div'ların ve geri kalanının zorluklarına ihtiyaç duyar? Bu jQuery biti ile herhangi bir eleman grubunun yüksekliğini kolayca eşitleyebilirsiniz. ”
Siteyi ziyaret et
jQuery.popeye - satır içi ışık kutusu alternatifi
“Eklenti, sıralanmamış görüntü listesini bir kerede yalnızca bir önizleme görüntüsü görüntüleyen bir kutuya dönüştürür. Kutunun önizleme görüntülerini gözden geçirmek ve belirli bir görüntüyü büyütmek için kontrolleri vardır. Kontroller tam görüntü boyutu modunda gizlenirken, kutu genişletilmiş sürüme uyum sağlamak için genişler. Görüntüye basit bir tıklama kutuyu kompakt durumuna döndürür. ”
Siteyi ziyaret et
DD_roundies
IE'de yuvarlak köşeleri uygulamanın kolay bir yolu.
“Bir yuvarlak kutu için 9 hücreli tablo yok. Görüntü yok. Bir kapsayıcı öğeye yarım düzine veya daha fazla HTML düğümü eklemez (en çok bir, en fazla iki ve yalnızca IE'de). ”
Siteyi ziyaret et
Niceforms
“ Niceforms, en sık kullanılan form öğelerini özel tasarlanmış olanlarla değiştirecek bir komut dosyasıdır. Sağlanan varsayılan temayı kullanabilir veya en az çabayla kendi görünümünüzü bile geliştirebilirsiniz. ”
Siteyi ziyaret et
jQuery Köşeleri 0.3
“Bu jQuery eklentisi kolayca güzel yuvarlak köşeler oluşturacak. Görüntü veya rahatsız edici işaretleme gerekmez. ”
Sizin yararınız için başka bir yuvarlak köşe komut dosyası!
Siteyi ziyaret et
Superfish jQuery menü eklentisi
“Superfish, var olan saf bir CSS açılır menüsünü (JavaScript olmadan incelikle çözülür) alan ve aşağıdaki çok aranan geliştirmeleri ekleyen geliştirilmiş Suckerfish tarzı bir menü jQuery eklentisidir.”
Siteyi ziyaret et
JavaScript Hepimizi Kurtaracak
Eric Meyer'ın, tarayıcı satıcılarının bunları uygulamasını beklemek yerine, birçok tarayıcıda eksik olan genişletilmiş standart desteğe neden JavaScript'i aramamız gerektiğine dair görüşü.
Siteyi ziyaret et
CSS Sprites2 - JavaScript Zamanı
“Bir hareket duygusu genellikle Flash-heavy web siteleri ile standartlara dayalı siteler arasındaki farklılaştırıcıdır. Flash arayüzleri her zaman daha canlı görünüyordu - kullanıcının etkileşimlerine standartlara dayalı web sitelerinin çoğaltamadığı dinamik bir şekilde yanıt vermek. Son zamanlarda, elbette, bunu kolaylaştıran JavaScript kütüphanelerinin (Prototype, Scriptaculous, Moo, YUI, MochiKit gibi kütüphaneler) yardımcı olduğu dinamik arayüz efektlerinde yeniden canlanma ile değişiyor. CSS Sprites tekniğini dört yıl önce tekrar ziyaret etmenin ve kendimize ait biraz hareket araya giremeyeceğimize bakmanın tam zamanı. ”
Siteyi ziyaret et
jParallax
“JParallax seçilen bir öğeyi bir 'pencereye' veya görünüm penceresine dönüştürür ve tüm çocuklarını görünüm penceresinden görülebilen kesinlikle konumlandırılmış katmanlara dönüştürür. Bu katmanlar fareye yanıt olarak hareket eder ve boyutlarına (ve katmanı başlatma seçeneklerine) bağlı olarak, paralaks türünde farklı miktarlarda hareket ederler. ”
Saf sevinç!
Siteyi ziyaret et
JavaScript içermeyen Sabit Altbilgiler
IE 5.5'e kadar test edilen sabit altbilgileri konumlandırmak için saf bir CSS tekniği.
Siteyi ziyaret et
Dinamik Yerleşim
"Dinamik Düzen, sayfa düzenini geçerli tarayıcı genişliğine göre kolayca ayarlamanızı sağlayan basit bir JavaScript kitaplığıdır."
Siteyi ziyaret et
Ajax'ı kullanmayı bırak!
“Ajax sağlam ve kullanışlı bir fikir. Ancak her fikir pratik bir uygulamaya - bunu gerçekleştiren bir teknolojiye - gelir ve bu durumda teknoloji olgunlaşmaz, çünkü kullanıcı gruplarını geride bırakır. En dikkate değer ve çok etkilenen yardımcı teknolojiler kullananların yanı sıra, gerekli komut dosyası nesnelerini desteklemeyen veya hiç komut dosyasını desteklemeyen daha az yetenekli tarayıcılar kullananlardır. ”
Siteyi ziyaret et
SIFR'yi bu şekilde çalışırsınız
“Bu öğreticinin amacı, sIFR için resmi sitedeki bilgileri, sitenize sIFR'yi nasıl uygulayacağınızla ilgili adım adım basit bir işleme dönüştürmektir.
Bu öğreticiyi izledikten sonra, sIFR'nin nasıl çalıştığı konusunda temel bir anlayışa sahip olacaksınız ve daha gelişmiş alanlara genişleyebileceksiniz. ”
Siteyi ziyaret et
FancyZoom
Web sayfalarınız için düzgün Javascript görüntü yakınlaştırma.
Siteyi ziyaret et
JavaScript'te 3D küp döndürme
Ne fazla ne eksik! Buna bir bak.
Siteyi ziyaret et
14kB Javascript ile Süper Mario
“ İşte işleri küçük ve bir Javascript dosyasıyla sınırlı tutma denemesi. Harici görüntü dosyaları veya herhangi bir şey yoktur, her şey tuval öğeleri veya eski moda div yapma taktikleri (IE için) kullanılarak Javascript ile oluşturulur. Sprite'lar, her bir hareketli grafik için yalnızca 4 renge izin veren, ancak hareketli grafik başına yalnızca 40-60 bayt alan özel kodlanmış dizelerde saklanır. ”
Siteyi ziyaret et
Kullanıcı Arayüzünüzü Geliştirmek için 10 Akıllı Javascript Tekniği
“Javascript genellikle web geliştirmede estetik bir dil olarak kullanılır. Bu, web geliştiricilerinin hemen hemen her zaman sadece bir şey için Javascript kullanmaları gerektiği anlamına gelir: Ziyaretçinin deneyimini geliştirmek. Bir siteyi kullanıcı arayüzü perspektifinden geliştirmenin birçok akıllı ve kullanışlı yolu vardır. Bir geliştirici, başarmak istediklerini elde etmek için hemen hemen her Javascript snippet'ini bulabilir. ”
Siteyi ziyaret et
25 Şaşırtıcı JavaScript Oyunları (Eğlenceli ve İlham)
“Ajax'ın yükselişiyle birlikte, JavaScript kesinlikle her web tasarımcısı / geliştiricisi için mutlaka bilinmeli.
Form denetimleri, uyarılar ve benzer basit JavaScript kullanımının yanı sıra, JavaScript (& Canvas) yardımıyla neredeyse her şeyi yapabilirsiniz. ”
Siteyi ziyaret et
Top 5 Favori Yer İşaretleri
“Yer İşaretleri, bulduğunuz sayfayla etkileşime giren yer işaretlerinize çekebileceğiniz JavaScript özellikli bağlantılardır. En iyi yer işaretleri, tarama deneyiminizi genişleterek genellikle bir araç çubuğunun beklediğiniz gibi davranır. Ancak, JavaScript'te yazıldıklarından, hepsi tarayıcı içinde ve kurulum gerektirmeden çalışarak. İşte, tarama deneyiminizi genişletmek için tarayıcınızın araç çubuğuna veya yer işaretlerinize sürükleyebileceğiniz, şiddetle tavsiye edilen 5 yer işareti. ”
Siteyi ziyaret et
10 Gelecek Vaat Eden JavaScript Çerçevesi
“JQuery, MooTools, Prototype ve YUI gibi popüler JavaScript çerçeveleri / kütüphaneleri (en popüler JavaScript çerçevelerinden birkaçını belirtmek için) JavaScript çerçeve alanında kesinlikle sağlam bir dayanak var. Ancak yeni veya alternatif çerçeveler / kütüphaneler arayan daha maceracı geliştiriciler için, popüler olanların dışında incelemeye değer bazı mükemmel çerçeveler var. ”
Siteyi ziyaret et
5 Tasarımcılar ve Geliştiriciler İçin Yararlı Kodlama Çözümleri
“Çoğu zaman yaratıcı ve gerçekten dikkate değer tasarım çözümleri bilinmemektedir, çünkü biz tasarımcılar onları görmezden geliriz. Kendi projelerimizle meşgul olarak, bazen belirli tasarım fikirlerini nasıl uygulamayı başardıklarını anlamak için diğer tasarımcıların karmaşık ve karmaşık kodlarının arkasındaki (muhtemelen) sezgiyi kavramaya çalışıyoruz. Aslında, sadece diğer geliştiricilerin kodlarını gözlemleyerek onlardan çok şey öğrenebiliriz; ilginç fikirler bulabilir ve çalışmalarımızın kalitesini artırabiliriz. ”
Siteyi ziyaret et
Web Hizmetlerini AJAX ile Arama
Bu eğitici, Web Servisleri ile etkileşimde bulunmak için JavaScript'i nasıl kullanacağınız konusunda iyi bir fikir verecektir.
Siteyi ziyaret et
JavaScript Güzel Tarihi
“… Eski JavaScript tarihlerini“ güzel ”bir şekilde biçimlendirmenin basit bir yolu. ”
Siteyi ziyaret et
JavaScript iPhone Uygulamaları
“Geliştiricilerin iPhone için yeni uygulamalar oluşturmasını izledim. Kendime sahip olmak - ve JavaScript konusunda bilgili olmak - İndirilebilir JavaScript uygulamaları veya iPhone oluşturmak için hangi seçeneklerin olduğunu merak ediyorum. Biraz araştırma yaparken, bazıları diğerlerinden daha basit, bazıları Objective-C hakkında diğerlerinden daha fazla bilgi gerektiren bir dizi çözüm buldum. ”
Siteyi ziyaret et
En Çok Aranan Ajax Teknikleri: 50+ Örnek ve Öğretici
“Web uygulamaları, yakın zamanda geliştirilen bir çok Ajax teknolojisi sayesinde kullanıcı deneyimini iyileştirmek için büyük adımlar attı. Bazı düzgün işlevsellik PHP nezaket javascript zekası ile birleştirdiğinizde bazı oldukça güzel sonuçlar üretebilirsiniz. Bir çentik almanıza yardımcı olmak için, sitenizin bir kullanıcının bir sonraki hamlesini öngörmesine yardımcı olacak bazı yöntemleri paylaşmak istiyoruz. ”
Siteyi ziyaret et
50 Mükemmel AJAX Eğitimi
“AJAX, Web geliştiricilerine kullanıcı deneyimini ve web sitelerinin performansını iyileştirmek için birçok fırsat sunuyor. AJAX'ın kullanılabileceği sayısız yol vardır ve neyse ki kendi uygulamanızda size yardımcı olacak birçok iyi ve kullanışlı AJAX öğreticisi vardır.
Bu yazı, AJAX ile çok çeşitli şekillerde çalışma konusunda yararlı derslerin bir koleksiyonudur. ”
Siteyi ziyaret et
Ajax hakkında bilmeniz gereken 10 şey
“Herhangi bir yeni Web teknolojisinin sunulması, bir ağın altyapısını, önemsizden toprak paramparçağına kadar değişen şekillerde etkileyecektir. Ajax, bugün ağlar arasında seyahat eden daha yıkıcı yeni Web teknolojilerinden biridir. Ağınızdaki gelecekteki sürprizleri en aza indirmenize yardımcı olmak için, Ajax hakkında bilmeniz gereken 10 şeyi özetledik. ”
Siteyi ziyaret et
jQuery timepickr
“ Jquery.timepickr, zamanı giriş sürecini olabildiğince kolay ve doğal hale getirmek amacıyla oluşturuldu.”
Siteyi ziyaret et
