bildirgec.org

Javascript Image Cropping Scripts

Web sitelerinde kullanılan görselleri, kullanılacak alana göre boyutlandırmak ve kırpmak program bilgisi olanlar için kolay bir uygulamadır. Ancak, bazen gereğinden fazla zaman harcamayı gerektirir veya program kullanmak için ne zaman, ne de bilgi vardır.

Bu durumda ya çevrimiçi bir araç aramak gerekir (program öğrenmek daha iyi olur) veya aşağıda göreceğiniz, hotscript tarafından listelenen en fazla tercih edilen 8 javascript gibi sorunumuzu çözecek kolay scriptlere ulaşmamız gerekir.

Görselleri boyutlandırma ve kırpma işlerini kolaylaştıracak 8 javascript;

UvumiTools Crop
UvumiTools Crop, görüntü boyutlandırma ve kırpma işlemi için geliştirilen bir mootool eklentisi.

Javascript Image Cropping Scripts

Javascript Image Cropper UI
Prototype JavaScript framework ve script.aculo.us

Javascript Image Cropping Scripts

Image crop – DHTML
Görüntü kırpmak/boyutlandırmak için DHTML kullanıcı arayüzü sunar. İstenen bölgenin üzerine bir dikdörtgen sürüklenir ve kesilir.PHP sunucu üzerinde imagemagick kullanır.

Javascript Image Cropping Scripts

Web Sitelerinin en önemli parçalarından biri de sitelerin içeriklerine erişimi sağlayan menülerdir. Web sitelerinin bu önemli parçası için Javascript ile hazırlanmış, işlevsellikleri ve görsellikleri ile göz dolduran 30 adet menüyü kategorilere ayrılmış olarak hazırlanmış listeden deneyebilrisiniz.

Accordion Menu
Dynamic drive Accordion menu Demo

i-MarcojQuery Accordion Menu Demo

facebook

Siz de facebook’tan korkanlardan mısınız? “Ya bilgilerim çalınırsa, veya yabancı ellere geçerse” diye çekinenlerden biri olabilirsiniz. Bütün bu çekinmelerinizin dozunu artırmakta serbestsiniz. Çünkü facebook’tan yeni inciler dökülmeye devam ediyor.

Bu sefer bahsedeceğimiz vukuat (ki aslında pek vukuat sayılmaz ancak yine de bazı incelikler var) çeşitli tekniklerle gizlenmiş bir SunShine efekti. Bu efekt genellikle çekim yapan kameranın objektifine yansıyan güneş ışığının yuvarlak ve irili ufaklı rengarenk halkalar oluşturmasıyla belirir.

İşin ilginci bu efekti herkes bulamıyor ve aktif edebilmek için oldukça uzun sayılabilecek tuş bileşimlerine sırasıyla basmanız gerekiyor. Ancak bu şekilde efekt sayfada aktif hale geliyor. Efekti açmayı başardığınızda ise yapacağınız tüm tıklamalar, sayfa kaydırmaları ve yazı yazmanız sırasında bu profesyonelce tasarlanmış ve programlanmış efekt size eşlik ediyor. Adeta monitörünüzde sizin hareketlerinizle eş zamanlı olarak dans ediyor.

SunShine Efekti

Bildiğiniz üzere, aylar önce Chrome’un ikinci versiyonunun betası yayınladı. Belki de en göze çarpan özellik olan harici JavaScript desteğiyse, bazı değişiklikler yapılmadan hala kullanılamıyor. Eğer siz de şimdiden Chrome üzerinde GreaseMonkey scriptleri kullanmak istiyorsanız, takip edin.
Yapılması Gerekenler
Öncelikle bu adresten indireceğiniz Chrome Kanal Seçici sayesinde, Chrome’u haftalık dev-build’lerine (geliştiriciler için olan sürüm; çok kararlı olmayabilir hatta hiç kararlı bile olmayabilir) güncelleyebiliyoruz. Teorik olarak beta kanalı da işimizi görmeli ama garanti olsun diye ben Dev’i seçtim. (Önemli: Eğer Dev sürümünden geri dönmek istersek; Chrome’u baştan yüklememiz gerekiyor)

Chrome Kanal Seçici / Channel Chooser

Daha sonra Chrome’u açıp, İngiliz Anahtarı simgeli, sağ üstte bulunan menüyü açıp, “About Google Chrome” seçeneğini seçiyoruz. Karşımıza, yeni sürümü müjdeleyen (tabii bu dev sürümü), hakkında ekran çıkacak.

OpenVZ bildiğiniz üzere Parallels firmasının Virtuozzo yazılımının Open-Source hali olan ve Linux altında çalışan bir sunucu sanallaştırma yazılımıdır. Bu sistemi kullanan sistem yöneticilerinin en büyük dertlerinden biri açılan VPS konteynerlerinin anlık olarak Load (CPU Yükü) durumunu rahatlıkla görememeleridir. Bu konuda yaptığım araştırmalarda elle tutulur hiç bir kaynak bulamadığımdan oturup kendim bir bash script yazmaya çalıştım.

Yazdığım scriptin yaptığı şey VPS konteynerlerine tek tek komut gönderip anlık load bilgilerini öğrenip bize listelemektir. Buna ek olarak ana makinenin CPU kullanımına göre ilk 5 process, disk kullanım bilgileri ve makine üzerine yapılan SYN-RECV ataklarının listelenmesi de eklenmiştir.

delicious çok küçük bir kod eklemekle bir sayfa üstündeki sonu .mp3 ‘le biten bağlatıları çalınabilir hale getiriyor.
Playtagger adı verilen bu hizmeti kendi sayfalarınıza eklediğiniz gibi yer imleri kısmına eklediğinizde ise sörf yaparken karşılaştığınız aynı .mp3 ‘le biten dosyaları indirmeden yanına bir oynat düğmesi eklenerek dinleme şansına sahip oluyorsunuz sabit ve işlevsel güzel bir uyguluma.

Web sayfaları geliştiren tüm heskesin bildiği gibi, projelerimizde inline (yani sayfa içinde) çeşitli scriptler yazabileceğimiz gibi, scriptleri (yani çalışan program parçacıklarını) bir başka dosya (veya dosyalar) içinde tutup ön sayfalara referans kodlarıyla dahil ederek, html kodlarımızda sadeliği (ve iş bölümünde kolaylığı) arttırmış oluyoruz.

Aşağıda yapacağımız çalışma için bize jQuery isimli javascript kütüphanesi gerekmektedir. Çünkü bu kütüphane AJAX işlemlerini kolay bir şekilde halledebiliyor. Gelin şimdi bu kütüphaneyi standart yollardan sayfamıza dahil edilecek örneği verelim. Böylece hem istemci taraflı tasarıma yeni başlamış arkadaşlarımıza include (dahil etme) için örnek oluşturalım hem de normal yollardan bir scriptin ne şekilde sayfaya dahil edildiğine yeniden bakmış olalım. Bu şekilde aşağılarda anlatacağımız gibi standardın dışına çıkarak web sayfalarımıza başka yollardan script dosyalarını dinamik bir şekilde yüklediğimizde meydana getirdiğimiz farklılığı gözler önüne sermiş olacağız.

son zamanlarda hızla çoğalan oyun ve dizi sitelerinin hangi scripti kullandığını öğrenmek istiyorum örnek dizi sitesi diziizleyelim ve canlı dizi olabilir.

Oyun sitesi ise herhang bir oyun sitesi olabilir.

Artık hepimizin çok iyi bir şekilde bildiği bir durum var ki o da google’ın insanlar tarafından kolayca alşılabilecek yapıdaki URL (web adresleri) kullanılmamızı arzu ettiğidir. SEO (Search Engine Optimizations – Arama Motoru Optimizasyonu) kurallarından en değerlisi bile diyebiliriz. Bir örnek verecek olursak;

1

http://arsiv.pilli.com/bu-bir-deneme-adresidir.html

oysa çoğu sitede karşımıza şu görünümdeki adresler çıkar;

1

http://arsiv.pilli.com/makale.asp?makID=1471

ve doğal olarak google yukarıda verdiğimiz ilk örneği daha çok sevmektedir. Çünkü insanlar sayfamızı daha açmadan, ne ile ilgili olduğunu fark edebilirler.

klasik asp ve iis6.0 kullanarak bu işlemi kendi becerimizle yapacağız. Aksi halde iis’in, asp için URL’lere müdehale edebilmemize olanak verdiği özel bir yöntemi bulunmuyor. Kendi tekniklerimizle bizi baş başa bırakmayı daha uygun görmüşler.

Chevereto açık kaynaklı (php tabanlı) resim depolama scripti. kullanımı kolay, görünümü sade ve şık. *.JPG *.PNG *.BMP *.GIF gibi uzantılı resimlerinizi ister url’den ister bilgisayardan kolay bir şekilde yükleyebilirsiniz.