HTML/CSS Öğrenirken Faydalandığım Kaynaklar
Video Eğitimler
- Yazılıma nasıl başlarım?
- Front-End’e yeni başlayanlara ne önerirsiniz?
- HTML Dersleri
- Sıfırdan CSS Eğitim
- CSS Anlat: position & z-index, user agent stylesheet & display ve CSS Flexbox ile ilgili detaylı anlatımlar.
- 30 Dakikada CSS
- HTML+CSS Öğreniyoruz
- HTML CSS İpuçları
- Gulp.js - Frontend işlerini otomatikleştirin
- 45 Dakikada Yeni Başlayanlar İçin SASS
- 40 Dakikada CSS Grid Yapısı
- CSS Grid | Real world examples
- CSS Birimleri(uygun CSS birimlerinin kullanımı)
- CSS Birimleri(font-size için neden em kullanılmamalı?)
- CSS Birimleri(em ve rem kullanımı ve etki alanları)
- CSS Birimleri(vh, vw, vmin, vmax)
- BEM Metodolojisi Kullanım Örneği
- BEM Kullanımı
- BEM Kullanımı 2
Yardımcı Kaynaklar
- HTML Elemanları
- HTML Elemanları 2
- CSS Özelikleri
- CSS Özelikleri 2
- HTML Rehberi
- HTML 5 Semantik Elemanlar
- Pseudo Elemanlar
- CSS Flexbox Rehberi
- CSS Grid Rehberi
- HTML - CSS Özelliklerinin Tarayıcılarda Desteklenme Durumlarının Kontrolü
- CSS Seçicileri
- CSS Tilde(~) Seçicisi
- CSS Birimleri Kullanım Önerileri
- Ömer Gülçiçek - Airbnb CSS/Sass Rehberi
- BEM Rehberi
- BEM Rehberi 2
- BEM Metodolojisi Kullanım Örneği
- BEM Metodolojisi Kullanım Örneği 2
- Object Oriented CSS(OOCSS) Kullanımı
- Wrapper ve Container'ların BEM Metodolojisi'ne göre Adlandırılması
- Favicon Ekleme
- CSS Transition
- SCSS
- CSS Even/Odd
- CSS Scroll Margin
- CSS Selection
- CSS Scroll Behaviour
- Kötü Bir Arayüz Programcısı Olmanın 11 Mükemmel Yolu
Tasarım Kaynakları
Pratik yapmak için aşağıdaki adreslerden ücretsiz tasarımlar bulabilirsiniz. GitHub gibi platformlarda yayınlamak üzere tasarım sahipleri ile iletişim kurarak yayınlama öncesinde izin almanızı tavsiye ediyorum.
Mentor
Öğrenim sırasında yönlendirmeye ihtiyaç duyulduğunda destek olabilecek bir mentorden destek almanız süreci oldukça hızlandıracaktır. Find Mentor topluluğuna katılarak bir mentor edinebilirsiniz.