Kavramı arşivleri - Murat Bilginer

FrontEnd Developer RoadMap – CSS3 Tutorial 33 !important Kavramı

Murat Bilginer — Sun, 18 Sep 2022 06:24:34 +0000

Merhabalar, bu yazımda !important kavramına bakacağız. !important; uygulanan bir stili öncelikli duruma getirmek için kullanabileceğimiz bir önem derecesini ifade eder. Web sitelerini tasarlarken kendi CSS kodlarımız özensiz ve hızlı iş bitirme endişesinden dolayı kendini tekrar eden bir hale gelebiliyor. Bu durumda aynı html öğesini ya da aynı sınıf elemanı birden çok kere seçmiş olabiliyoruz. Ve bazı durumlarda CSS kodlarımız çakışabiliyor...

The post FrontEnd Developer RoadMap – CSS3 Tutorial 33 !important Kavramı appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – CSS3 Tutorial 27 Border Kavramı

Murat Bilginer — Sun, 18 Sep 2022 04:35:03 +0000

Merhabalar, bu yazımda Html içindeki nesnelerin kenarlıklarını ayarlamak için border kavramına bakacağız. Temel Kullanım 1. değer kalınlık 2. değer şekli 3. değer rengidir. Bu şekilde bir defada uygulanırsa bütün kenarlara uygulanır. Ancak biz sadece istediğimiz kenarlara border uygulayabiliriz. Şimdi tek tek bakalım. Her kenarlığa ayrı ayrı renk verilebilir. Bir sonraki yazımda görüşmek üzere.

The post FrontEnd Developer RoadMap – CSS3 Tutorial 27 Border Kavramı appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – CSS3 Tutorial 26 Padding Kavramı

Murat Bilginer — Sun, 18 Sep 2022 04:26:59 +0000

Merhabalar, bu yazımda Html içindeki nesnelerin içindeki nesneler olan içten uzaklığını belirleyen padding özelliğine bakacağız. Html içinde bir paragraf oluşturalım. Yazdığımız ilk kodları aşağıdaki gibi güncelledik. Elimizde bir div var ve istiyorum ki içerdeki paragraf kenarlardan ama içerden uzaklaşsın. İşte bunun için padding kullanılır. Margin ile aynı değerlere sahiptir. Elimizdeki div tam ortalansın istiyorum. Bunun...

The post FrontEnd Developer RoadMap – CSS3 Tutorial 26 Padding Kavramı appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – CSS3 Tutorial 25 Margin Kavramı

Murat Bilginer — Sun, 18 Sep 2022 04:13:37 +0000

Merhabalar, bu yazımda Html içindeki nesnelerin birbirlerine göre konumlanmasını sağlayan margin özelliğine bakacağız. Margin özelliği sadece block elementlerde çalışır. Inline olan elementler top ve bottom margin değerleri verilse de işlemeyecektir. Bunun için inline element olup da margin vermek istediğimiz bir durum olursa öncelikle display özelliğini inline-block yapmak gerekir. Margin block elementlerin hemen yanındaki altındaki üstündeki...

The post FrontEnd Developer RoadMap – CSS3 Tutorial 25 Margin Kavramı appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – CSS3 Tutorial 24 Position Kavramı

Murat Bilginer — Sun, 18 Sep 2022 03:57:18 +0000

Merhabalar, bu yazımda Html içindeki elementleri daha bağımsız pozisyonlama özelliğini göreceğiz. Bunun için position özelliğini kullanırız. Pek çok durumu var iyi kavramak gerekir. Html içinde 3 tane div yaratalım. Bu div’lere genişlik yükseklik ve renk verelim. Şimdi bu div’leri istediğimiz konumlara taşımak istiyoruz. Değiştirmek istediğimiz div için position özelliğine değerler vereceğiz. Default değerimiz static’tir. Hiçbir...

The post FrontEnd Developer RoadMap – CSS3 Tutorial 24 Position Kavramı appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – CSS3 Tutorial 23 Display Kavramı

Murat Bilginer — Sat, 17 Sep 2022 23:31:52 +0000

Merhabalar, bu yazımda Html dokümanı içindeki nesnelerin görünürlüğü ve nasıl davranacağını belirleyen display kavramına bakacağız. Html içinde 3 tane span nesnesi üretelim. Sonra alt satırdan 2 tane de div nesnesi üretelim. Bir nesneyi gizlemek istediğimizde display’ine none değerini veririz. Daha önceden şu kavramı biliyoruz, bazı elementler block yani tüm satırı kaplayan elementlerdir. Bazı elementler ise...

The post FrontEnd Developer RoadMap – CSS3 Tutorial 23 Display Kavramı appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – CSS3 Tutorial 22 Float Kavramı – Nesne Hizalama

Murat Bilginer — Sat, 17 Sep 2022 23:10:09 +0000

Merhabalar, bu yazımda Html dokümanı içindeki nesneleri hizalama olayına bakacağız. Bunu yapmanın pek çok yöntemi vardır ancak biz bu bölümde float’ı ele alacağız. Bir önceki konuda oluşturduğumuz divleri tekrardan oluşturalım. Css özelliklerini verelim. Şimdi box div’lerinin her birine ayrı renkler verelim. Ve margin değerini 10px yapalım. Margin konusuna daha sonra geleceğiz ancak kısaca margin bir...

The post FrontEnd Developer RoadMap – CSS3 Tutorial 22 Float Kavramı – Nesne Hizalama appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – HTML 5 Tutorial 19 Tasarım Dünyasında Lorem Ipsum Kavramı

Murat Bilginer — Sun, 04 Sep 2022 00:08:01 +0000

Merhabalar, bu yazımda biraz konu dışı bir ara konu yapıyoruz. Lorem Ipsum kavramından bahsedeceğiz. Lorem Ipsum yaklaşık 500 yıl önce bir matbaacının baskılar için hazırladığı font model kitabında kullanılmıştır. Yıllar geçtikçe kullanım alanları da kullanan kişi sayısı da artarak devam etmiştir. Kullanan insanlar uzun yıllar bunun anlamsız kelimelerden oluşan bir metin olduğunu düşündüler. Ancak sonradan...

The post FrontEnd Developer RoadMap – HTML 5 Tutorial 19 Tasarım Dünyasında Lorem Ipsum Kavramı appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – HTML 5 Tutorial 3 Attribute Kavramı

Murat Bilginer — Wed, 10 Aug 2022 18:38:26 +0000

Merhabalar, bu yazımda Html attribute kavramını ele alacağız. Attribute’a Türkçe nitelik daha yalın bir dille anlatırsak bir etiketin özellikleri diyebiliriz. Şöyle bir örnekleme ile olayı kavramaya çalışalım. Her bir Html etiketini vücudumuzdaki organlar ile özdeşleştirirsek bu organlarımızın belirtebileceğimiz nitelikleri, özellikleri bulunur. Organlarımızın ortak özellikleri olabileceği gibi, kendine has diğer organlardan ayrışan özellikleri de vardır. Bu...

The post FrontEnd Developer RoadMap – HTML 5 Tutorial 3 Attribute Kavramı appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – HTML 5 Tutorial 2 Etiket Kavramı

Murat Bilginer — Wed, 10 Aug 2022 17:52:12 +0000

Merhabalar, bu yazımda Html etiketlerini ele alacağız. Html sayfalarını oluştururken en çok isminden bahsedeceğimiz ve kullanacağımız kavram etiketler yani tag’lerdir. Örnek bir Html sayfasına göz atalım. Basic bir Html sayfası yukarıdaki gibi görünür. <html> Biz buna etiket diyeceğiz. Html etiketi. Html’de pek çok etiketin açılış ve kapanış etiketi vardır. Bu kodlarımızın hangi aralıklarda nasıl yorumlanacağını tarayıcıya...

The post FrontEnd Developer RoadMap – HTML 5 Tutorial 2 Etiket Kavramı appeared first on Murat Bilginer.