HTML5 özellikleri uzun zamandır kodlarımız arasında birçok özelliği ile yer aldı bu özelliklerinden biride genellikle css ile kazandırdığımız özellik olan gizle/göster özelliğidir. Attribute ile göster gizle olayını nasıl sağlarız makale devamında göreceğiz.
Kategori: CSS
CSS’de çok sık kullandığımız değerleri bir değişkene aktarıp bunu özelliklere değişken ile atamak için LESS, Stylus, SCSS compiler’ları olmadan doğam olarak artık değişken tanımlayıp kullanabileceğiz.
CSS Uppercase Türkçe Karakter Problemi, CSS kodlamasında bazen küçük harfler ile yazılmış olan paragraflar yada başlıkları büyük harfle gösterme ihtiyacı duyabiliriz fakat herhangi bir dil tanımı yapılmadığında direk olarak text-transform:uppercase; kullanımında türkçe karakter problemi ile karşılaşmanız olası bir durumdur.
Ionicons font ikon, Font Awesome ile başlayan font ikon paketi serüvenine kaliteli ve bol çeşitli olarak Ionicons adlı font ikon paketi 100% ücretsiz ve open source olarak katılmıştır.
HTML5 ve CSS3 ile beraber neredeyse artık tasarım konusunda çok büyük boyutlara ulaşıldığı çok net bir şekilde yeni site arayüzlerinden görebiliyoruz. Bu makale sonucunda estetik kaydırma çubukları oluşturabilirsiniz.
CSS Sprite tekniği ile küçük görsellerinizin tümüne ayrı ayrı trafik kaynağı ayırmak yerine tek seferde tüm görselleri bir görsel içerisinde sunabilirsiniz bu hem trafik hemde hız açısından olumlu sonuçlar verecektir.
CSS3 ile beraber gelen yeni özelliklerden biride resize özelliğidir bu özellik sayesinde özelliğin atandığı nesne büyültülüp küçültülebiliyor.
CSS3 teknolojisine henüz hakim olamayan veya zorlanan kişiler varsa makale devamındaki online kod oluştuşturucu ile CSS3 ile gelmiş özellikler için kod oluşturabilirsiniz veya deneme olarakda bu editörü kullanabilirsiniz.
CSS3 ile beraber gelen yenilikler gün geçtikçe daha fazla önem kazanıyor ve gün geçtikçe yaratıcılıkta sınır tanımayanlar için muhteşem bir kaynak haline geliyor CSS3 bu makalemizde CSS3 ile beraber yansımanın nasıl yapıldığını örnekli olarak açıklayama çalışıcağım.
Günümüzde CSS3 ve HTML5 teknolojileri ile beraber çok şık tasarımlar ortaya çıkmakta biz bu örneğimizde CSS3’ün bazı özelliklerini kullanarak tam ekran arkaplan’ın nasıl yapıldığını göreceğiz.
Grafik ve Web projelerinde belkide tasarım açısından en önemli ihtiyaçlardan biride font’dur sürekli güncellenecek olan bu makale aracılığla en kaliteli font’ları sizlerle paylaşmaya çalışıcam.
Background-origin özelliği ile belirlemiş olduğumuz arkaplanın başlangıç noktasını ve background-clip ile’de belirlemiş olduğumuz arkaplanın kesim noktasını belirtmiş oluyoruz. makalenin devamında bol örnekler ile anlatmaya çalıştım.
CSS sözde pseudı sınıflar ve pseudo elementler olarak iki farklı şekilde inceleyeceğiz ve nerelerde hangi amaçlar ile kullanıldığını göreceğiz.
CSS Text-Transform, Makale yazarken yada front-end kodlaması yaparken bazıları kelimelerin tamamı büyük-küçük veya ilk karakterleri büyük olmasına dikkat edebilir bu gibi durumlarda CSS’de basit bir şekilde bu işlemin nasıl yapıldığını makalenin devamında örnekli olarak görebileceksiniz.
CSS Display, CSS’de belkide en çok kullanılan özelliklerden biride display özelliğidir genellikçe web tasarımcılar tarafından gizle-göster olarak kullanılan bu özellik farklı amaçlar içinde kullanılmaktadır. makalenin devamında örnekler ile bu özelliği anlatmaya çalıştım.
CC3 Hover Olayı, CSS3 ile beraber gelen en büyük gelişmelerden biride animasyonlar oluşturabiliyor olmaktır. Bu makalemizde görsel üzerine gelindiğinde ne tür efektler uygulayabileceğimiz konusunda bol örnekli anlatımlar yapılacaktır.
HTML’de varsayılan olarak çıkan mavi renkte olan seçim rengini css3 ile beraber gelen selection adlı seçici sayesinde kolayca değiştirebilmekteyiz. makalenin devamında seçim renginin nasıl değiştirilebildiğini görebilirsiniz.
Bildiğiniz gibi web tasarımda ikonlar sayfanın daha düzgün anlaşılabilmesi ve tasarımın daha iyi olması açısından simgeler kullanmaktayız makalenin devamında simgelerimizi tek dosyada birleştirip kullanmayı ve avantajlarını göreceğiz.
Css’de margin ve padding özellikleri belkide en sık kullanılan özelliklerdendir bu özelliklerin kullanım yerleri ve kullanımı ile ilgili örneklere makalenin devamından ulaşabilirsiniz.
CSS3 ile beraber gelen font-face özelliği sayesinde kolayca web-font’ları sayfamıza entegre edebiliyor ve kendimize özel web-font’ları kullanabiliyoruz.
