CSS Dersleri
Kullanıcıdan bilgi aldığımız girdi alanlarının (input) kullanımını kolaylaştırmak ux (kullanıcı deneyimi) açısından önemli. Bunun için ilk olarak placeholder (yer tutucu)'ları HTML'e ekledik. Sonra bunları stilize ettik. Konuyla alakalı "CSS ile HTML5 Yer Tutucu’ya(placeholder) Stil Vermek" yazıma bakabilirsiniz. Daha sonra kullanıcının içeriği girdiğinde
SublimeText
React ile kod yazmaya başladıktan sonra kullandığım editörde bazı eklemeler yaptım. Ben editör olarak Sublime Text kullanıyorum ve sizlere Sublime Text'te neler yaptığımı anlatacağım. Diğer editörler de benzer yoları izleyerek daha kullanışlı bir ortam oluşturabiliriz. Renklendirme ve otomatik tamamlama React ile yazdığımız kodları daha göze hoş ve renklendirilmiş
CSS Dersleri
* CSS Grid'e (Izgara) Giriş * CSS Grid Özellikleri * fr birimi * CSS Izgara çizgi isimlendirmesi ve kullanımı CSS Grid yazılarımıza devam ediyoruz. Css grid özellikleri yazımızda grid ögelerini yerleştirmenin birkaç yöntemi var demiştik, grid-template-area özelliği bu yöntemlerden biridir. Bir önceki yazıda grid çizgi isimlendirmesi yardımıyla grid ögelerinin konumunu belirlemiştik. Bu
CSS Dersleri
İçinde Belirlenen Sözdizimi Geçen Özellik Değer Seçicisi Yıldız(*)'a dikkat. https://t.co/Bl30k9rvq4 pic.twitter.com/21uL5ZzS4i10 Nisan 2019
CSS Dersleri
Video örnek resim üzerine ikon koymak isteyince SVG'ye gölge uygulama ihtiyacım oldu. İhtiyaç tam olarak şöyle Video örnek resim dosyası üzerine oynatma ikonu koyacağız ve bu oynatma ikonu beyaz olacak. Tabi beyaz okun altına beyaz zemin gelince ayrışması için gölge koyulmuş. Ben ikonu satır içi (inline) SVG olarak
SublimeText
Benim gibi yaşlanmaya başlayınca editörlerdeki yazı boyutlarını yükseltmeye başlıyorsunuz. İlk bu işe başaladığımda favori font-size boyutum 11px idi, sonra zamanla 12,14,16 diye büyümeye başladı. Sublime Text'te kod yazdığımız kısmın yazı boyutunu büyütmek çok kolayken menü (sidebar) kısmının yazı boyutunu arttırmak biraz daha zor oluyor. Ufak bir
React yazmaya başlayalı çok zaman olmadı. React yazarken karşılaştığım sorunlar ve deneyimlerimi paylaşmaya çalışıyorum. React hakkında yazarken iyi yönlerini de yazayım ki iyi yönleri daha fazla. ES6'in tüm yeniliklerini içinde barındırması çok güzel. Bazen acaba ES6'i React topluluğumu yönetiyor dedirtiyor adam. #reactjsMarch 6, 2019 Yukarıdaki tweette
React
CSS, tanımları, değerleri ve birimleri W3C tarafından belirlenen bir standarttır. body { font-size: 16px; } özellik (font-size), değer (16) ve birim (px) W3C tarafından belirlenir. CSS Grid modülündeyse bu kuralı değiştirip kullanıcının girdiği bazı değerleri anlamlandırmıştır. Grid isimlendirme başlığı altında anlatacağımız bu tanımlar birazının bizim birazının W3C'nin belirlediği isimlerdir. Bu
React
React'ı yeni yeni öğreniyorum. Öğrenirken en çok başlıkta yazdığım hatayla karşılaştım. Kendime ve size not düşerek aklımızın bir kenarında durmasını sağlamak için böyle bir not tutayım dedim. import React, { Component } from 'react' class BasitOrnek extends Component { render() { return ( <h1>{this.props.title}</h1&
CSS Dersleri
Bir önceki yazıda; fr(ing. fraction) birimi “kesir” anlamına gelir. px veya % gibi bir uzunluk değil, bunun yerine “esnek” bir birim olarak kabul edilir. CSS grid ile birlikte gelen bir değerdir. Kullanılabilir alanı tanımlamamızı sağlayan esnek bir birimdir. Tanımını yapmıştık ve detayını bu makaleye bırakmıştık. Öneminden dolayı fr birimini ayrı
CSS Dersleri
Bir önceki yazıda CSS Grid'e giriş yaptık ve grid ile gelen yeni terimleri öğrendik. İşin teorisini öğrenmeye devam edelim. CSS Grid ile birlikte 17 adet özellik öğreneceğiz. Bunların bazıları daha önce bildiğimiz özellikler (grid hizalama özellikleri), bazılarıysa tamamen yeni özellikler. Bu özelliklerin yanı sıra yeni tanımlar, değerler ve
CSS Dersleri
CSS Grid (Izgara) hakkında bir şeyler yazmaya daha önce karar verdim. Ancak CSS'in diğer konularına göre öğrenmesi biraz daha zor olan bu konuyu anlatmak da zor. 17 tane özelliği ve yeni terimleriyle anlaşılması zor bir konu. Nereden nasıl başlayacağım konusunda kararsız kaldım. Nihayet bu ilk yazıyla ilk adımı