Kategori: Web Tasarım Örnekleri ve Uygulamaları

Bu yazımda Css3 ile birlikte gelen transform ve transition özelliklerini kullanarak kurumsal web sitelerinde sıkça karşımıza çıkan servisler alanının tasarımını responsive olarak yapacağız.

Bu yazımda Css3 ile birlikte gelen transform özelliğini kullanarak Türk Bayrağı tasarımı yapacağız. Tasarımımızın son hali şu şekilde olacak.

Bu yazımda Css3 ile birlikte gelen gradient özelliğini kullanarak gökyüzü tasarımı yapacağız. Tasarımımızın son hali şu şekilde olacak.

Bu yazımda Css3 ile birlikte gelen animation özelliğini kullanarak zıplayan toplar animasyonu yapacağız. Animasyonumuzun son hali şu şekilde olacak.

Bugün Html ve Css kodları yazarak yan menü butonlarını nasıl yapabileceğimizi göstereceğim.

Bu yazımda, Html ve Css kullanarak sabit/yapışkan sosyal medya butonlarının nasıl yapıldığını öğreneceğiz. Her geçen gün sosyal medya kullanıcılarının artmasıyla birlikte web sitelerinde bulunan sosyal medya butonları da artık olmazsa olmazlarımız arasındaki yerini aldı.

Bugün Html ve Css ile responsive takvim tasarımı yapacağız. Örneğimizde sadece takvim tasarımı olacak. Yani çalışan bir takvim uygulaması olmayacak.

Bugün Html ve Css kodları yazarak kalp şeklini nasıl yapabileceğimizi göstereceğim. Örneğimizin son hali aşağıdaki gibi olacak.

Web tasarımlarında en çok kullandığımız öğelerden bir tanesi de resimlerdir. Bu yazımda kullanmış olduğumuz resimleri nasıl responsive hale getirebileceğimizi yani mobil uyumlu yapabileceğimizi göstereceğim.

Bu yazımda Css3 ile birlikte gelen animation özelliğini kullanarak zıplayan top uygulaması yapacağız. Uygulamamızın son hali şu şekilde olacak.

Bu yazımda Css3 ile birlikte gelen animation özelliğini kullanarak iki duvar arasında gidip gelen top uygulaması yapacağız. Uygulamamızın son hali şu şekilde olacak.

Bugün Html ve Css kodları yazarak güp güp atan kalp :) örneği yapacağız. Kodlarımızı yazarken Css3 özelliklerinden animation, transform ve position gibi özellikleri kullanıyoruz. Bu özellikler ile ilgili eksikleriniz varsa şu linklerden konu anlatımlarına bakabilirsiniz.