css3 arşivleri - Murat Bilginer https://muratbilginer.net/tag/css3/ Blog Thu, 23 Nov 2023 05:08:52 +0000 tr hourly 1 https://muratbilginer.net/wp-content/uploads/2025/03/MuratBilginerIco-3.png css3 arşivleri - Murat Bilginer https://muratbilginer.net/tag/css3/ 32 32 CSS 3 Flexbox 2 – Flexbox Container’ın Durumları https://muratbilginer.net/css-3-flexbox-2-flexbox-containerin-durumlari/ https://muratbilginer.net/css-3-flexbox-2-flexbox-containerin-durumlari/#respond Thu, 23 Nov 2023 05:07:55 +0000 https://muratbilginer.net/?p=49462 Merhabalar. Bu yazımda Flexbox özelliklerini kullanırken ilk olarak Container ögesinin durumlarını ele alacağız. Flexbox özelliklerimizi bir örnek proje üzerinden görmeye başlayacağız. Başlangıç olarak Flexbox Tutorial isminde bir proje klasörü oluşturdum. İçinde index.html, flexbox.css, flexbox.js dosyalarımı oluşturdum. Başlangıç kodları olarak aşağıdaki kodları yazalım. index.html flexbox.js Javascript dosyasını container içindeki boxların renklerini randomize oluşturabilmek için yazdım. Zorunlu...

The post CSS 3 Flexbox 2 – Flexbox Container’ın Durumları appeared first on Murat Bilginer.

]]> https://muratbilginer.net/css-3-flexbox-2-flexbox-containerin-durumlari/feed/ 0 CSS 3 Flexbox 1 – FlexBox Nedir? https://muratbilginer.net/css-3-flexbox-1-flexbox-nedir/ https://muratbilginer.net/css-3-flexbox-1-flexbox-nedir/#respond Wed, 22 Nov 2023 16:20:41 +0000 https://muratbilginer.net/?p=49458 Merhabalar. Bu eğitim yazı dizim boyunca CSS Flexbox modülünden bahsediyor olacağım. İlk yazımda genel olarak Flexbox nedir buna bakalım istedim. CSS Flexbox, yani esnek kutu modeli, web tasarımında düzen oluşturmak için kullanılan bir düzenleme teknolojisidir. Esnek kutu modeli, öğelerin bir konteynır içinde nasıl hizalandığını ve dağıtıldığını kontrol etmek için kullanılır. Temelde, bir kutu içindeki öğelerin...

The post CSS 3 Flexbox 1 – FlexBox Nedir? appeared first on Murat Bilginer.

]]> https://muratbilginer.net/css-3-flexbox-1-flexbox-nedir/feed/ 0