Aktif sayfayı menüde göstermek, küçük bir detay gibi gözükse de websitelerimizin görselliğini artıran bir uygulamadır. Tasarımı oldukça kolay olan bu uygulama sadece bir kaç satır CSS kodu ile oluşturulabilir. Bu uygulamanın temel amacı, sayfalarımızda uzun zaman geçiren kullanıcılara hangi sayfa...

Bu makalemde, özellikle küçük boyutlu websitelerde kullanılan ve görselliği önemli ölçüde geliştiren sayfa geçiş animasyonlarından bahsetmek istiyorum. Bu sistemde, websitesinde yer alan bütün sayfalar, sitenin açılışında yüklenmektedir. Bu yüzden büyük boyutlu sayfalarınız varsa, bu sistemi kull...

Serimizin ilk bölümünde, SVG çizgi animasyonlarında kullanılan dasharray ve dashoffset komutlarından konuşarak, Illustrator programında oluşturduğumuz SVG grafiği ile çizgi animasyonumuzu oluşturmuştuk. Bu bölümde de oluşturacağımız SVG formatındaki harfler ile küçük bir kaç detay hariç, aynı şey...

Bu makalemde, SVG'lerin nasıl oluşturulduğundan ve SVG çizgi animasyonlarının nasıl yapıldığından bahsetmek istiyorum. Daha önce de belirttiğim gibi SVG, vektör türündeki bir grafik formatıdır. Yani matematiksel formüllerle oluşturulurlar. Matematiksel formülleri oluşturmak için bir program kulla...

İnternette en çok kullanılan resim formatları; JPG, PNG, GIF ve SVG'dir. Bu makalemde bu formatların tanımlarından, birbirleri arasındaki farklardan, avantaj ve dezavantajlarından, hangi amaçlar için kullanılabileceklerinden bahsetmek istiyorum. İlk olarak internette en fazla kullanılan formatlar...

Dört bölümden oluşan JSON serimizde, veri değişiminde kullanılan formatlardan kısaca konuşmuş ve JSON'larla ilgili uygulamalar tasarlamıştık. Bu makalemde, veri değişiminde kullanılan formatları daha detaylı inceleyerek, sahip oldukları avantajlardan, dezavantajlardan ve kullanım yerlerinden bahs...

CSS ile 3 boyutlu yapılar serimizin bu son makalesinde, 3 boyutlu resim galerisi oluşturacağız. Önceki CSS 3 boyut makalelerimde küpler, kutular, kitaplar ve 3 boyut özelliğine sahip sayfalar tasarlamıştık. Bu makalem de önceki uygulamalarımız gibi oldukça basit ve tamamen CSS ile oluşturulacak. ...

Bu makalemde, CSS ile 3 boyut özelliğine sahip sayfalar oluşturup, sayfalar arasındaki geçişleri 3 boyutlu olmasını sağlayacağız. Aslında yapacağımız işlemler oldukça basit. CSS "translateZ" komutu ile sayfaları plakalar şeklinde birbirinin önünde veya arkasında sıralayacağız ve sayfa geçişlerind...

Bu makalemde, CSS ile 3 boyutlu kitap tasarımı yapacağız. Hatırlarsanız serimizin ilk bölümünde CSS ile 3 boyutlu küp ve kutu tasarımları yapmıştık. Bu tasarımımızda 3 boyutlu bir dikdörtgenler prizması yaparak, yüzeylerine kitap resimleri ekleyeceğiz ve küçük detaylar ile kitap şekline getireceğ...