bildirgec.org - etiketler: scroll

Çıkmayacağı Duyurulan Firefox 3.7 yayınlandı

angelsdemos — Wed, 17 Feb 2010 10:16:00 GMT

Geçtiğimiz haftalara da Mozilla, Firefox 3.7'nin çıkmayacağını duyurmuştu. Fakat Firefox 3.7'nin deneme sürümü yayınlandı.Firefox 3.7 Alpha 1 adı ile yayınlanan bu yeni sürüm henüz genel kullanamı hazır değil. Firefox'ta oluşabilecek hatalar ve kullanılacak yeni teknolojileri test etmek için hazırlanmış bir sürüm.

Firefox kullanıcıları için yeni sürümdeki özellikler parça parça güncellemeler ile bilgisayarlarda yerini alacak fakat yine de Firefox 3.7 sürümü çıkarılacak.

Firefox 3.7 Alpha 1'de birçok yeni özellik bulunmakta. Kaydırma kodu (Scroll) tamamen yeniden yazılmış durumda. Performansın ve hızın artması için birçok yeni fonksiyon eklenmiş ve değişiklikler yapılmış durumda. Ayrıca sayfaların düzgün gözükmesi ve yeni çıkan internet özellikleri ile entegre içinde olunmasına dikkat edilmiş.

Yeni sürümde SMIL Animation, SVG, WebGL, ATSUI ve yeni motoru Gecko 1.9.3 bulunmakta. Fakat bu yeni uygulamalar, şu anki sürümde sorunlar çıkartabilir. Yeni sürümün ne zaman ve hangi isimle çıkacağı bilinmiyor. İsterseniz Firefox 3.7 Alpha 1'i buradan indirebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | Twitter | Email | RSS

Kaynak ; Mozilla

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

+30 jQuery Eklentisi

Metin METE — Wed, 06 Jan 2010 10:18:00 GMT

+30 jQuery Eklentisi

jQuery, bana göre ajax kütüphaneleri arasında en kullanışlı ve en kolay geliştirilebilir Ajax kütüphanesidir. İnternette gezindiğim ve takip ettiğim sitelerden, bu ajax kütüphanesi için hazırlanmış birbirinden kullanışlı ve işe yarar eklentilerinden derleme hazırladım.

1- Slide-In Contact Form

Sayfanın üstündeki iletişim butonuna tıklanarak, ziyaretçilerinize kolay ve portatif bir iletişim formu açar. Ziyaretçilerinize istediği an sizinle iletişime geçebilme imkanı sağlıyor.
WEB SİTESİ - DEMO - İNDİR

2- Load Content While Scrolling With jQuery
Hemen hemen her projede kullanışlı olabilecek otomatik içerik yükleme eklentisidir. Web sitenizin sayfası aşağı indirildikce içerikler otomatik yükleniyor.
WEB SİTESİ - DEMO - İNDİR

3- Music Player using mouse gestures & hotkeys
Mouse ve klavye tuşları ile yönetilebilen jQuery mp3 player eklentisidir. Kaynak dosyasında sadece mouse ve klavye fonksiyonları eklenmiştir. BU adresten Player entegresi ile ilgi bilgi alabilirsiniz.
WEB SİTESİ - DEMO - İNDİR

4- Tweetable

Sadece Twitter kullanıcı adınızı yazarak, belirlediğiniz sınırda Twitter'daki durum güncellemeleri ve bildirimlerinizi web sitesinize ekleyebilirsiniz.
WEB SİTESİ - DEMO - İNDİR

5- Facebook Style jQuery Chat

Herkes Facebook ve Gmail'deki online chat'i sever. Bu jQuery eklentisi sayesinde, web sitenize sorunsuz Facebook ve Gmail tarzında sohbet sistemi entegre edebilirsiniz.
WEB SİTESİ - DEMO - İNDİR

6- jPlayer - jQuery Audio Player Plugin

Player için kontrol tuşları, HTML ve
CSS olarak üzenebilir stil kodlama yapısı, ses efekti ekleme, HTML5 ve .ogg format destekli jQuery player eklentisi.
WEB SİTESİ - DEMO - İNDİR

7- Creating a Keyboard with CSS and jQuery

jQuery ve CSS kullanılarak hazırlanmış bir klavye uygulaması. Harfler ve Sayılar Dışında Tab
Caps Lock, Delete ve Shiftgibi tuşlarda klavye düzeninde eklenmiş.
WEB SİTESİ - DEMO -İNDİR

8- Animate Curtains Opening with jQuery

Genelde tiyatro sahnelerinde görebileceğiniz perde açıp kapama olayının, jQuery olarak hazırlanmış fikirsel ve kodlama açısından olağanüstü bir eklenti.
WEB SİTESİ - DEMO - İNDİR

9- Nice & Clean Sliding Login Panel built with jQuery

Web sitenizin üst kısımında ziyaretçiler ve üyeleriniz için hoş gözükebilecek, çeşitli içerikler sunabileceğiniz, Internet Explorer 6 için .PNG destekli jQuery eklentisi.
WEB SİTESİ - DEMO - İNDİR

10- Creating a polaroid photo viewer with CSS3 and jQuery

jQuery ve CSS3 kullanılarak hazırlanmış, mouse tıklaması ile seçilebilir çok güzel resim galeri uygulaması. Ne Yazık ki CSS3 ve HTML5 standart olmadığından her tarayıcıda düzgün çalışmıyor.

WEB SİTESİ - DEMO - İNDİR

11- Smart Columns w/ CSS & jQuery

Sabit değerlerde ve yan yana birbirini tekrarlayan tabloları, ana tablo içinde oturmuş bir düzene sokup, satır ve sütunları aralarındaki boşluklarla beraber eşit dağıtıyor.
WEB SİTESİ - DEMO

12- Make Your Header To Mouse Movements with jParallax

Genelde web sitelerinde üst kısımda kullanılan bir animasyondur. Katman katman yerleştirilmiş transparan resimleri, mouse kordinatlarına göre hareket ettiren bir uygulamadır.
WEB SİTESİ - DEMO

13- Ajax Fancy Captcha - jQuery Plugin

Web sitenizi Spam botlara karşı korumanızı sağlayan jQuery eklentisidir. Kullanımı; sorulan cisimin resmini, sağ tarftaki yuvarlak alana sürükle bırak mantığı ile bırakıp, doğruluyoruz.
WEB SİTESİ - İNDİR>

14- Lazy Load Plugin for jQuery

M2-Stil'de de kullandığımız, fazla görsel bulunan web sayfalarında, yükleme gecikmesinin önüne geçmek için, web sayfasının görünen kısmındaki görselleri yükleyerek daha hızlı açılmasını sağlıyor.
WEB SİTESİ - DEMO - İNDİR

15- jQuery Pagination plugin

Çoğu web sitesinde sayfalanmış bir çok içerik görmüşsünüzdür. Peki bunların jQuery kullanılarak sayfa yenilenmeden, daha dinamik ve güzel olması nasıl olurdu? DEMO'dan bakabilirsiniz...
WEB SİTESİ - DEMO - İNDİR

16- Jquery Fade In.Fade Out

Web sitenizdeki tablo ve resimlere saydamlık vererek, mouse üstüne geldiğinde belirir bir efekt uygulayabilirsiniz. Basit ama hoş bir jQuery eklentisi.
WEB SİTESİ - DEMO - İNDİR

17- jQuery youtube playlist plugin - youtubeplaylist

Bu jQuery eklensitisi ile web sitenizde Youtube videolarını galeri yapabilirsiniz. Videoları yöneterek, sadece izin verdiğiniz videoları ziyaretçilerinize izlebilirsiniz.
WEB SİTESİ - DEMO - İNDİR

18- JQZoom

Genelde alışveriş sitelerinin, ürün tanıtımında detay için kullanabileceği jQuery eklentisidir. Resimde mouse'u gezdirdiğiniz alanın büyütülmüş halini gösterir.
WEB SİTESİ - DEMO - İNDİR

19- The jQuery Image Cropping Plugin

Sık sık Facebook'da resmimizi profil resmi yaparken "Resimi Kırp" gibi uyarılar almışızdır. Bu jQuery eklentisinde de aynı şekilde resimi belirli boyutda seçerek kırpma işlemi yapıyoruz.
WEB SİTESİ - DEMO - İNDİR

20- jQuery Thumbs

Yüksek çözünürlükde olup da, düzensiz gözüken resimlerden hep sinir olmuşuzdur. Bu jQuery eklentisi sayesinde, resimi belirlediğimiz boyutlarda kırparak düzenli ve güzel gözükmesini sağlıyoruz.
WEB SİTESİ - DEMO - İNDİR

21- Sliding Boxes and Captions with jQuery

Özellikle portfolyo, blog ve resim galerisi gibi sitelerde kullanılabilecek, çeşitli efeklerle resimli tablolarda bilgilendirme yazısı gösterebileceğiniz çok fonksiyonlu bir jQuery eklentisi.
WEB SİTESİ - DEMO - İNDİR

22- Creating a "Filterable" Portfolio with jQuery

Portfolyo siteleri için düşünülmüş, belirlenen kategorilere göre filtreleme yaparak tablo yada resim gösterimi yapan kolay geliştirilebilir jQuery eklentisi.
WEB SİTESİ - DEMO - İNDİR

23- How to Make a Threadless Style T-Shirt Gallery

Online tişört web sitelerinde sunum ve görsellik açısından çok iyi düşünülmüş bir jQuery eklentisidir. Mouse ile katlı tişörtün üstüne geldiğinizde, açılıyor.
WEB SİTESİ - DEMO - İNDİR

24- Reddit-style Voting With PHP, MySQL And jQuery
Reddit tarzında web sitenizde yazılara, yorumlara, resimlere vs. oylama yaptırabileceğiniz, sayfa yenilemeden çalışan, PHP, MySQL ve jQuery karışımı bir uygulama.
WEB SİTESİ - DEMO - İNDİR

25- Horizontal Scroll Menu with jQuery Tutorial
Otomatik olarak mouse'un dikey (Y) kordinatlarına göre aşağı ve yukarı kayan jQuery menü eklentisi. Bu uygulama dersinde jQuery ipuçları ve hileleride anlatılmaya çalışılmış.
WEB SİTESİ - DEMO - İNDİR

26- jQuery lightbox for images, videos, YouTube, iframes

prettyPhoto, bir jQuery tabanlı lightbox klonudur. Resimler dışında videolar, flash animasyonlar, Youtube videoları ve çerçeve (iframe) gibi özelliklerde de destek verebiliyor.
WEB SİTESİ - İNDİR

27- s3Slider jQuery plugin

Çeşitli efektlerle sunum yapmanıza ve slayt animasyonlar hazırlamanıza yardımcı olur. Kullanımı olduça basit ve kolay geliştirilebilir bir jQuery uygulamasıdır.
WEB SİTESİ - DEMO - İNDİR

28- Drag to Share

Web sitenizdeki içerikleri çeşitli sosyal imleme sitelerine paylaşım amaçlı düşünülmüş, sürükle bırak mantığıyla çalışan jQuery eklentisidir.
WEB SİTESİ - DEMO - İNDİR

29- Create a shoutbox using PHP and AJAX (with jQuery)
Hem web sitenizde kullanabileceğiniz anlık mesajlaşma sistemi, hemde PHP ile MySQL veritabanı oluşturularak jQuery ile senkronizasyonu öğrenmiş olucaksınız.
WEB SİTESİ - DEMO - İNDİR

30- Favorite Rating with jQuery and Ajax

Yapımcının açıklamasına göre bir ziyaretçisinin Amy&Pink (+16) sitesindeki oylama sisteminin nasıl yapılabileceğini sormasıyla başlamış ve çokda güzel bir jQuery eklentisi olmuş.
WEB SİTESİ - DEMO - İNDİR

31- News Ticker

Haber sitelerinde veya blog sitelerinde "son yorumlar" gibi çeşitli alanlarda kullanabileceğiniz, stil olarakda kolay geliştirilebilir çok güzel bir jquery eklentisi.
WEB SİTESİ - DEMO - İNDİR

32- Create a Sliding Menu Background with jQuery

CSS ile normalde bağlantılarımızda mouse, yazı ve arkaplan efektleri verebiliyoruz. Bu jQuery eklentisinde ise arkaplan resimine efekt vererek daha güzel gözükmesini sağlıyoruz.
WEB SİTESİ - DEMO

33- Facebook-style tooltip plugin for jQuery
Facebook tarzında web sitenizdeki linklerin "title" değerlerine göre "doğu - batı - kuzey - güney" gibi 4 konumda, ziyaretçilerinize görsel ipuçları gösterebilirsiniz.
WEB SİTESİ - DEMO - İNDİR

34- jQuery Scroll Follow

Web sitenizin sağ yada sol kenarlarında, sayfanızı takip eden tablolar oluşturmanızı sağlıyor. Bu jQuery eklentisinin ayarlarından belirlediğiniz kordinatlarda çalışmasınıda sağlayabilirsiniz.
WEB SİTESİ - DEMO - iNDİR

35- jGrowl

Kullanıcılarınıza uyarı, duyuru yada çeşitli alanlarda bilgilendirme mesajları gösterebileceğiniz, Mac OS X Growltarzında jQuery mesaj kutusu eklentisi.
WEB SİTESİ - DEMO - İNDİR

Orjinal Makale: +30 jQuery Eklentisi

ilgili yazılar

Bu yazı Metin METE tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

jQuery Tools ile daha ileri jQuery gereçleri

Flashcentury — Wed, 09 Dec 2009 10:28:00 GMT

Son zamanlar web programcıların biricik aşkı jquery'yi web tasarım işiyle uğraşıp da duymayan kalmamıştır sanırım.

Şimdi sizlere jquery efektlerinizi çok daha kolay ve zahmetsizce yapabileceğiniz jQuery Tolls'u tanıtacağım.

jQuery Tolls

.....

jQuery Tools en güzel özelliği belli başlı en çok kullanılan jQuery gereçlerini bir arada sunuyor olması.

Peki nedir bu gereçler derseniz;

Tabs (Sekmeler)
Web çalışmalarınızda yatay veya dikey sekmeler oluşturabilirsiniz.

jQuery Tolls | Tabs

Tooltip (Açıklama baloncukları)
Text alanlarına, Resimlere veya form elemanlarına açıklama veya yardım baloncukları koyabilirsiniz.

jQuery Tolls | Tooltip

Overlay (Modal Diyalog Kutucukları)
Son zamanlar birçok web sitesinde yer alan modal kutucukları.

jQuery Tolls | Overlay

Expose
jQuery Tools'un en sevdiğim özelliği diyebilirim. Sayfa içerisinde bir unsuru (örneğin; div, image, video) belirgin yapmanızı sağlıyor.

jQuery Tolls | Expose

Scrollable (Kaydırma)
Çok hoşunuza gideceğini umduğum kaydırma grupları oluşturabileceğiniz harika bir gereç. Örneğin bir kayıt formunu kaydırma efekteleri ile hazırlamanız mümkün.

jQuery Tolls | Scrollable

Flash embed
ve son olarak isminden de tahmin edeceğiniz gibi flash dosyalarımızı web sayfasına eklemek için kullanabileceğimiz bir gereç.

jQuery Tolls | Flashembed

jQuery Tools'un en önemli özelliğinin yukarıda saydığım özellikleri bir arada sunuyor olması demiştim fakat bu özelliklerden birkaç tanesini veya sadece birini kulanmayı planlıyorsanız plugin dosyalarını ayrı ayrı indirme şansınız da mevcut...

jQuery Tolls download sayfası için buraya
Demolar için buraya tıklayınız.

Bu yazı Flashcentury tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Farenizin scroll tuşu ile firefoxta yapabileceğiniz 6 şey

angelofmercy — Tue, 02 Sep 2008 14:40:00 GMT

digital quest sitesinin bir makalesi bu konu üzerine kurulmuş. Bana da ufak bir çeviriyi burada yayınlamak düşer:)

Farenizin scroll tuşu ile firefoxu çok daha hızlı kullanabilirsiniz. Eminim bunları hemen herkes biliyordur ancak ben 5 yıldır firefox kullanıyorum ama bir kaçını unutmuşum şimdi hatırladım.
1. Sekmeleri kapatma
Firefox'ta sekmenin üzerine fare ile gelip scroll tuşuna(orta tuşa) basarsanız o sekme kapanır.

2. Linki yeni sekmede açmak
Bir linkin üzerine fare ile gelip scroll tuşuna basarsanız o sayfa yeni sekmede açılır.
3. yazının içerisindeki bir adresi kopyalayıp adres çubuğuna yapıştırmak
Bu özellik ile yazının içerisinde link verilmemiş bir adresi tek hareket ileadres çubuğuna yapıştırabilirsiniz. Ancak bu firefox'ta kapalı olarak gelen bir özellik öncelikle bunu açmamız gerekiyor.
Adres çubuğuna about:config yazıp giriyoruz. middlemouse.contentLoadURL yi aratıyoruz ve üzerine çift tıklayarak değerini true yapıyoruz.

Ardından general.autoScroll özelliğini aratıyoruz ve değerini false yapıyoruz.

Artık bir kaç şekilde bu fonksiyonu kullanabilriz.
- adresin yazıdğı yerin üzerine scroll tuşu ile basarsanız o sekmede o adresi açar.
- Ctrl tuşuna basılı tutarak adresin üzerine scroll tuşu ile basarsanız o adresi yeni bir sekmede açar.
- Shift tuşuna basılı tutarak adresin üzerine scroll tuşu ile basarsanız o adresi yeni bir firefox uygulaması içerisinde açar.
4. Sekmeler çubuğunda gezinme
Sekmelerin olduğu çubuğa sığmayacak kadar çok sekme açarsanız çubuğun kenarında bir ok çıkar ve yana doğru devam eder. sekmeler çubuğunun üzerine gelip scroll tuşunu çevirirseniz çubuğa sığmayan kısma doğru otomatik kayar.
5. İleri/Geri
Bir sayfada shift tuşuna basılı tutarak scroll tuşunu çevirirseniz geri ve ileri gidebilirsiniz.
6. Yakınlaştırma/Uzaklaştırma
Bir sayfada ctrl tuşuna basılı tutarak scroll tuşunu çevirirseniz sayfayı yakınlaştırıp uzaklaştırabilirsiniz. Orjinal haline getirmek için ise ctrl+0 tuş kombinasyonunu kullanabilirsiniz.

Bu yazı angelofmercy tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

playlinux ile windows oyunlarını linux üzerinde oynayın

ufopilotu — Sun, 20 Jul 2008 06:01:00 GMT

playonlinux sitesinde linux camiasının seveceği bir yazılım var.

windows oyunlarını, linux üzerinde oynamak isteyenlere yardımcı olacak bir yazılım olan playonlinux, ücretsiz ve gnu/linux lisansı altında dağıtılıyor.

bilgisayarınıza indirmek için download sayfasına uğramanız ve size uygun sürümü seçmeniz yeterli.

tüm oyunların desteklenmediği ancak manuel kurulum yapma imkanınız olduğu söyleniyor. ayrıca, linux üzerindeki bazı masaüstü gelişmiş kompozit efektlerin kapatılmasını öneriyorlar. (Compiz, Kwin gibi.)

ilgili yazılar

Bu yazı ufopilotu tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

moozoom

ufopilotu — Thu, 17 Jul 2008 13:06:00 GMT

rborn sitesinde mootools aracılığıyla yapılmış hoş bir resim/fotoğraf efekti var.

resimler/fotoğraflar üzerinde bu javascript kodu sayesinde kaydırma işlemi, yani scroll yaparak yakınlaştırma ve uzaklaştırma (zoom-in zoom-out) işlemi yapabiliyorsunuz.

döküman sayfasında daha detaylı bilgi var. uygulamayı görmek için de demo sayfasına gözatabilirsiniz ve ya direkt olarak indirebilirsiniz.

kullanımı çok basit. sayfa içerisinde kullanabilmesk için moozoom sınıfını (class) kullanacağınız fotoğraf/resim dosyasıyla beraber kullanıyorsunuz.

örneğin;

şeklinde head kısmına eklediğiniz javascript kod dosyasından sonra efekti uygulamak istediğiniz dosyanın "class" kısmına ' class="moozoom" ' şeklinde bir tanımlama yaparak efekti vermiş oluyoruz.

ilgili yazılar

Bu yazı ufopilotu tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Yenilenmeden sonra sayfa pozisyonu

redrain — Thu, 28 Feb 2008 10:04:00 GMT

İki günlük araştırmadan sonra "mantıklı" bir yanıt bulamayacağımı düşünerek vazgeçtim. Bir de buraya sorayım.

Herhangi bir sayfanın, yenilendikten sonra aynı pozisyona gelmesi için yapılabilecek bir şey var mı? Uzun bir metnin tam ortasındayken sayfa yenilenmişse, yenilemeden sonra "tepe"de kalmayıp "scroll"un aynı pozisyona gelmesi...

Bu sorunun beni "delirten" kısmı yazdığım iki farklı uygulamadan birinde (hiçbir ekstra yöntem kullanmaksızın, standart html refresh tag'i ile) istediğim şey olurken diğerinde olmaması.

Bu yazı redrain tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage