bildirgec.org

CSS3‘ün ürün yelpazesinin gelişmesi web tasarımcılara önemli bir katkı sağlamakta. Farkı görsel ögeleri ve göze hitap eden farklı tasarımlar oluşturlan CSS3 gelişmeye devam etmekte. Kasım ayını geride bırakırken sizin için bu ayın en iyi CSS3 Dersleri derledik. Birçok farklı uygulamanın detaylı olarak nasıl yapılabildiğini öğrenebilir ve tüm bu uygulamaları kullanabilirsiniz.Kasım 2010’un En Popüler CSS3 Dersleri:

Making Better Select Elements with jQuery and CSS3
(CSS3 ve jQuery ile Daha İyi Bir Seçim Elemanı Yapın)

CSS3 Animated Bubble Buttons
(Kabarcık Butonlar)

1. Blue Jeans

( Demo| İndir)

2. Portfolio

Mozilla Labs yaptığı duyuru ile yeni projesi Chromeless‘i tanıttı. Popüler internet tarayıcısı Firefox‘un en sade halinden itibaren siz kendi tarayıcınızı; herhangi bir arayüz, tema, eklenti olmadan HTML, CSS ve JavaScript gibi standart web dilleri ile tasarlayabileceksiniz.

“Chromeless: Build your own Browser UI using HTML, CSS and JS” (Chromeless : HTML, CSS ve JS ile Kendi Tarayıcını İnşa Et) başlığı ile yeni ürününü tanıtan Mozilla Labs takımı, yeni projeleri sayesinde kullancıların kişiselliğine önem verdiğini bir kez daha vurguladı. Mozilla Labs’ın XUL kullanımı yerine web dillerini kullanması projeyi oldukça geniş bir kitleye yaydı. Önceden sadece birtakım geliştiricilerin kullanabildiği XUL yerine artık tarayıcınızı değiştirebilecek ve istediğiniz zaman değişiklik yapabileceksiniz.

imgAreaSelect, interaktif ortamdaki herhangi bir görüntüyü dikdörtgen biçiminde belirli bir bölümünü seçmenize yarayan bir jQuery uygulamasıdır. Bu uygulama ile seçtiğiniz bölgenin özelliklerini size görebilir, zoom yapabilirsiniz. Ayrıca birçok şekilde geliştirilerek kırpma, düzenleme gibi farklı uygulamalar yapılabilir.

CSS ile hazırlanmış ve özelleştirilebilen imgAreaSelect, API fonksiyonlarını destekler.Farklı php ve asp uygulamarı ile kolay entegrasyonu sağlayabilirsiniz. Tıkladığınız alanın en ve boyu haricinde x1, x2, y1, y2 eksenlerini de öğrenebilir ayrıca seçtiğiniz bölgenin normal koşullarda veya büyültülmüş olarak nasıl göründüğünü görebilirsiniz.

Eylül ayı boyunca en popüler jQuery derslerini sizler için derledik. Aşağıdaki birbirinden farklı ve kullanışlı uygulamarın tümünü ücretsiz olarak kullanabilir ve özelleştirebilirsiniz. Popüleritesi artan jQuery kütüphanesi sayesinde interaktif olarak web ortamında birçok farklı projede kullanabilirsiniz. Eylül Ayının jQuery UygulamalarıUygulamaları;

jQuery Roundrr – How To Create Awesome Circular Image Galleries With jQuery & CSS
(jQuery Roundrr – jQuery ve CSS ile Nasıl Dairesel Resim Galerisi Oluşturulur)

A jQuery & CSS3 Drop-Down Menu With Integrated Forms
(jQuery ve CSS3 ile Açılır Menüye Entegreli Formlar)

Simple Tooltip with jQuery & CSS
(jQuery ve CSS ile Basit Tooltip)

Bookmarklet; tarayıcılar üzerinden kullanabileceğiniz, javascript ile hazırlanan uygulamalara denir. Birçok işlemi sadece bir tık ile halledebilirsiniz. Tüm tarayıcılarda desteklenen Bookmarklet’leri genellikle araç çubuğuna sürükleyerek kullanabilirsiniz. Sizin için derlediğimiz oldukça kullanışlı Bookmarklet’ler;

Print Liminator

Web tasarımcılar için gerekli bir araç olan Print Liminator ile herhangi bir web sayfasındaki ögeleri istediğiniz şekilde kaldırabilirsiniz. Herhangi bir tablo, imaj gibi web sayfanızdaki tüm ögeleri kaldırabilir, web sayfasını anında yazdırabilir ve dilerseniz sayfadaki tüm grafikleri inatkif yapabilirsiniz. Küçük bir tooltip şeklinde sayfanın köşesinde çıkan oldukça başarılı bir uygulama.

Markup

Markup oldukça gerekli ve hoş olan bir çizim aracıdır. Web sitesinin herhangi bir yerini çizebilir, herhangi bir şeyler yazabilirsiniz. Eğer sunum, ders gibi dökümanlar hazırlıyorsanız oldukça yararlı bir uygulama. İsterseniz metinlerin altını da herhangi bir renk ile çizebilirsiniz. Hazır olarak bulunan çizgi, kare, daire şekilleri de bulunmakta.

XRay

Web tasarımcılar için oldulça faydalı bir uygulama olan XRay, bulunduğu sayfadaki tüm element bilgilerini size gösterebilir. Tıkladığınz bölgenin css ve html kodlarını anında ayıklayarak tooltip şeklinde açıklarak birçok bilgiyi size gösterir.

Arrowchat, gelişmiş bir interaktif sohbet uygumasıdır. Birçok script‘e entegre edilebilecek bu uygulamayı web sitenizde kullanarak kullanıcılar arasındaki iletişimi güçlendirebilir ve arrowchat‘in birçok özelliğinden faydalanabilirsiniz.

Görünüm bakımından Facebook‘a benzetilmiş olsada istediğiniz gibi özelleştirebilir ve web sitenize entegre edebilirsiniz.jQuery ile hazırlanan bu uygulamayı kendi web sitenizde kullanabilir veya Wordpress, phpBB eklentileri de kurabilirsiniz. Brutal, vBullettin, php-nuke gibi birçok script ile entegrasyonu yapılmak üzere.

elRTE, web sitenizde kullanabileceğiniz açık kaynak kodlu WYSIWYG editördür. Javascript ve jQuery kütüphanesi kullanılarak hazırlanan bu muhteşem HTML editör ile web içeriğinizi istediğiniz gibi kontrol edebilirsiniz.Studio 42 tarafından geliştirilen elRTE’yi ticari olan veya olmayan bloglar, forumlar ve benzer birçok serviste ücretsiz olarak kullanabilirsiniz.

Zengin içeriği ile metin düzenlemenize her yönü ile olanak veren bu editörü kolaylıkla web sitenize entegre edebilir ve sonrasında rahatlıkla kullanabilirsiniz. Ayrıca dilerseniz yazılarınızın biçimlendirilmiş şekildeki html kodlarını görebilirsiniz. Hafif, hızlı ve kolay kolay kullanıma sahip elRTE üzerindeki düzenlemeler css olarak da kaydedilebilir.

Demo modu, Word’den kopyanan yazıları temizleme, ifade ekleme, gelişmiş tablo ve resim ekleme eklentileri ve tam ekran modu ile muhteşem bir derleme aracı olan elRTE ile masaüstü programlardaki tüm özellikleri bulabilir, Gelişmiş bir şekilde metinlerinizi düzenleyebilirsiniz.

Flash benzeri yakınlaşma efekti üzerinden hazırlanan Zoomer Gallery, hoş bir jQuery uygulamasıdır. Etkileyici zoom efekti sayesinde resim boyutunu arttırarak ziyaretçilerinizi etkileyebilir.

3 farklı efekti barındıran Zoomer Gallery‘yi galeri olarak kullanabileceğiniz gibi farklı amaçlar ile de kullanabilirsiniz. İsterseniz sadece bir imaja bu efekti verere çarpıcılığını ortaya koyarsınız veya reklam verenlerinizin reklamlarını farklı şekilde yayınlayabilirsiniz.

Web tasarım işi oldukça uzun sürebilir. Bu yüzden yapılan birçok uygulama bulunmakta. Bu uygulamalar size zaman kazandırmakla beraber birçok açıdan da yardımcı oluyorlar. Aşağıdaki ücretsiz uygulamaları siz de kullanabilirsiniz.

Flowplayer

Web sitenizde bulunan videoları kullanışlı ve ücretsiz bir flash arayüz olan flowplayer ile yayınlayabilirsiniz. FLV, SWF, MP3, MP4, H.264 video, JPG, PNG gibi formatları destekliyor. ayrıca video içeriğine reklam yerleştirebilme, çalma listeleri oluşturabilme, tam ekran gibi birçok özelliği bulunmakta. Ücretsiz sürümünü kullandığınız takdirde sadece tam ekran modunda sağ alt köşede Flowplayer logosu olmasının dışında herhangi bir eksiği olmayan bu muhteşem arayüz, gpl lisansına sahip ve oldukça gelişmiş.

FancyBox

FancyBox, web sitenizde kullanabileceğiniz gelişmiş bir resim görüntüleme aracıdır. Web sitenizdeki resimleri tooltip şeklinde büyük veya orjinal halini ziyaretçilerinize gösteren bu uygulamayı isterseniz galeri şeklinde de kullanabilirsiniz. swf, iframe gibi desteğe de sahip olan uygulama, oldukça kolay bir kullanıma sahip.

Wordpress için yapılmış bir eklentisi de bulunmakta.