BilGen Blog
HTML, CSS, JavaScript, React ve Node.js konularında açıklamalı kod örnekleri, uygulamalı ders notları ve yazılım geliştirme rehberleri.
377 yazı · Sayfa 8 / 21
JavaScript, modern web geliştirmede vazgeçilmez bir programlama dilidir. Web sitelerini daha dinamik hale getirmek, etkileşim eklemek ve hatta oyunlar ve uygulamalar geliştirmek için kullanılır. Ancak, bu eğlenceli ve güçlü özelliklere ulaşmadan önce, JavaScript'in temellerin
Yazıyı oku
JavaScript, web geliştirme dünyasının en önemli dillerinden biridir. Dinamik web siteleri, interaktif uygulamalar, oyunlar ve animasyonlar gibi birçok alanda kullanılır. Ancak, bu tür gelişmiş uygulamalar oluşturabilmek için önce JavaScript'in temellerini anlamak gerekir. Bu
Yazıyı oku
Web geliştirme yolculuğunuzda büyük bir adım atıyorsunuz! HTML ve CSS ile statik web sayfaları oluşturmayı öğrendiniz, ancak şimdi JavaScript ile sayfanıza hareket ve etkileşim katmanını eklemeye hazırsınız. JavaScript, web sayfalarını dinamik hale getiren ve kullanıcı etkileşimlerini yöneten
Yazıyı oku
Web geliştirme, temel olarak üç ana yapı taşı üzerine kuruludur: HTML, CSS ve JavaScript. Bu üçlüden HTML, sayfanın iskeletini oluşturur, CSS, tasarımı ve görsel düzenlemeleri yapar
Yazıyı oku
Web sitelerinde kullanılan yazı tipleri, tasarımın genel estetiğini ve okunabilirliğini doğrudan etkileyen önemli bir faktördür. Ancak, her kullanıcının bilgisayarında aynı yazı tiplerinin yüklü olması garanti edilemez. Bu nedenle, Google Fonts gibi çevrimiçi
Yazıyı oku
CSS’in en güçlü özelliklerinden biri olan transform, web sayfalarındaki öğeleri döndürmemizi (rotate), ölçeklendirmemizi (scale), kaydırmamızı (translate)
Yazıyı oku
Web sitelerinde öğelerin aniden değişmesi yerine, daha akıcı ve göze hoş gelen geçişler yapmasını sağlayan CSS Transitions (Geçişler) özelliği, modern web tasarımında oldukça yaygın olarak kullanılır. Bu özellik, bir CSS özelliğinin bir değerden başka bir değ
Yazıyı oku
CSS’te konumlandırma (position) özelliği, HTML öğelerinin sayfadaki yerleşimini belirlemek için kullanılır. Ancak, bu özellik yeni başlayanlar için biraz kafa karıştırıcı olabilir. Çünkü static, relative, absolute, fixed ve sticky</S
Yazıyı oku
Web geliştirme sürecinde, sayfa tasarımında renklerin şeffaflığına ihtiyacımız olabilir. Bu noktada opacity (opaklık) ve alpha channel (alfa kanalı) kavramları devreye girer. Her ikisi de bir öğenin veya rengin ne kadar şeff
Yazıyı oku
Web geliştirme sürecinde, sayfadaki kutuların (div, buton, input vb.) genişliğini ve yüksekliğini doğru şekilde ayarlamak bazen kafa karıştırıcı olabilir. Box-sizing, CSS’te kutuların padding (iç boşluk) ve border (kenarlık) dahil toplam geni
Yazıyı okuDisplay gridde auto-fill ile auto-fit arasındaki fark nedir? Bilen var mı?
Yazıyı oku
CSS’de boyutları belirlemek için kullanılan en önemli göreceli (relative) birimlerden biri de REM (root em) birimidir. REM, EM birimine benzese de, bazı önemli farklara sahiptir. <s
Yazıyı oku
CSS’de öğelerin boyutlarını belirlemek için göreceli (relative) ve mutlak (absolute) birimler kullanılır. Göreceli birimler, bir öğenin boyutunu başka bir öğeye veya kendi özelliklerine bağlı olarak ayarlamamıza olanak tanır. Bu yazıda, <
Yazıyı oku
CSS’de öğelerin genişlik, yükseklik, yazı tipi boyutu gibi değerlerini belirlemek için birimler (units) kullanılır. Piksel (px), yüzde (%), em ve
Yazıyı oku
Web sayfalarında HTML öğelerinin nasıl yerleşeceğini belirlemek için display (görüntüleme) özelliği kullanılır. Display, bir öğenin diğer öğelerle nasıl etkileşime gireceğini ve nasıl görüneceğini belirler. Bu yazıda
Yazıyı oku
Web sayfalarında öğeler arasındaki boşlukları belirlemek, düzenli ve okunaklı bir tasarım oluşturmak için CSS margin özelliği oldukça önemlidir. Margin (kenar boşluğu), bir HTML öğesinin dış tarafındaki boşl
Yazıyı oku
Web geliştirmede, bir öğenin içeriği ile sınırları arasında kalan boşluk padding (dolgu) olarak adlandırılır. Padding, bir öğenin içindeki metin veya diğer içeriklerin kenarlarından ne kadar uzak duracağını belirler. <p
Yazıyı oku
Web geliştirme sürecinde, sayfadaki öğeleri ayırt etmek, vurgulamak veya görsel olarak daha estetik hale getirmek için kenarlıklar (border) önemli bir rol oynar. CSS Border, her HTML elemanının etrafında bir çerçeve oluşturm
Yazıyı okuÇerez tercihlerin
Platformun çalışması için zorunlu çerezler kullanıyoruz. İzin verirsen anonim kullanım verilerini ölçüyoruz. Ayrıntıları incele