Merhaba, bu makalemizde Css yazarken sıkça kullandığım !important kodunun ne işe yaradığından bahsedeceğim. Gerçekten bazı zamanlar saçınızı başınızı yolmanızı engeller.
Merhaba, bugün size benimde yeni tanışmış olduğum Animate.css‘den bahsedeceğim. Animate.css içinde birçok animasyonun bulunduğu bir CSS3 kütüphanesidir. İçinde 75 adet animasyon ile gelen bu müthiş kütüphane animasyon severlerin çok işine yarayacağına eminim.
Son yılların en çok kullanılan terimlerinden birisi “Responsive Tasarım” kelimesinin ne demek olduğunu öğreneceğiz. En kısa ve genel tanımı ile responsive tasarım “her ekranda okunabilen tasarımlar” olarak bilinir. Yani telefon, pc, laptop, tablet ekranlarının çözünürlüğüne göre şekil alan tasarımlardır.
Günümüz front-end geliştiricilerin başının belasını olan “Cross Browser” olayı gerçekten bir bela. Cross browser, client-side dillerin tüm tarayıcılarda aynı görünmesine denir.
Bildiğiniz gibi tarayıcılar (Internet Explorer, Google Chrome, Opera, Firefox, Safari v.b) bazı css ve html kodlarını okumakta farklı yollar izliyor. Bunları aşmak için bazı yöntemler mevcut ancak hepsine burda değinmeyeceğim. Farklı bir makalede bazı css, html ve javascript sorunlarına değineceğiz.
Web tasarımlarınızı cross browser yapmaya başlamak için aşağıdaki makalelerden başlayabilirsiniz;
Front-end developerların başının belası olan Gradient textler Css3 ile artık mümkün ve bir okadarda kolay. Şuanda bazı tarayıcılar desteklemese de zamanla hepsi bunu destekleyecektir diye düşünüyorum.
Öncelikle küçük bir örnek ile başlayalım. Aşağıdaki resimi CSS3 çıkmadan CSS ile yapmak mümkün değildi.