CSS !important İfadesi Ne işe yarar?

Merhaba, Paylaşmakta fayda gördüğüm bir bilgiyi sizlere iletiyorum. Web tasarımında kod kısmında stil çakışmalarını önlemek için !important ifadesi kullanırız. CSS’de !important ifadesi css’de tanımlanan özellik ifadesinin geçerli olmasını bu özellik için başka kaynaklardan gelen css kodlarının geçersiz kılınmasını sağlar. ÖRN: Dosya adı: style.css H2{font-size:24px} Inline Kod: H2{font-size:18px !important} bu durum için style.css’ten h2 öğesi için […]

Devamını Oku

Foundation Nedir? Nasıl Kullanılır?

Merhaba arkadaşlar. Bir önceki yazımda sizlere bootstrap’ten bahsetmiştim. Şimdi ise bir diğer ön-uç arayüz çatısı olan Foundation’dan bahsedeceğim. Foundation Nedir? Ücretsiz olarak kullanabileceğiniz , web gelitiricilerinin işini hızlandıran ve kolaylaştıran bir çatıdır. HTML ve CSS tasarım şablonları, formlar, butonlar, tablolar, navigasyon barları(menüler) gibi bir çok isteğe bağlı Javascript eklentilerini içerir. Mobil öncelikli responsive(hassas) siteleri oluşturmanızda kolaylık […]

Devamını Oku

Bootstrap Nedir? Nasıl Kullanılır?

Merhaba arkadaşlar. Responsive(hassas) tasarım yaratmak için en yaygın kullanılan çatılardan biri olarak kullanılan Bootstap twitter kod ekibinin apache 2 lisansıyla açık kaynak yaptığı, CSS, HTML araç kitidir. Ne işe yarar? Açık kaynak bir tasarım aracı olan bootstrap, günümüzde her yerden kolaylıkla eriştiğimiz internet sitelerini cihazınıza(tablet,telefon,tv vs.) uygun hale getirmek için kullanılır. Bu framework’ü kullanarak sitenizi mobil […]

Devamını Oku

FontAwesome Nedir? Nasıl Kullanılır?

Font Awesome nedir? Günümüzde responsive(duyarlı) web tasarımlarıyla yaygınlaşmaya başlayan simgelerden oluşturulmuş bir font tipidir. Font Awesome Nasıl Kullanılır? Öncelikle fontawesome web sitesine gidip kütüphaneyi indiriyoruz. Klasörde yer alan font ve css klasörlerini web sitemizin barındığı klasör/FTP lokasyonuna kopyalıyoruz. Aşağıdaki iki satırlık kodu <head> kısmına alıyoruz <link rel=”stylesheet” href=”css/font-awesome.min.css” /> <link rel=”stylesheet” href=”css/font-awesome-ie7.min.css” /> Yukarıdaki şekilde […]

Devamını Oku