imaj | bildirgec.org

lightbox uygulaması ilk çıktığından ona benzer birçok farklı eklenti yazıldı. imajlardan başka diğer dosya türlerini de destekleyen, farklı efektlerle açılan uygulamalar için buyurun:

jquery lightbox scriptleri

• jQuery Lightbox Plugin - demo
  
  
• Fancybox - demo
  
  

bazen bir fotoğraf karesi bizi alıp hayatımızın en güzel anına götürebilir. unuttuğumuz, aklımızın köşesinde tozlu raflarda kalmış anılarımızı gün yüzüne çıkarır. fotoğraf insanın aynası gibi bizim yaşadıklarımızın bir nevi şahididir. yaşadığımız güzel anların sonsuza dek kalıcı olması için fotoğraf çekilmeye değer. sinan çetin'in reklam filminde söylediği gibi: "hayat çekilmeye değer."

bunun için bazı teknik bilgilere ihtiyacımız var. fotoğrafla ilgili internette o kadar çok bilgi içeren siteler var ki insan nereden başlayacağını bilemiyor. aşağıdaki siteler kategorilere göre ayrılmış fotoğraf kaynaklarını içeriyor.

bildiride yeni başlayanlar ve profesyoneller için fotoğraf siteleri, oyuncak fotoğraf makineleri, profesyonel fotoğrafçılar, fotoğrafla ilgili teknik bilgiler, fotoğraf ve photoshop teknikleri, fotoğraf yarışmaları ile ilgili web sitelerini bulacaksınız.

bu yazı fotoğrafçılık konusunda kendini geliştirmek isteyenler için mükemmel bir başvuru kaynağı. 40'ı yeni toplam 51 web sitesi.

Bu siteler başlangıç düzeyi için harika sitelerdir. Daha ileri düzey kullanıcılar için de içeriğe sahiptir.

1. Photodoto

Yeni başlayanlar için harika makalelerin yer aldığı "Photography 101" linkine tıklayın

2. About.com: Photography

About.com ekibinden fotoğraf makaleleri ve teknikleri.

3. Digital Photography School

Daha çok ilham verici ve bilgilendirici makaleler içeren kapsamlı fotoğraf kaynağı.

buildinternet.com okurlarına web tasarımlarını geliştirebilmeleri için 8 tavsiyede bulunuyor

1.Renkleri Parlatın

Eğer tasarımınız size özel olduğunu hissettirmiyorsa tasarımınızdaki renkler üzerinde biraz oynamanız bu eksikliği giderebilir. Renkler hakkında fazla bilginiz yoksa Color Scheme Designer'dan yardım alabilirsiniz.

2.Tek renkli temaları az kullanın

Siyah beyaz tasarımlar oldukça hoş görünebilir veya bu tür tasarımları oluşturmak daha kolay olabilir ancak daha fazla renk bize istediğimiz nesneyi vurgulama imkanı verir.

internette, ücret gerektiren tasarım öğelerine alternatif, ücretsiz ve kaliteli içerik sunan birçok blog var bildiğiniz gibi. bu sitelerde dokular, imajlar, photoshop fırçaları, wordpress temaları gibi kaynaklara rastlamak mümkün. işte bu konuda yararlanabileceğiniz 12 blog:

• Bittbox
  
  
• Patternhead
  
  

Tasarımlarımızı XHTML ve CSS’e geçirirken bazen çok basit şekilleri bile kimi zaman resim olarak kaydederek tasarımlarımıza ekliyoruz. Oysa bu davranış bize ekstra bir “http isteği” olarak dönmüş oluyor. Daha önce CSS Sprite'ların kullanım alanları yazımda bu istekleri azaltarak performansı nasıl yükselttiğimiz konusuna az da olsa değinmiştim. Bu yazıda ise minik ve basit resim dosyalarından kurtularak http isteklerini minimum düzeye çekecek ve sitelerimizin performansını arttıracak. Pingdom ile performansınızı ölçmeniz mümkün.

Dertlere derman css border
Başlıktan da anlayabileceğiniz gibi bu şekilleri çizmek için elimizdeki en önemli özellik border olacak. İstediğiniz şekli çizmek için border’ları solid yapmalı ve genişliklerini ayarlamalıyız.
Şimdi ufak bir örnekle border’ları nasıl ayarlamamız gerektiğini görelim.

.cisim{ width:0; height:0; line-height:0; border-top: 50px solid magenta; border-right: 100px solid green; border-bottom: 100px solid red; border-left: 50px solid yellow; } <span class="cisim"></span>

Burada rahatlıkla görebilmeniz için border değerlerini çeşitli renklerde tanımladım. Boyutsuz olan span elemanının etrafında üçgensel olarak 4 farklı bölge oluşuyor. İşte bu bölgeleri kullanarak çeşitli dörtgenler, içbükey çokgenler ve üçgenler çizerek tasarımlarımızı tamamlayacağız.

Merhaba arkadaşlar, internette kendim için bazı fotoğraf galerileri araştırırken çok güzel galeriler buldum fakat kendim için bir tanesini beğendim. Ben de kendi zevkime göre bulduğum bu sitedeki foto galerileri sizinle paylaşmak istedim. İlk olarak Javascript galerilerinden başlayalım. İşte onlardan birkaç örnek

Bu gördüğünüz galeri jQueri ile yazılmıştır. Alt tarafında resimlerin küçük görüntüleri bulunmaktadır ve harika bir görünüme sahiptir.
Demosu İndirin

Gördüğünüz bu galire de Javascript tabanlıdır ve görsel açıdan çok zengindir. İçine istediğiniz resimleri albüm olarak gruplara ayırabilirsiniz.
Demosu İndirin

Daha önce CSS Sprite tekniğinden "css sprite'ların kullanış alanları" başlıklı yazımda bahsetmiştim. Eğer bu yazıyı okumadıysanız bu tekniğin yararını kavrayabilmeniz için okumanızı tavsiye ederim. Bu yazıda ise bu tekniği satırlarca kod yazmadan nasıl uygulayabileceğimizi anlatacağım.

1. adım: Kullanılacak Resmin Yaratılması
Matt Varone'un yapmış olduğu CSS Navigation Bar Code Generator uygulamasına önceden yaptığımız sprite dosyamızı yüklüyoruz. Ben rehberde örnek olarak aşağıdaki butonları kullanacağım.

2. Adım: Ayarlamalar
Resmi yükleyip ikinci adıma geçiyoruz. Bu sayfa Menü tasarımı için yapıldığından dolayı uygulama sizden menünün ismini yazmanızı ve horizontal (yatay) ya da vertical (dikey) özelliklerinden birini seçmenizi istiyor. Bu seçimi yapıp bir sonraki adımda menümüzün sayfa yüklendiği anda gösterilecek halini seçmemiz isteniyor.

3. Adım: Ana Katmanı Seçmek
Bu adımda yatay menü yapıyorsanız yatay, dikey olarak tasarladıysanız dikey olarak menünün ilk elemanlarını seçmeniz gerekmekte. Eğer uygun bir seçim yaparsanız uygulama size onay mesajı göstererek bir sonraki adıma geçmenize izin veriyor.

Çinlilere özel çok enteresan ve heryerde bulamayacağınız çeşitli görselleri başlıklar halinde sunuyorum :
çin usülü photoshop fırçaları:
chinese ink

dragons volume 2