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.

Bilgisayarda klavye kısayolları ile işlemlerinizi yaparak ciddi anlamda zaman kazanabilirsiniz. Klavye kısayollarını özellikle projelerinizde kod yazarken kullanabilirsiniz. Bu yazımda Windows işletim sistemleri ve Mac OS lar için tüm klavye kısayollarını tablo halinde paylaşacağım.

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.

Bu yazımda android cihazlarda rar dosyası açma ve oluşturmayı anlatacağım. Bunun için Google Play Store'dan hem ücretsiz hem de gayet kullanışlı bir program yükleyeceğiz.

SCSS'de döngüler yani each, for ve while kullanımı ile devam ediyoruz. SCSS'deki each, for ve while döngülerini tıpkı programlama dillerinde olduğu gibi kullanıyoruz. Sadece birkaç küçük değişiklik yapıyoruz. Örneğin önlerine "@" işaretini yazmak gibi..

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 …

Bugün programlama dillerinden aşina olduğumuz if-else yapılarının SCSS'de nasıl kullanıldığına bakacağız. SCSS'deki if-else kullanımı ile artık Css kodlarımızı yazarken koşullu ifadelerden faydalanabiliyoruz.

Bildiğiniz gibi bu Css3 özellikleri eski tarayıcılarda problem oluşturabiliyor. Bu uyumluluk problemlerini çözmek için Css3 özelliklerinin bazılarını ön-ekler ile birlikte kullanıyoruz. Örneğin transform özelliğini kullanırken tüm tarayıcılarda düzgün bir şekilde çalışması için şöyle yazıyoruz.

Eğer yapacağınız projenizde SCSS kullanmayı düşünüyorsanız kesinlikle kodları küçük parçalara ayırmaya çalışın. Örneğin bir web sayfası yapıyorsunuz diyelim. Tüm kodları tek sayfada yazarsanız bir süre sonra yönetilebilirliği kaybetmeye başlarsınız. Kodlar uzadıkça neyi nerede yazdığınızı bulmanız …

SCSS'de inheritance yani miras alma yöntemi ile kod tekrarının önüne geçebiliyoruz. Kullanımı oldukça kolay. SCSS'de miras almayı bir örnek üzerinde göstermek istiyorum.

Daha önceki yazılarımda Html ve Css kullanarak yatay menü yapımını anlatmıştım. Bu yazımda ise Html ve Scss kullanarak yatay menü yapımı nasıl oluyor onu göstereceğim.