Css !important


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.

Devamını Oku →

Animate.css


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.

Devamını Oku →

Bootstrap nedir ?


Merhaba, bu makalemiz de Bootstrap nedir sorusuna genel bilgiler verecek küçük örnekler yapacağız. Bootstrap, Twitter tarafından geliştirilen bir CSS paketidir. Responsive tasarımlar geliştirmek için harika bir araçtır. Kısacası bir CSS framework diyebiliriz.

Devamını Oku →

Responsive Tasarım nedir ?


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.

Devamını Oku →

Css reset nedir ?


Bildiğiniz gibi front-end developerlar yaptıkları tasarımları Crossbrowser yapabilmek için çok fazla uğraşırlar.  Bunun içinde Eric Meyer adında bir kişi Reset.CSS‘yi yazarak işimizi daha fazla kolaylaştırmıştır.

Devamını Oku →

Cross browser nedir?


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;

  1. Normalize css nedir? (Önerilir)
  2. Reset css nedir?

Css kullanarak gradient text yapmak


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.

Css text gradient

 

Devamını Oku →