Merhaba Arkadaşlar, Bu makalede css ile geniş yazıları sınırlandırma işleminin nasıl yapıldığını göreceğiz. Tasarımlar içerisinde tek satır olarak belirlenen yazılar bazı durumlarda bir kaç harf veya bir kaç kelime daha da artarak 2,3 satıra kadar uzayabiliyor. Bu şekilde bir durum ile karşılaştığımızda tasarımın genel yapısının bozulmaması için belli bir noktadan sonra yazının geri kalanını görünmez […]
Merhaba Arkadaşlar, Bu makalede internet explorer için ekstra css dosyaları hazırlayarak nasıl kod yazabileceğimizi göreceğiz. Yeni sürümleri ile birlikte iyi diyebileceğimiz kadar yeni nesil tarayıcılara yaklaşan internet explorer, eski sürümlerinde büyük hatalar verebiliyor. Bu hataları düzeltirken asıl css dosyamızda değişiklik yaptığımızda Chrome, firefox, safari gibi doğru sonuçlar aldığımız tarayıcılarda bozulmalar göreceğiz. Şimdi yapacağımız işlem sonunda […]
Merhaba Arkadaşlar, Bu makalede sizlere arayüz geliştiricilerinin fazlasıyla ilişkili olduğu bir Css framework’ ü olan Twitter Bootstrap’ ten bahsedeceğim. Adından da anlaşılacağı üzere twitter’ ın arayüz geliştirici ekibi tarafından 2010 yılında geliştirilmeye başlanmış bu proje şu an Dünya’ nın en iyileri arasında yer almaktadır. Ayrıca geliştirilirken de sürekli olarak o günün trendlerine göre ufak kabuk […]
Merhaba Arkadaşlar, Bu bol örnekli ve uzun makalede sizlere günümüzde hayatımıza aynı Html ve Css kadar girmiş durumda bulunan Css3 metodlarından ” Animations ” hakkında bilgi vereceğim. Flash’ın artık günümüzde sektör içerisinde neredeyse tamamen çekildiğini düşündüğümüzde ortaya çıkan büyük sistemlerden Html5 ve jQuery’ nin ardından da bize bir çok durumda Css3 ile de animasyon oluşturabilme […]
Merhaba Arkadaşlar, Bugün sizlere benimde yeni karşılaştığım ve kısa bir incelemeden sonra çözümünü bulduğum bir konu hakkında bilgilendirme yapacağım. Yaptığım bir tasarımı sürekli Google Chrome ve Internet Explorer tarayıcılarında test ediyordum. Bu iki tarayıcıda herhangi bir hata bulunmuyordu. Ancak bu hatasız görünen tasarımı Mozilla Firefox tarayıcısında açtığımda sayfanın en üstüne yapışık bir şekilde durması gereken […]
Merhaba Arkadaşlar, Bu makalemizde sizlere css içerisinde kullandığımız bir parametre olan ” background-position ” değerinden bahsedeceğim. Bu anlatım için de bana göre en uygun yollardan birisi olan ikonlardan yararlanacağım. Makale sonunda position değerini kullanarak ne kadar geniş bir alana farklı farklı class’lar ile hitap edebileceğimizi görmüş olacağız. İşlemlerimize başlarken hazır olarak elimizde bulunan veya internetten […]
Merhaba Arkadaşlar, Bugünkü makalemizde bir çok grafik gösterimlerinde , geri sayım araçlarında kullanılan ProgressBar’ ları işleyeceğiz. İlk önce Css ile görünümümüzü tamamlayacağız ve daha sonra jQuery yardımı ile ufak animasyonlar vererek bu küçük tasarımımızı güzelleştireceğiz. Çalışma mantığı olarak baktığımızda iç içe iki adet div’ imiz olacak ve üstteki div progressbar’ ın sınırlarının belirleneceği alan olacaktır. […]
Merhaba Arkadaşlar, Bu makalede sizlere CSS3 ‘ ün bizi nasıl resimli ve haliyle de yüklü olan arkaplanlardan iyiden iyiye uzaklaştırdığını iki özellik ile anlatmaya çalışacağım. Bu özelliklerimiz ” background-repeat ” tag ‘ i içerisinde kullanılan ve arkaplanımızın x , y koordinatları doğrultusunda bir kaç piksellik bir resim ile doldurulabilmesini sağladığımız özelliklerimizdir.
Merhaba Arkadaşlar, Bu makalede sizlere CSS3 ile birlikte hayatımıza giren ve bizi arka planlarda resim kullanmaktan kurtaran bir özellik olan ” gradient ” ten bahsedeceğim. Bildiğiniz üzere CSS3 öncesinde genelde iki renk tonunun hakim olacağı arka planlarda çözümü ya internetten bulduğumuz bir resim ile ya da photoshop tarzı çizim programlarından oluşturacağımız bir dosya yardımı ile […]
Merhaba Arkadaşlar, Bu makalede sizlere CSS tanımlamalarında , özellikle de kafamızın karışık olduğu durumlarda iki kere aynı class veya id ‘ ye yapılan tanımlamalarda karışıklık yaşadığımız ” !important ” metodundan bahsedeceğim. Bu küçük kelime bloğunu yazdığımız CSS komutunun sonunda hemen ” ; ” den hemen önce yazarak sayfaya kaç adet css dosyası çağırılırsa çağırılsın her […]