bildirgec.org

javascript hakkında tüm yazılar

JQuery ile paket sitelere istemci taraflı çözümler

vectro | 28 December 2009 11:33

Merhabalar, uzun bir aradan sonra JQuery’nin kurtarıcı olduğu bir hikaye ile karşınızdayım. Aslında burada çok az kod paylaşacağım ama bu tip bir sorunla karşılaşanlar için iyi bir çözüm olacağına eminim. Hem de kodaman yapısına çok uygun olacak bir paylaşım olduğunu düşünüyorum.

Hikayemiz şöyle : bir paket e-ticaret sitesi kullanıyoruz ve tema yönetim sistemi var ancak sadece istemci taraflı kodlara yani css html vs javascript müdahele edebiliyoruz. hazır bir paket olduğu için sunucu tarafında kod değiştirme gibi gereksinimler tam bir çile oluyor ve paketi satan firmamız ya değişikliklere ek ve biraz da yüksek ücretler, yada bu bir paket sistem o tarz birşey eklemeyiz gibi cevaplar veriyorlar.

2010da da i̇nterneti şekillendirmeye devam edecek 5 teknoloj

beCko | 21 December 2009 15:34

her sene sonuna doğru gelindiğinde, insan “kendini acaba öbür sene ne olacak?” demekten kendini alamıyor. bu yüzden olsa gerek, insanlar gelecek senenin modaları hakkında önceki seneden tartışmaya başlıyorlar. i̇nternet için de bu geçerli. sürekli değişen modalar var. ancak bazı şeyler var ki, yerlerini korumaya devam edecekler. bunları sıralamak gerekirse:

1) servis olarak css3, html5 ve yazı tipleri

@font-face kuralını destekleyen tarayıcıları hedefleyen; css3, html5 ve yazı tipi servisi sunan typekit sitesi, web tasarımcılarına uzun süredir bekledikleri yaratıcılık özgürlüğü veriyor.

css3, sayfa elemanlarında çoklu arkaplan seçebilmekten, istenilen elemanların seçimi ve düzenlenmesindeki kolaylığa kadar yeniliği birlikte getiriyor.

jQuery ile Hazırlanan Oyunlar!

angelsdemos | 07 December 2009 15:21

jQuery uygulamaları artmakta ve gelişmekte.Bir çok yerde jQuery ile hazırlanmış menüler, takvimler, galeriler görmek mümkün.Fakat tasarımcılar bununlada yetinmeyip jQuery ile oyun yapmaya başladılar.İşte jQuery ile yapılan oyun örnekleri ;

T&C Surf | DemoWeb Site

jQuery, javascript, css3 ile tasarlanmış ve bol ölçüde grafik içeren bir uygulama.Biçim olarak eski ateri oyunlarını hatırlatıyor.Karakteri klavye ile kontrol ediyorsunuz

PHP ve AJAX’a hakim yazılımcı aranıyor

siriusbee | 07 December 2009 15:16

PHP ve AJAX’a hakim yazılımcı aranıyor!

Freelance çalıştığımız yazılımcının kişisel işlerinin yoğunluğundan dolayı siteyi zamanında yetiştiremeyeceğini bildirmesi üzerine, bitmek üzere olan Php-Ajax tabanlı websitemizin yazılımı için iyi derecede Php ve Javascript uzmanı arıyoruz. Özellikle Ajax’a hakim olması ve yazılımı kotaracak kadar İngilizce bilmesi tercihimizdir.

Ciddi anlamda ilgilenenler aşağıdaki mail adresi ile bizimle iletişime geçtiğinde projenin detaylarını gizlilik sözleşmesi ile birlikte açıklayacağız.

Tooltip uygulamaları – 1

angelsdemos | 05 December 2009 10:02

tooltip, metinlere,görsellere site içerisinde açılan bilgilendirme penceleridir. Küçük popuplar şeklinde açılan bu uygulama sayesinde bir konu hakkında ipucu, resim ya da reklam yapmanız mümkün. İşte popüler tooltip uygulamaları;

Prototip 2

Kolay ve basit şekilde istediğiniz kelime ya da kelime grubuna tooltips oluşturmanızı sağlar. Javascript ile hazırlanan bu uygulama ile görsel nesne, yazı link vb. ekleyebilirsiniz.

Coda Popup Bubbles

Coda ile Küçük bir popup açarak bilgi formu hazırlayabilirsiniz.

Javascript – PreLoader Yapalım

lazaronnie | 01 December 2009 11:04

Bazen web sayfalarımızda çeşitli miktarlarda resim dosyası kullanabilmekteyiz. Bu resim dosyaları web sitemizin arayüzünde kullandığımız doku dosyaları olabileceği gibi bir fotoğraf galerisinin dosyaları da olabilir.

HTML malesef ön yükleme yapmak için müsait bir dil değil. CSS de ona keza. Zira html ile sayfaya bir resmi bağladınız ve css ile de display özelliğini none yaptığınızda browserlar (en azında firefox opera chrome gibi gelişmiş tarayıcılar) o resim içeriğini sunucudan istemeyecektir. Böylece sayfa yüklenme süresi kısaltılmış olur. Display özelliği açıldığı anda (gerek javascript ile gerekse de css hover olay seçicisiyle) o elemente linklenmiş imaj dosyası derhal sunucudan talep edilecektir.

En İyi Tarayıcı Hangisi? Başlıca Performans Karşılaştırması

axanc | 30 November 2009 10:03

Bugünlerde güncel olarak kullanmakta olduğumuz 5 temel tarayıcıların, son sürümlerini alarak bir performans karşılaştırması hazırlanmış.

1. mozilla firefox 3.5
2. google chrome 3.0
3. microsoft internet explorer 8.0
4. opera 10.0
5. apple safari 4.0

Karşılaştırma için 6 temel performans faktörü ele alınmış. bunlar:

1. javascript hızı
2. yoğun çalışma altında ortalama işlemci kullanımı
3. dom ayıklama hızı
4. css yorumlama hızı
5. sayfa yükleme hızı
6. tarayıcı önbellekleme hızı

Her tarayıcı, önbellek temizlenmiş şekilde 3 kere test edildi, önbellekleme hızı hariç tabii ki. sonuç olarak ortalama değerler alınmıştır.

1. javascript hızı
daha hızlı javascript çalışması ajax benzeri işlemler kullanan sitelerin daha hızlı çalışması ve kullanıcıya hızlı cevap vermesidir. SunSpider ile test edilmiş. Düşük süre daha iyidir.

İki farklı Javascript betiği aynı anda kullanmak

AcharadSami | 26 November 2009 09:51

Merhaba bildirgec.org sakinleri;

Kişisel sitemde kullanmak amacı ile, basitçe bir “Flowplayer.org JQuery Scrollable” betiği ile, “Jquery dock” betiğini aynı anda tek bir sayfada kullanmak ve tek sayfalık bir dizayn oluşturmak istiyorum. Dock sabit durur iken,ikonlara tıklandığında sayfanın kaymsını istiyorum.

Bunun için, Dock betiğini ayrı bir iframe içinde çalıştırmak, overlay iframe veya div içinde tutmak, iki scripti birleştirmek, css attributeleri çakıştırma oluşturmayacak şekilde baştan düzenlemek gibi farklı yöntemleri denedim. Hatta en son olarak, Altlı üstlü bir Frameset oluşturup, farklı framelerdeki divleri çağırmata bile çalıştım. Ancak iki scriptin beraber sorunsuz işlemesini bir türlü sağlayamadım. Sizin bildiğiniz ayrıca bir yöntemi var mıdır ?

Kasım ayında doğan, kullanışlı 5 yeni jquery eklentisi

axanc | 25 November 2009 12:14

jQuery kendi başına bile çok güzel işler başarabiliyor iken, kendisi için yapılan eklentilerle harikalar yaratıyor. Aylık olarak yaratılan jQuery eklentilerinin haddi hesabı yok doğrusu. Hangisinin en iyisi olduğunu ayırmanın da öyle kesin bir yöntemi olduğunu söyleyemeyiz doğrusu. Sadece 2009 kasım ayında bile 5 yeni jquery eklentisi dünyaya geldi. Ve birçok tasarımcı da bu eklentilerin kullanışlı olduğunu düşünüyor. Bu yeni ve kullanışlı 5 eklentinin tadını çıkartın.

1. jqslickwrap

jqslickwrap

jqslickwrap, yazmış olduğunuz metnin, resim çevresinde uygun şekilde biçimlendirilmesini ve kaydırılmasını sağlayan bir eklentidir. Düzgün şekle sahip olmayan şekiller etrafında metin konumlandırmak için kullanılır.
Kullanışı:

$(‘img’).slickwrap();

2. jquery kaydırma çubuğu eklentisi (safari stili)

jquery kaydırma çubuğu eklentisi, kullanışı basit ve çok fonksiyonlu bir jquery eklentisidir. Safari stiline sahip çok farklı şekillerde kaydırma çubuğu yapmanıza yardımcı olur. Bu oldukça iyi bir eklentidir.

TinyTable İle İleri Düzey Tablo’lu Sunumlar

algoz | 24 November 2009 15:13

Veritabanları, xml veya txt dosyaları gibi birçok veri depolama veya paylaşım noktalarında bulunan verilerin, web sitenizi veya blogunuzu ziyaret eden kullanıcıların çok kolay bir şekilde anlayabileceği/anlamladırabileceği bir arayüzle sunulması oldukça önemlidir.

Bu sunum için en fazla kullanılan düzenlerin/yöntemlerin başında ise; tablolar (table) gelmektedir.

Şu anda 3.versiyonu ile geliştiricilerin kullanımına sunulan ve Javascript ile hazırlanmış bir tablo tasnifçisi/sınıflandırıcısı olan TinyTable V3 eklentisi/aracı, veri kaynaklarından çekeceğiniz çeşitli türdeki verileri, ziyaretçilerinize düzgün bir yapıda sunmanızın yanında, ziyaretçilerinize tablo üzerinde; sıralama, sınıflama ve arama yapabilme olanağı tanıyarak, ziyaretçilerinizin tablodaki verilerden elde edecekleri verimi artırmakta.