bildirgec.org - etiketler: mootools

Yararlı Takvim Scriptleri

sequieros — Thu, 23 Dec 2010 13:14:00 GMT

takvimler günümüzde blog ve internet sitelerinin olmazsa olmazlarından. Peki bunları gerekli yapan nedir? Tabiki bu araçlar, bizlere randevularımızı, notlarımızı veya yaklaşan olayları haber verirler.

Burada sizler için en iyi takvim ve tarih seçici scriptleri bir araya toplamaya çalıştım. İşinize yaraması dileğiyle.

1. Ical-Like Calendar : bu mükemmel takvim iphone takvim uygulamasına çok benziyor ve çok hoş animayonlara sahip. Seçilen günün üzerinde fare imlecini oynattığınızda tüm ayrıntıları gösterebiliyor.

2. Moo Tools Date Picker : yapılandırılabilir Javascript takvimidir. Her formatta sorunsuz çalışır ve zaman seçimini destekler.

3. Full Calendar : Yine güzel bir jquery uygulamalı takvim.

4. JPint : Bu da web tabanlı iphone uygulaması.

5. JCalendar : JCalendar 3 şekilde kullanılabilen dinamik jquery uygulamalı bir takvimdir.

6. Date Picker : bildiğimiz klasik takvimlerden.

7. JQuery Week Calendar : bir başka büyük boy takvim.

8. JMonth Calendar : Yaklaşan olaylar uygulamasını destekleyen bir takvim. Fare imleci ile tarihin üzerine gelindiğinde detayları gösterir. ayrıca üzerindeki link ile bağlantı alındığı sayfaya yönlendirilebilir.

9. Simple Jquery Date Picker : Kullanması çok kolay bir takvim daha.

10. Calendar : bu uygulamada birden çok takvim seçilebiliyor. Geçen günlerin üzerini karalamaya meraklıysanız bu takvim tam size göre.

11. Vista-Like Ajax Calendar Bu takvim de windows vistanın web tabanlı olanı.

12. JQuery Interactive Date Range Picker : tarih seçimi için özel olarak tasarlanmış dinamik menüsü olan bir takvim.

13. Unobtrusive Javascript Date-Picker Widget : Yine müthiş bir takvim daha. Aylar ve yıllar arasında geçiş yapılabilir.

Kaynak

Bu yazı sequieros 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

MooTools HTML5 Video Oynatıcı: Moovie

algoz — Wed, 14 Jul 2010 06:43:00 GMT

Web sayfalarının iskelet dili HTML'nin fırından yeni çıkmış versiyonu HTML5 ile gelen acar elemanı video tag'ini terbiye ederek keyfinize göre kullanabilmenizi sağlayacak bir MooTools kütüphanesi olan Moovie, video tag'i ve dolayısıyla videolar üzerindeki bu hakimiyeti, ücretsiz olarak sunmakta.

Moovie kütüphanesi, Youtube video oynatıcılarında gördüğümüz standart butonları (play, pause, stop), ses konrolörünü ve durum/ilerleme çubuğunu ekleyebilmemizi/kullanabilmenizi sağlamakta. Ayrıca yükleme hatası durumunda hata mesajı verme, playlist desteği ve dil seçim desteği gibi özellikleri de bünyesinde barındırmakta.

Moovie kütüphanesine hemen buradan ulaşabilir ve kullanım ile ilgili gerekli olan tüm bilgileri elde edebilirsiniz.Tanıtım sayfasında bulunan demo gösterimi inceledikten sonra bu demonun kaynak kodlarından yararlanabilirsiniz.

[Bonus+++++]
+Portfolio için 15 Adet Herkesten Saklanası Wordpress Teması
+WebCam'den Görüntü Yakalamak İçin: Photo Booth
+Facebook Connect için JavaScript Kütüphanesi: Mu
+Görenlere "OHA" Dedirten, JQuery ile Hazırlanmış, 10 Adet Animasyon ve Eğitimi
+Google Wave Kullanma Klavuzları ve Kaynakları
[Kaynak] Moovie
[Paylaş] Sosyal Medya paylaşım sayfası burada.
[algoz Takip Noktaları] Bildirgeç Profil
Blog FF Twitter Facebook + Buzz E-posta RSS Mobil iPhone

ilgili yazılar

Bu yazı algoz 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

Etkiliyici Slaytlar için: aeron slideshow

angelsdemos — Wed, 19 May 2010 06:41:00 GMT

Web sitenizin içeriğine göre web sayfalarınızıda kullanıcılarınız için farklı slaytlar yayınlamak isteyebilirsiniz. Ürünlerinizi veya mekanınızı tanıtabileceğiniz bu slaytları bloglarda farklı amaçlarla da kullanabilirsiniz. aeron slideshow sayesinde tüm bu slaytları gerçekleştirebilir ve bu sırada birbirinden farklı temalarda farklı efektleri kullanabilirsiniz.

aeron slideshow 2, temel olarak jQuery ile hazırlanan Mit lisanslı ve oldukça kolay kullanımlı bir slayt aracıdır. Bu uygulama ile web sayfanızda yayınlamak istediğiniz fotoğrafları slayt gösterisi haline getirebilir ve bunu yaparken farklı efektleri kullanabilirsiniz.

Farklı görünümleri sayesinde aeron slideshow web siteniz ile oldukça uyumludur. İsteğinize göre altta veya yanda bulunun fotoğraflar menüsünü kaldırabilir veya farklı biçimlerde kullanabilirsiniz. Fotoğraflarınız slayt gösterisi halindeyken tümüne farklı fotoğraf efektleri ile ziyaretçilerinizin ilgisini çekebilirsiniz.

Kullanıcılarınızın isteklerine göre farklı fotoğrafları seçmelerini sağlayabilir veya transparan olarak hazırlanan kontrol menüsü sayesinde kullanıcılarınızn slaytı durdurmasını veya farklı fotoğraflara geçmesini sağlayabilirsiniz. Ayrıca kontrol menüsünü saklayabilir veya ona da farklı efektler uygulayarak farklı biçimlerde ekrana gelmesini sağlayabilirsiniz.

Google Code servisinde de yayınlanan aeron slideshow mit lisanslı taşımakta ve 2kb. boyutunda.aeron slideshow'u Firefox, Chrome/Chromium, Opera, Safari ve Internet Explorer (6,7,8) tarayılarında çalıştırabilirsiniz.Google Code üzerindeki aeron slideshow sayfasına gitmek için buraya, orjinal web sayfasına gitmek için buraya gözatabilir veya demolarınıa bakmak için buraya bakabilirsiniz.İsterseniz buradan indirebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : electircprism

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

mootools ilginç lightbox tasarımları

maydesign01 — Thu, 25 Mar 2010 11:05:00 GMT

mootools lightbox

farklı özelliklere sahip lightbox lara aşağıdaki bağlantılardan ulaşabilirsiniz.doğrudan lightbox sayfalarına eriştikten sonra kodları bilgisayarınıza indirebilir, kendi tasarımlarınıza uyarlayabilirsiniz.

1.visionwidget.com

mootools lightbox

mootools lightbox

mootools lightbox

mootools lightbox

mootools lightbox

Bu yazı maydesign01 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

Görseller İçin MooTools Eklentisi: slideGallery

algoz — Fri, 19 Mar 2010 14:29:00 GMT

Web sitenizde veya blogunuzda yayınlamak istediğiniz resim ve fotoğraflarınızı, ziyaretçilerinizin beğenisini kazanacak bir görsel sunum eklentisi ile yayınlamak istediğinizde kullanabileceğiniz bir MooTools eklentisi olan slideGallery, esnek yapısı ile farklı tasarıma sahip web sayfalarında kullanılabilecek bir eklenti.

IE6+, FF2+, Safari3+, Opera9+ ve Chrome desteği olan slideGallery; otomatik gösterim, dikey ve yatay kayma, slaytların geçiş ve bekleme sürelerini belirleyebilme gibi daha birçok "özelleştirilebilir" özelliği bulunmakta.

slideGallery eklentisi için hazırlanmış ve birçok farklı örneğin bulunduğu demo sayfasını buradan ziyaret ettikten sonra, kullanımı ile ilgili gerekli bilgileri de buradan öğrenebilirsiniz.

[Bonus+++]
+30 Funny Print Ads that’ll Make You Laugh

+70 adet harika photoshop eğitimi ve kaynağı
+30 Adet Göz Dolduran Javascript Menü ve Kodu

[Kaynak] slideGallery
[Paylaş] Sosyal Medya paylaşım sayfası burada!
[algoz Takip Noktaları]
Blog FF Twitter Facebook Buzz E-posta RSS Mobil iPhone

ilgili yazılar

Bu yazı algoz 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

35+ CSS3 & Javascript Uygulaması

siriusbee — Wed, 03 Mar 2010 13:22:00 GMT

Henüz bütün tarayıcılar tarafından bütün özellikleriyle desteklenmese de, bir çok web tasarımcı CSS 3'ü Jquery, Mootools gibi javascript kütüphaneleriyle bir arada kullanarak neler yapılabileceğini denemeye başladılar bile.

Bir çoğu şimdilik sadece Safari ve Chrome tarafından desteklense de bu uygulamaları gördüğümüzde şaşırmamak elde değil gerçekten. CSS adeta aldı başını gidiyor.

CSS 3'ü öğrenmek için hala geç değilken bir an önce bu uygulamaları gözden geçirerek CSS 3'e başlangıç yapmanızda fayda var. Diğer yandan CSS 3'ü kullanmaya başlamak, Internet Explorer 6'yı tamamen terk etmek için de önemli bir adım bence.

Bakalım neler yapılabiliyor?

Hareketli Kart Destesi

Işığın konumuna göre gölgesi değişen PNG resim

Animasyonlu Transparan Menü

3 Boyutlu Sayfalar ve Perspektif Videolar

3 Boyutlu Sayfalar

Film Jeneriği Şeklinde Kayan Yazı

Dönerek Kutusundan Çıkan CD'ler

Gerçek Zamanlı Analog Saat

Tamamını bu kaynaktan görebilirsiniz.

Ek olarak,

CSS ve Jquery ile hareketli navigasyon menü yapımı

Jquery ile hareketli linkler yapın

ilgili yazılar

css'yi öğrendiniz. peki ya sonra? (10)

Bu yazı siriusbee 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

Floom: MooTools Slayt Gösterim Eklentisi

algoz — Mon, 26 Oct 2009 17:23:00 GMT

Web sayfalarınızda, farklı amaçlarla gerçekleştireceğiniz Slayt gösterimleri için kullanabileceğiniz bir MooTools Slayt Gösterim eklentisi (MooTools slideshow plugin) olan Floom, özellikle slayt geçişlerinde kullandığı panjur efekti (blind-effect) ile dikkat çekmekte.

15 farklı seçeneğe vereceğeniz değerler ile özelleştirebileceğiniz Floom eklentisini web sayfanıza nasıl ekleyebileceğiniz ile ilgili bilgilere buradan ulaşabilirsiniz.

Demo gösterimine buradan ulaşabileceğiniz Floom eklentisini buradan indirebilirsiniz.

Bonus++++++++++:
+En iyi 10 jquery slider eklentisi
+Html formları için 25 harika jquery eklentisi
+70 adet harika photoshop eğitimi ve kaynağı
+30 Adet Göz Dolduran Javascript Menü ve Kodu
+Tasarımcılar İçin Ücretsiz, Legal ve Kaliteli Kaynaklar
+Portfolio için 13 Adet Muhteşem Wordpress Teması
+jQuery ve CSS ile Page Peel Effect'i
+google api ve araçları
+15 Adet Dolu Dolu jQuery Kaynak Sitesi
+Adet Kullanışlı jQuery Örneği ve Eğitimi

Kaynak: Floom
algoz: Blog FriendFeed Twitter Facebook Email RSS

ilgili yazılar

Bu yazı algoz 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

Web Sayfanız İçin Hoş Bir Takvim Eklentisi

algoz — Fri, 23 Oct 2009 06:45:00 GMT

Web Geliştiricilerinin, web sayfası üzerinde bulunan birçok bileşen için uzun saatler harcamamaları için, geliştiricilerin kolayca kullanabilmesi için hazırlanmış birçok eklenti bulunmakta.

En kullanışlı Javascript çatılarından(framework) biri olan MooTools ile hazırlanmış, Calendar Eightysix eklentisi web sayfanız için hazır bir takvim bileşeni sunmakta.

Önseçimli bir tarih belirleyebilme, takvimdeki tarihler için farklı gösterim formatları düzenleyebilme ve animasyonlu geçişler gibi daha birçok özelliği barındıran Calendar Eightysix eklentisine buradan ulaşabilirsiniz.

Kaynak: Calendar Eightysix
algoz: Blog FriendFeed Twitter Facebook Email RSS

ilgili yazılar

Bu yazı algoz 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 yaratıcı javascript kaydırıcı örneği!!

vlknkng — Wed, 07 Oct 2009 16:24:00 GMT

önceleri düğmeler, galeri vb. gibi şeyler için flash tabanını kullanırken, artık günümüzde, jQuery, Mootools, Scriptallicious ve Prototype gibi javascript taslakları kullanılmaya başlandı. bu taslaklar flash yerine kod kullanıyor ve flashla elde edilecek etkileri bize sağlıyor. bu da web tasarımcıları ve geliştiricilerine yaratıcı düşünme için birçok alan sağlıyor.
aşağıda incelenen örnekler bu tarz javascript kaydırıcıları etkili bir şekilde uygulayan websitelerini ortaya koyuyor.

1. Charlie Gentle

2. Orman Clark

3. Best Before

9. Intermission Design

10. Jackson & Kent

11. Volll

12. X3 Studios

13. We Bleed Design

14. Bullet PR

15. Diego Latorre

16. Dreamer Lines

17. Galan Design

18. Howarths

19. Kit Folio

20. Jp3 Design

21. Polor Gold

22. Search inside

23. Magouya

24. OH! Media

25. Leaondro Medeiros

26. Kostandinos

27. Design Slicing

28. Richie Qilayout

29. Digital Convulsion

30. Ardes For Girls

kaynak

Bu yazı vlknkng 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

Tarayıcı "barışında" ilk adım Google'dan: Google Chrome Frame

AcharadSami — Thu, 01 Oct 2009 09:42:00 GMT

Tarayıcı Barışı

Bildiğiniz gibi 2003 yılında Netscape'in çekilmesi sonucu Microsoft, Internet Explorer'ın %93'lük rekor kullanım oranıyla tekel haline gelmişti. ancak bunu sağlarken o dönem içerisinde Internet Explorer 6'ya ürünü çıkardığı 2001 yılından bu yana tek bir çivi bile çakmaması yüzünden, öncülüğünü Mozilla'nın Firebird'ın (sonradan Firefox oldu) üstlendiği, sonrasında Opera Software'in geliştirilmiş Presto Layout Engine ve son olarak Google'ın, GNU Webkit temelli Chrome isimli tarayıcısını koymasıyla patlak veren, yeni standartlara uyumlu web tarayıcısı savaşı yeniden patlak vermişti.

Bu sefer savaşta saf kaybeden kısım Internet Explorer idi. Çünkü her ne kadar eklenti yapısı sistem bazlı da olsa ve XUL'in yetmediği yerlerde ActiveX hala çatır çatır işini yapsa da yeni getirilen CSS2, CSS3, HTML 5 gibi yeni standardlara uyum sağlayamıyordu.

Web Tasarımcılarının bir kısmı da, sonuçta IT sektöründe çalıştığını unutup, "Müzisyen mantığı ile" iş yaptığından, mootools, Jquery gibi kütüphaneler de "kendilerini kalıplara soktuğu için" pek kullanmak istemiyorlardı. Sonuçta herkes kendi bilgisini konuşturmak isteyince, standartlar arası yaşanan uyumsuzluk, özellikle çıkan tasarımların görüntülenmesinde ve yeniden konfigüre edilmesinde büyük külfetler çıkarıyordu. Ayrıca Internet Explorer'da eklentilerin özellikle "Araç çubuğu - toolbar" biçiminde sunulanların çoğununda Internet üzerinde reklamcılık ve istatistik tutan firmalara ait ürünler performansa olumsuz etkileri ve dışarı bilgi sızdırması da, tarayıcının kötü ünlenmesine sebebiyet vermişti.

Bunu düzeletmek ve en azından günümüzde yaygın kullanılmakta olan teknolojileri düzgün görüntüleyebilmek için, Internet Explorer 8'i Acid2'ye uyumlu hale getirme çalışmaları başlamıştı. Eklentileri ise onaylayarak, tek yerden indirmek için ieaddons.com'u kurmuştu.

Ancak, Microsoft'un aldığı tüm bu önlemlerde, özellikle kimi kullanıcıların bilgisayarlarını "Merdivenaltı ÖzFormat Bilgisayar, Otomotiv, İnşaat Sanayi ve Ticaret Ltd. Şti" gibi yerlere teslim edildiğinden, oradaki kişilerin telkin ettiği "Güncelleme yükleme, makine şişer - patlar" benzeri yanlış inanışlardan ötürü gereken güncellemelerin yapılamamasından, insanların büyük bir kısmı bu tip güncellemelerden haberdar bile olamıyorlardı.

Sonuçta gün itibariyle bile hala IE6 IE 7 ve IE8'den oluşan karma bir Internet Explorer çorbası web'de dolaşmaya başladı.

Ve Internet Explorer'ın kullanım oranı %65 civarında olunca, Google hem uyum sorunlarını gidermek hem de kendi kullandığı "layout engine"in kullanımını artırmak için (malumunuz Google Chrome kullanım oranı %10'lara bile gelemedi), Internet Explorer'a Google Chrome özellikleri ekleme yolunda bir adım atmaya karar vermiş ve süper bir sonuç ortaya çıkmış:

Google Chrome Frame

Bu yazılım, bir ek olarak Internet Explorer'ın içine kuruluyor ve istendiğinde sayfalarınızı Internet Explorer içinden Google Chrome altyapısı kullanarak gezmenizi sağlıyor.

Tarayıcı üzerinde sorun çıkarmadan rahatlıkla kurulan bu ek, fazla bir iş yükü çıkarmıyor ve gerektiğinde eklentileri IE'nin eklentiler panelinden rahatlıkla kapatılabiliyor.

kurulan eklentiler

Resmin Tam boyutu için buraya tıklayın.

Bu eki isterseniz kullanıcılara yama olarak yükletebilir, sonrasında da websitelerini gezmeden önce, sitenin başına cf: ekleyerek gezdirmek isteyebilir veya bunu registry ayarı olarak insanlara sunabilirsiniz.

Ürün, henüz bir araç çubuğu veya ön ayar ile gelmiyor.
Kullanım Yöntemleri ise şöyle:

cf:http://www.google.com (google chrome frame i adres satırıyla kullanma yöntemi)

Veya websayfanıza gömeceğiniz belli kodlarla da Google Chrome Frame'i yükletebilir veya tarayıcının algılamasını sağlayabilirsiniz. Buradan

Ya da siteyi ziyaret eden kişinin Internet Explorer'ında Google Chrome Frame yüklü değilse, bunu otomatik algılatıp bir seferde yükletme şansınız da vardır. Buradan

Google Chrome Frame için Ayrıntılı bilgi Buradan

İlgili Tanıtım videosu (Youtube) ise buradan (sizi temin ederim IE6 ile Acid3 testinden 100/100 aldığınızda siz de başlarda durumu garipseyeceksiniz.

Umarım, bu haber gibi geliştiricilerin ve kullanıcıların işine yarayan diğer koalisyon-geliştirme haberlerini daha sık duyarız.

ilgili yazılar

microsoft.com yenilendi (3)
Internet Explorer 7 Türkçe (4)

Bu yazı AcharadSami 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