bildirgec.org - thealico - beğendikleri

bilgisayarı yeniden başlatma sorunu için dr. web

thealico — Fri, 08 Oct 2010 09:46:00 GMT

bilgisayarınız zararlı bir yazılımdan ötürü "boot" edilemiyorsa, çaresi bu yazıda bahsedeceğim dr.web livecd'de.

dr.web livecd için hangi işletim sistemini kullandığınız mühim değil. ister linux isterseniz windows kullanıyor olun farketmiyor. buradaki siteye girdikten sonra iso uzantılı dosyayı indirin ve bu kalıp dosyasını cd'ye yazın. daha sonra da bilgisayarınızı cd'den boot edin.

bu yazılım, bilgisayarınızın boot edilmesi sorunları virüs kaynaklı olduğunda kullanılması gereken bir yazılım. açılma sorunu olan bilgisayarınız, başladığında önce mühim dosyalarınızı kurtarın/yedekleyin, sonra virüs taramasından geçirin. bu sayede verilerinizi kaybetmek ve format atmak gibi dertlerden kurtulmuş olun.

bilgisayarınızı başlattıktan sonra ve yazılımın görüntüsü ekranınıza geldiğinde, seçeneklerden varsayılanları ayarlayın.

bundan sonra masaüstü kullanıcı arayüzü karşınıza gelecek. virüs tarama ve yedekleme işlemlerine geçebilirsiniz.

buradan yazılım hakkında ingilizce ve rusça dökümanlara ulaşabilirsiniz.

dr.web livecd yazılımı live cd olduğundan, cd'yi taktığınızda bilgisayarınızda herhangi bir değişiklik olmayacaktır. kurtarma ve tarama işlemlerinden sonra işletim sisteminizi eskisi gibi kullanmaya gönül rahatlığıyla devam edebilirsiniz.

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

Javascript Sürükleme Bileşeni: Dragdealer JS

thealico — Tue, 15 Jun 2010 06:41:00 GMT

Dragdealer JS, web sayfalarını kullanıcılar ile etkileşim halinde, dinamik ve kolay kullanılabilir bir yapıya dönüştürmek için faydalanabileceğiniz sürüklenebilir (slider, Scroll-bar, Slideshow, canvas mask) web elemanları (bileşenleri) eldemeniz için geliştirilmiş, oldukça kullanışlı bir Javascript bileşeni.

12kB hafifliğindeki Dragdealer JS bileşeni, yatay ve dikey yönde haraket eden sürgüleri/kaydırma çubuklarını ve slide gösterimlerini hazırlayabilmeye imkan vermenin yanında, bu web elemalarını farklı yaklaşımlarda hazırlanmış olan tasarımlara uygun hale getirebilme esenekliğini de sunmakta.

Dragdealer JS ile ilgili daha fazla bilgiyi buradan öğrenebilir ve yine aynı sayfada yer alan demoları deneyebilirsiniz.

[Bonus+++++]
+Web Sayfanız İçin Hoş Bir Takvim Eklentisi
+jQuery ile Hazırlanmış Harika Bir Fotoğraf Galerisi Eklentisi: Ad Gallery
+10 Adet Ücretsiz Microblog Uygulaması Kaynak Kodu
+lu.ly Facebook ve Twitter'ı Tarayıcınıza Getiriyor!
+Floom: MooTools Slayt Gösterim Eklentisi
[Kaynak] buradan
[Paylaş] Sosyal Medya paylaşım sayfası Dragdealer JS.
[algoz Takip Noktaları] Bildirgeç Profil
Blog FF Twitter Facebook + Buzz E-posta RSS Mobil iPhone

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

chrome'da proxy değiştirme - proxy switchy

thealico — Fri, 11 Jun 2010 12:33:00 GMT

chrome'un giderek daha yaygın kullanılmaya başladığı bir dönemdeyiz. özellikle eklentiler konusunda firefox ile arasındaki açığı çok hızlı kapatan chrome'un yakın bir gelecekte pek çok bilgisayar kullanıcısının ilk tercihi olacağını tahmin etmek pek de güç değil.

chrome proxy switchy eklentisi ile proxy server (yani vekil sunucu) kullanan kullanıcılarının isteklerine de cevap veriyor.

proxy switchy hakkındaki detayları yazının devamında bulabilirsiniz.

neden vekil sunucu?

proxy server (yani vekil sunucu) internet üzerinden yerel ağ veya internete bağlı bir bilgisayar ile, dış dünya arasındaki ilişkiyi sağlayan bir geçiş (gateway) sistemidir. her bilgisayar kullanıcısının olmasa da pek çok kullanıcının değişik amaçlarla kullandığı bir servistir. bu amaçlardan en önemlileri güvenlik, ip kontrollü elektronik kaynaklara ulaşım, yerel ağdaki band genişliğini korumak vb.'dir.

vekil sunucu kullanımı, özellikle son yıllarda elektronik dergi ve kitapların yaygınlaşmasıyla, üniversitelerde çalışanlar ve öğrencilerin bu kaynaklara kampüs dışında ulaşımı için de kullanılan en yaygın yöntemdir.

vekil sunucu ile

ağ ayarlarını vekil sunucu kullanacak şekilde ayarlayıp internete bağlanan bir kullanıcı http, https ve ftp gibi tüm internet protokollerinde bu vekil üzerinden bağlanır. böylece üniversite örneğini ele alırsak, kullanıcı evde bile olsa kampüs içindeymiş gibi abone olunan tüm elektronik içeriğe ulaşabilir. ya da bir ağ üzerindeki farklı bilgisayarlar aynı sitelere erişmeye çalıştığında sitedeki bilgiler site sunucusu yerine vekilde tutulan ön bellekten getirilir. bu da bant genişliğinin korunmasını sağlar. (buna en iyi örnek, 1990'lı yılların sonunda ve 2000'li yılların başlarında kullanılan ulaknet vekil sunucu hizmeti'dir).

vekil sunucu kullanımında sorunlar

ancak bu tür bir bağlantı beraberinde belli dezavantajları da getirmektedir. bu konuda en önemli dezavantajlar hız azalması ve gizlilik olarak sayılabilir.

çözüm

bu nedenle son yıllarda sadece istenildiğinde vekil sunucu kullanımına olanak sağlayan yazılım ve tarayıcı eklentileri geliştirilmiştir. bu alanda en popüler eklenti ise firefox kullanıcılarının kullandığı foxyproxy'dir.

chrome için vekil sunucu değiştirici - proxy switchy

proxy switchy, google chrome için birden çok vekil sunucu profilini yönetme ve bu profiller arasında hızlı geçiş imkanı sunan gelişmiş bir vekil sunucu yönetim aracıdır.

tek tıklama ile yada kural tabanlı geçiş

vekil sunucular arası geçiş tek bir tıklama ile elle (manual) olabileceği gibi tanımlanacak url tabanlı kurallar ile sadece gerektiğinde otomatik olarak da yapılabilmektedir.

aşağıdaki ekran görüntüsünde de görüldüğü gibi, mevcut (açık olan) web sitesi için hızlı kural oluşturmak mümkündür.

Online Kural Listesi Desteği - AutoProxy

Üniversiteler gibi pek çok site için kural oluşturulması gereken kullanımlar için proxy switchy autoproxy uyumlu online kural listelerini desteklemektedir. Üniversite örneğini ele alırsak, üniversitenin abone olduğu onlarca elektronik kaynağa ait tek bir kural listesi oluşturup bu listeyi webten ulaşılır yapıp üniversitedeki tüm akademik personel ve öğrencilerin kullanımı sağlanabilir. Böylece kullanıcılara sadece proxy switchy eklentisini yüklemek ve kural listesini tanımlama işi kalmaktadır.

Örnek Bir Proxy Listesi

Ben Dokuz Eylül Üniversitesi'nin abone olduğu elektronik kaynaklar için örnek bir proxy listesi hazırladım. Listeye buradan ulaşabilir ve eğer dokuz eylül üniversitesi'li iseniz bu listeyi kullanabilirsiniz.

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

Orjinal Mac OS X LEOPARD cd ile PC'ye kurulum

thealico — Mon, 27 Jul 2009 10:42:00 GMT

PC'ye Mac OS X kurmak artık çığrından çıkmış durumda. Öyleki bunun pazarlamasını yapan şirketler bile var psystar, quo gibi. Psystar, Apple ile davalık durumda. Hala dava sonuçlanmış değil.

Bu firmalardan Mac OS X kurulu PC almanıza gerek yok. Bir Boot cd ile sizde Leopard'ı PC'nize yükleyebilirsiniz.
Bunun için:
- Boot-132 CD'si yükle
- Orjinal Mac OS X LEOPARD (satın alın)
- iATKOS V7 (sürücüleri yüklemek için)

Bunları temin ettikten sonra donanımınızın da kuruluma uygun olması gerekli. Uygun donanımlara buradan bakabilirsiniz.

Sizin için örnek bir donanım;
- Anakart: Gigabyte Ep45-ds3r (ses dışında sorunsuz çalışıyor. Ses için kext dosyasını da buradan yükleyebilirsiniz.)
- intel core 2 duo cpu e7200
- Ekran kartı: Msi 7600gt 256mb (sorunsuz)
- Sata HD ve DVD
- 2 gb 667mhz Ram

Bu sistem ile PC'nizde Mac OS X keyfini sürebilirsiniz. Videolu anlatımı buradan ya da buradan izleyebilirsiniz.

Bu yazı thealico 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.popeye ile interaktif görseller

thealico — Fri, 23 Apr 2010 15:52:00 GMT

Web sitenizde fotoğraf veya resimlerinizi farklı yöntemler ile ziyaretçilerinize sunmak isteyebilirsiniz. jQuery ile hazırlanan jQuery.popeye sayesinde web sitenizdeki tüm görselleri kişiselleştirebilirsiniz. Gelişmiş interaktif görseller için hazırlanan jQuery.popeye sayesinde fotoğraflarınız ile slayt gösterileri hazırlayabilir, fotoğraflarınızın altına notlar yazabilir veya fotoğrafınızın orjinal/büyük halini aynı sayfada yayınlayabilirsiniz.

jQuery.popeye sayesinde web sitesinin akışını bozmadan (yeni sayfa yüklemeden) farklı işlemler uygulayabilirsiniz. Sayfada yayınladığınız görselin orjinal (büyük) halini tooltip özelliği sayesinde yayınlayabilirsiniz.

Görsellerinize farklı renklerde hoş görünümlü çerçeveler ekleyebileceğiniz gibi görsellerinizin altına notlar da ekleyebilirisiniz. Bu sayede ziyaretçilerinizi web sitenizin akışını bozmadan bilgilendirebilirsiniz.

Birden fazla resmi aynı çerçeve içerisinde yayınlayabileceğiniz gibi resimleri değiştirmek için kullanılan ok tuşlarını görselin herhangi bir yerine koyabilir veya görselin üstüne geldiğinde ortaya çıkmasını sağlayabilirsiniz.

Ücretsiz olarak yayınlanan bu jQuery eklentisi; Firefox 3.5 , Safari 4, Opera 10.50, Chrome 4 desteğine sahip.

Birçok farklı şekilde kullanabileceğiniz jQuery.popeye'yi buradan indirebilir incelemek için demo sayfasına buradan ulaşabilir veya kendi sayfasını buradan inceleyebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak ; herr-schuessler

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

tasarımlar için ücretsiz dokular

thealico — Fri, 10 Oct 2008 05:14:00 GMT

son dönemde site arka planlarında doku kullanımı oldukça arttı. size de tasarımlarınızda bu tarz öğelere yer veriyorsanız lost and taken işinize yarayacaktır.

bitkilerden ahşap, metal görünümlere kadar birçok başlık altında kaliteli çalışmalar var.

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

html formları için 25 harika jquery eklentisi

thealico — Thu, 23 Apr 2009 10:15:00 GMT

web sayfalarında bilgi girişleri için kullanılan html formlarının gerek görsellikleri gerekse işlevsellikleri üzerinde bazen uzun süreli çalışmalar yapılması gerekir. aşağıdaki jquery eklentileri sayesinde hem zamandan önemli ölçüde kazanç sağlayabilirsiniz, hem de kullanıcıların beğenisini kazanacak tasarımlar yapabilirsiniz.

Form Skinning(form kaplamaları):
jQuery jNice

Styling input file

jqTransform

Emblematiq Niceforms

Form Validation(form doğrulamları):

Form validator

Bassistance jQuery Validation

Live validation

Lightform

Masking(maskeleme):
Masked Input Plugin

Meio Mask

File Uploader(dosya yükleyicileri):

Multiple File Upload

jqUploader

Uploadify

Checkbox & Radio Button:

Checkbox & Radio Input Replacement

Fancy Form

jQuery Checkbox

Spin Button & Slider:

Spin Button

jQuery UI - Slider

Auto Complete(kendiliğinden tamamlama):

Bassistance jQuery Auto Complete

AjaxDaddy jQuery Auto Complete

Calendar & Time picker:

jQuery UI

Time Picker

Drop Down Menu (Select Element):

jQuery Image Drop Down

MC Dropdown

Drop down check list

Color Picker:

jQuery Color Picker

Farbtastic Color Picker

Textarea:

kaynak: queness

takip edin: bildirgeç friendfeed twitter rss

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

Layouts için 6 Adet jQuery eklentisi

thealico — Tue, 19 May 2009 14:15:00 GMT

Web Sayfalarına konulan içeriklerin sayfa üzerindeki konumlarının düzenli olması oldukça önemli bir konudur.
Önceleri table ile yapılan bu işlem şimdilerde daha çok CSS ile yapılmakta.
CSS ise yoğun içeriğe sahip web sayfalarının hızlı ve esnek bir şekilde düzenlenmesinde yetersiz kalabilmekte.
Bu yetersizliği gidermek için hazırlanan CSS Template Layout Module (CSS Şablon Düzeni Modülü) çalışması ise henüz taslak aşamasında.

Web Sayfalarının hazırlanmasında birçok konuya getirdiği çözümlerle + + + + göz dolduran jQuery eklentileri, Web Sayfalarının düzenlenmesi konusunda da bazı çözümler sunmakta.
Web Sayfa Düzenleri(Layouts) için kolayca uygulanabilir olan 6 adet jQuery eklentisi:

Kaynak: webresourcesdepot
Takip Et: Bildirgeç FriendFeed Twitter Facebook RSS

Bu yazı thealico 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ı Sorunlarını Çözen jQuery Eklentileri

thealico — Mon, 13 Apr 2009 06:47:00 GMT

Mümkün olduğu kadar CSS kullanılması gerektiğini öneriyoruz ve genellikle bunda da başarılı oluyoruz. Modern tarayıcıların CSS için çok iyi desteği bulunuyor, en azından anahattınızı ve sunumunuzu düzenlemek için CSS kullanmanıza yetecek kadar destek içeriyorlar. Ancak bazen bazı sayfa elementleri farklı tarayıcılar üzerinde farklı görünmektedirler. İşte bu yüzden biz de bugünkü yazımızda farklı tarayıcılarda görünen sorunları giderecek 15 jQuery çözümünün yanısıra size bazı güzel tarayıcı efektleri verecek jQuery eklentilerini listeleyeceğiz.

1. Internet Explorer'da DD_Roundies İle Yuvarlatılmış Köşeler Kullanabilmek

Ne yazık ki CSS3 border-radius şimdilik sadece Safari ve Firefox tarafından desteklenmekte olup, Internet Explorer gibi tarayıcılar üzerinde kare köşeler kullanmak zorunda kalıyoruz. DD_Roundies kütüphanesi yuvarlatılmış köşeleri Internet Explorer üzerinde sorunsuzca kulanabilmemizi sağlyor. DD_roundies, tıpkı jQuery gibi, seçicilerle birlikte çalışıyor ki bu sayede jQuery UI'nin CSS Çatı sınıflarını hedefleyerek DD_roundies'i jQuery UI üzerinde sadece birkaç satırlık kısa kodla uygulayablmemimizi sağlıyor.

Demo Burada

2. jQuery İle Eşit Yükseklikler Kullanabilmek

Eşit yüksekliğe sahip sütunların ya da içerik kutularının görsel efektini kullanabilmek her zaman zor olmuştur. Kullanılabilirlik ve performans açısından kullanılabilecek etkin bir çözüm, basit bir JavaScript kodu kullanmaktır. eQualHeights() fonksiyonu, bir kapsayıcı içerisindeki tüm elementlerin yüksekliklerini hesaplıyor ve ardından diğer her elementin minimum-height değerini uzunluğu en fazla olan değere eşitliyor. JavaScript etkisizleştirildiğinde ise kutular farklı boyutlarda görünmesine rağmen içerik ve sayfa tümüyle erişilebilir ve kullanılabilir kalmaya devam ediyor.

Demo Burada

3. Çapraz Tarayıcı Uyumlu text-shadow (metin gölgesi)

text-shadow güzel bir CSS3 (aslında CSS2) özelliği olup metinlerin ardında gölge görüntülememizi sağlıyor. Ancak bu özelliğin kötü bir tarafı var ki o da Internet Explorer üzerinde çalışmaması. Internet Explorer ile ilgili kullanışlı bir özellik var ki o da anlamadığı CSS tanımlamalarına erişim imkanı vermesi ki bu sayede biz de istediğimiz elemente text-shadow değerini uygulayıp ardından onu işletebiliyoruz. Bu betiğin Internet Explorer 5.5'ten Internet Explorer 8'e kadar olan tüm tarayıcılarda çalışması gerek.

Demo Burada

4. Yuvarlatılmış Köşeler

Bu jQuery eklentisi güzel görünümlü yuvarlatılmış köşeleri sorunsuzca oluşturabilmektedir. Herhangi bir görsel ya da yoğun kod kullanmanıza da gerek yok. padding desteği sayesinde JavaScript'in etkin olmadığı tarayıcılarda ise herhangi bir sorun yaşanmıyor.

5. Footer (Altlık) Pozisyonlama

Bu küçük eklenti, sayfanızın footer (altlık) kısmını tarayıcının görünen kısmının en altına yerleştirmenizi sağlar. Altlığın üzerindeki içerik yeteri kadar uzun olmadığı durumlarda bile betik, altlık kısmını başarılı bir şekilde pozisyonlamaktadır.

Demo Burada

6. Bağlantı Kontrolü

Bu küçük eklenti sayesinde son kullanıcıya bağlantıları yeni pencerede açmak isteyip istemediklerini seçebilmelerini sağlayabilirsiniz.

Demo Burada

7. Sayfa Kıvrımı

Günümüzde pek çok web sitesinde kullanılan ve sayfanın herhangi bir köşesinde beliren kıvrım efektinin altından reklam ya da herhangi bir duyuru gösterebilmenizi sağlayabileceğiniz bir jQuery eklentisi.

Demo burada

8. (Uzun) Web Sayfalarında Görsellerin Yüklenmesini Geciktirmek

Lazy Loader bir jQuery eklentisi olup (uzun) web sayfalarında görsellerin yüklenmesini geciktirmek için kullanılabilir. Bir web sayfasının görünen kısmının dışında kalan görseller, kullanıcı tarayıcının kaydırma çubuklarını kullanarak o alanı görüntülemediği sürece o alandaki görseller yüklenmeyecektir. Bu eklenti özellikle çok fazla sayıda görsel içeren uzun sayfaların yüklenmesini önemli ölçüde hızlandıracaktır. Tarayıcı, görünen kısımdaki görseller yüklendikten sonra diğer görsellerin yüklenmesi için hazır durumda bekleyecektir. Bazı durumlarda bu betiğin kullanımı, sunucuya bindirilen yükün de hafiflemesine yol açacaktır.

Demo Burada

9. jQuery İle Görselleri Sırayla Önceden Yüklemek

Bu küçük kod parçacığı bağlantıların üzerine fare imleci getirildiğinde görsellerin yüklenmeye başlamasını sağlar. Tüm sayfa elementlerinin yüklenmesinin tamamlanmasını bekleyebilmek için $(window).bind('load',function(){...}) kullanmaktadır. Bu, tüm görselleri kapsar.

10. BGIframe

Internet Explorer'in z-index sorunları ile baş edebilmek için kullanabileceğiniz bir eklenti.

11. IE Overflow Problemini Gidermek

Internet Explorer, Firefox ve Safari ile karşılaştırıldığında overflow elementini farklı bir şekilde yorumlamaktadır. Özellikle Firefox, bir elementin sınırlarını zorladığınızda, o elementin dışına yatay bir kaydırma çubuğu yerleştirmektedir. Ancak içerik yatay olarak sınırı geçtiği için, IE üzerinde, bir yatay kaydırma çubuğu belirdiğinde, içerik dikey olarak görüntülenememektedir.

Dikey overflow daima elementin içerisinde yer aldığından aşağıdakileri sadece IE için uygulamanız gerekmektedir.

İçeriği yatay olarak sınırlar dışına taşan tüm elementleri bulun.
Elementimizin altına 20 piksellk padding ekleyin.
Dikey kaydırma çubuğunu atın.

(function ($) {
$.fn.fixOverflow = function () {
if ($.browser.msie) {
return this.each(function () {
if (this.scrollWidth > this.offsetWidth) {
$(this).css({ 'padding-bottom' : '20px', 'overflow-y' : 'hidden' });
}
});
} else {
return this;
}
};
})(jQuery);

// kullanım
$('pre').fixOverflow().doOtherPlugin();

Yukarıdaki kod uygulandığında IE üzerinde yatay kaydırma çubuğu elementin altında görünmektedir.

Demo Burada

12. JavaScript Kullanarak CSS Hilelerinden Kaçınmak

Eğer sırf kodunuzu istediğiniz ya da olması gerektiği gibi göstermeyen o çirkin CSS hilelerini uygulamak istemiyorsanız, o zaman bu ipucunu kullanabilirsiniz. "Tarayıcı seçicileri". Bu sayede stilinizin önüne .msie, .mozilla, .opera, .safari ya da hedeflemek istediğiniz .diğer tarayıcı sınıflarını kolayca dahil edebilirsiniz.

Demo Burada

13. Tıklanabilir Alanın Boyutunu Arttırmak

Tüm içerik bloğunu tıklanabilir hale getirerek artık o sıkıcı "Devamını Oku" bağlantılarına bir son verin.

Demo Burada

14. Elementi Dikey Olarak Ortalamak

Bu video kılavuzunda CSS ve jQuery'nin gücünü kullanarak tarayıcı penceresinin görünen alanı üzerinde bir elementi nasıl dikey olarak ortalayabileceğinizi öğreneceksiniz.

15. jSizes - CSS Özellikleri İçin jQuery Eklentisi

JSizes, jQuery'e min-width, min-height, max-width, max-height, border-*-width, margin ve padding özelliklerini ekleyen bir eklentidir. Bunun yanısıra bir elementin görünürlüğünü belirleyebileceğiniz bir metod daha içermektedir. Toplamda jQuery API'sine 6 yeni metod eklemektedir.

Bu metodların nasıl kullanılabileceğine birkaç örnek:

jQuery(function($) {
var myDiv = $('#myDiv');

// margin-top özelliğinin değerini 100px ve margin-bottom özelliğinin değerini 10em yap
myDiv.margin({top: 100, bottom: '10em'});

// üst sınırın boyutunu piksel değerinde gösterir
alert(myDiv.border().top);

// element görünür ise doğru, diğer durumlarda yanlış değerini verir
alert(myDiv.isVisible());

// zincirleme kullanarak padding-right özelliğinin değerini 10px ve margin-left değerinin özelliğini 15px yap
myDiv.padding({right: 10}).margin({left: 15});
});

Aşağıdaki Yazıyı da Okumak İsteyebilirsiniz

Çapraz Tarayıcı Uyumluluğu İçin Altın Değerinde İpuçları

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

10 Web UI Kütüphanesi

thealico — Tue, 17 Mar 2009 16:56:00 GMT

Bir sonraki web siteniz ya da zengin İnternet uygulamanız için bir Web Kullanıcı Arabirimi Kütüphanesi mi arıyorsunuz? O zaman yazının devamında bulacağınız 10 Adet Güzel Web Kullanıcı Arabirimi Kütüphanesi hem geliştirme süresini kısaltarak çalışmanızı basitleştirmeyi hem de daha kullanışlı ve güzel kullanıcı arabirimlerine sahip olmanızı sağlayacak.

1. IT Mill Toolkit

IT Mill Toolkit açık kaynaklı bir çatı olup özellikle zengin İnternet uygulamaları geliştirmek için gereken widgetler ve araçlar için bir altyapı sunuyor. Standart Java araçlarını kullanarak tarayıcı uyumsuzluklarını, DOM'u ve JavaScript kütüphanelerini dert etmeden web uygulamaları geliştirebilirsiniz.

2. LivePipe UI

LivePipe UI Prototype JavaScript çatısını kullanıyor ve Web 2.0 uygulamaları için bir dizi widget ve kontrol elementleri içeriyor. Her bir kontrol iyi bir şekilde test edilmiş ve yüksek derecede özelleştirilebilir. Kodun iyi bir şekilde belgelenmiş olması ve JavaScript'in etkin olmadığı tarayıcılarda da arayüzün sorunsuz çalışması ayrı bir güzellik.

3. iWebkit iPhone/iPod touch Çatısı

iWebkit dakikalar içerisinde iPhone ve iPod touch üzerindeki Safari İnternet Tarayıcısı ile uyumlu ve iPhone / iPod touch görünümüne ve hissine sahip web uygulamaları ve web siteleri gelişirebilmenizi sağlıyor. Yaklaşık 5 aydır gelişimi sürdürülen bu proje ilk olarak basit bir fikir olarak geliştirilmeye başlamış ancak daha sonra gösterilen yoğun ilgi üzerine oldukça kapsamlı bir çalışma haline gelmiş durumda.

4. Jitsu

Jitsu, içerdiği bir dizi araç sayesinde geliştiricilerin web uygulamaları için gelişmiş kullanıcı arabirimleri tasarlayabilmelerini sağlıyor. Sunulan araçlar ve özellikler arasında XML kodlama dili, sayfa işleyicisi, veri bağlama motoru, JavaScript runtime, kontrol kütüphanesi, runtime izleyicisi, animasyon motoru, çapraz tarayıcı uyumlu kütüphane, AJAX ve geri düğmesi desteği yer alıyor.

5. MochaUI

MochaUI bir web uygulama kullanıcı arabirimi kütüphanesi olup mooTools JavaScript çatısı üzerine inşa edilmiştir. Web uygulamaları, web masaüstüleri, web siteleri, widgetler, kendi başına çalışır pencereler ve modal pencereler üzerinde kullanmaya uygundur.

6. Echo Web Framework
Echo Web Framework, zengin web uygulamaları geliştirmk için hazırlanan açık kaynaklı bir çatı. Geliştirici açısından Echo, Swing ya da Eclipse SWT gibi bir tür kullanıcı arabirimi araç kiti olarak işliyor. AJAX teknolojisi ise web istemcilerine masaüstü uygulamalar sınıfında uygulamalar kullanılabilmesi mümkün hale getirilmiş.

7. Yahoo! User Interface Library (YUI)

YUI Kütüphanesi, DOM betikleme, DHTML ve AJAX gibi web teknolojilerini kullanarak hazırlanmış zengin web uygulamaları geliştirmek için kullanılabilecek, JavaScript ile yazılmış bir dizi aracı ve kontrolü içeriyor. YUI, BSD lisansı altında yayımlanıyor ve tüm kullanıcılara ücretsiz olarak sunuluyor.

8. Sigma AJAX UI Builder
SigmaVisual, JavaScript ve PHP ile yazılmış olup profesyonel geliştiriciler için web tabanlı AJAX kullanıcı arayüzü oluşturma araçları içeriyor. Geliştiriciler bu paket aracılığı ile hem prototiplerini hem de gerçek web uygulamalarını oluştururken zaman kazanabilirler. TreeBar, TreeGrid, Anahat ve Menü, paketin desteklediği elementler arasında yer alıyor.

9. WUI Web UI Framework

WUI (Web Kullanıcı Arabirimi) bir MVC çatısı olup sadece Java kullanılarak hazırlanmış web kullanıcı arabirimleri oluşturmak için kullanılabilir. Bileşenler, widgetler ve olayları kullanarak web uygulamaları yazabilirsiniz ve bunun için JSP kullanmanıza gerek kalmaz. Tüm servlet 2.3 kapsayıcıları üzerinde sorunsuz çalışıyor. Model 2 / Struts'a benziyor ancak ondan çok daha iyi. Apache tarzı bir lisans altında dağıtılıyor.

10. Butterfly Web UI
Butterfly Web UI bileşen yönelimli bir web çatısı olup Wicket ya da Tapestry gibi Java için geliştirilmiştir. Butterfly Web UI'nin bu diğer çatılara oranla avantajı Butterfly DJ kapsayıcısı ile sorunsuz çalışması ve wb uygulamalarınızın bütünleşik bileşenlerini ayrıştırıp onları sorunsuz bir şekilde geliştirebilmenize yardımcı olması gösterilebilir.

Eğer sizin de bildiğiniz ve kullandığınız başka web kullanıcı arabirimleri mevcutsa yorumlarınızla paylaşmayı unutmayın.

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