Photoshop Yükle

Vatanay Özbeyli Yorum yazın Kaynaklar

Photoshop, tasarım dünyasının piksel tabanlı görsel düzenlemede lider programıdır. İlk versiyonunun 1987 yılında Thomas Knoll tarafından yayınlandığı program günümüze uzanan süreçte devrim niteliğinde güncellemeler aldı. 1988’de Adobe tarafından alınan ve geliştirilen fotoğraf işleme yazılımı CS2 sürümüyle birlikte Smart Object desteğine kavuşmuş, vektörel çizime de destekler olmuştur.

Bildiğiniz gibi Adobe, Photoshop da dahil artık tüm programlarını Creative Cloud altında toplayarak hizmetlerini tek bir yapıdan kontrol edilir hale getirdi.

Bu yazımızın devamında sizlere Photoshop’u bilgisayarınıza nasıl kuracağınızı anlatacağız. (daha&helliip;)

Devamını Oku

HTML5 ile Arkaplanda Video!

Vatanay Özbeyli Yorum yazın HTML5

Günümüzde birçok web tasarımında hareketli arkaplanlar kullanıldığını görüyoruz. Özellikle şeffaf bir perde ile kullanılan bu yapı günden güne popülerleşiyor.

HTML5‘in getirdiği yenilikler, hareketli arkaplanlar hazırlarken Flash’a muhtaç kalmamamıza sebep oluyor. Böylece sadece birkaç satır kod yazarak ilgi çekici ve hareketli arkaplanlar oluşturuyoruz.

Bu dersimizde HTML5’in video oynatıcısını biraz daha yakından tanıyoruz, beraberinde de manipüle ediyoruz. Örneği görüntüleyerek başlayabilirsiniz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

CSS ile Tam Ekran Arkaplan

Vatanay Özbeyli 1 Yorum CSS3

“Cross Browser”, yani tüm tarayıcılarda aynı sonucu veren bir CSS makalesiyle daha beraberiz. Bugün, “CSS ile tüm sayfayı kaplayan arka plan görüntüsünü nasıl oluşturulur?” sorusunu cevaplayacağız. Gelişen web teknolojileri ve tarayıcı tepkileri sebebiyle bu basit tasarım artık daha kolay bir şekilde hazırlanabiliyor. Microsoft’un DXImageTransform elemanlarından kurtulmak bizlerin işini fazlasıyla kolaylaştırmakta.

Hazırlayacağımız tasarım kısaca şunları yapacak :

Tüm sayfayı en ufak bir boşluk bırakmadan kaplayacak.
Gerekirse görseli küçültüp/büyültecek.
Görselin aspect ratio değerini korur.
Görseli sayfanın ortasına yerleştirir.
Kaydırma çubuğunun görünmesine sebep olmaz.
Tüm tarayıcılarda çalışır.
Flash ile yapabileceğinizden daha hızlı ve kolay kullanım sağlar.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

the_post_thumbnail ile Öne Çıkarılmış Görselleri Çekelim

Vatanay Özbeyli 5 Yorum Eklentiler, Temalar, WordPress

the_post_thumbnail, WordPress konularımızda eklediğimiz öne çıkarılmış görselleri direkt olarak çekmemize yarayan bir fonksiyondur.

Özellikle tema yapımı ve düzenlenmesiyle ilgileniyorsanız özel listelemeler için bu etiketi kullanmanız kaçınılmaz.

Sizlere bu fonksiyonun array desteğinden bahsedeceğiz. Böylece paylaşacağımız değerleri kullanarak çektiğiniz görseli boyutlandırabilir, sağa-sola yaslayabilir, alt title değerini değiştirebilirsiniz. (daha&helliip;)

Devamını Oku

HTML5 ile Tam Ekran (Full Screen)

Vatanay Özbeyli 1 Yorum HTML5, Tasarım Unsurları

Önceki yıllarda Flash ile yaptığımız tam ekran (Full Screen) desteği artık HTML5 ile rahatça yapılabilmekte. Tek yapmanız gereken Section tagını doğru kullanmak.

Vereceğim örnek section içerisindeki görsel ile çalışmakta. Yani resmin orjinal boyutunu gösterebileceğiniz bir çalışma. Fakat siz isterseniz CSS kodlarıyla biraz oynayıp farklı tekniklerde kullanabilirsiniz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku