Kategori: Web Tasarım Örnekleri ve Uygulamaları

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.

Daha önceki bir yazımda Html ve Css ile üçgen yapımını anlatmıştım. Bu yazımda ise Scss'de mixin ve if-else yapısını kullanarak üçgen yapımını bir fonksiyon haline getireceğiz. Böylece projelerimizde istediğimiz yerlerde tek satır kod yazarak üçgenleri …