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.

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.

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 …