Faydalı Linkler

Faydalı bulduğum, sık sık kullandığım kütüphane ve dökümanları herkese açık şekilde yayınlamak istedim.

Döküman

• https://30secondsofinterviews.org/
• https://cssreference.io/
• https://htmlreference.io/
• https://css-tricks.com/
• https://ademilter.com/
• https://github.com/eraycetinay/Front-End-Checklist
• https://fatihhayrioglu.com/
• https://www.w3schools.com/w3css/w3css_examples.asp
• https://cssguidelin.es/

Oyunlaştırarak front-end öğren

• https://www.acefrontend.com/
• https://100dayscss.com/
• https://www.frontendmentor.io/

---

CSS Araçları

1. https://bennettfeely.com/clippy/
2. https://www.colorzilla.com/gradient-editor/

---

CSS Framework

• https://getbootstrap.com/
• https://github.com/jgthms/bulma
• http://flexboxgrid.com/
• http://getskeleton.com/

---

JS Framework

• https://mattboldt.com/demos/typed-js/
• https://bevacqua.github.io/dragula/ -> Sürükle bırak kütüphanesi
• https://quilljs.com/ -> rich text editor
• https://uppy.io/ Açık kaynaklı JavaScript dosyası yükleyici

---

Lightbox

• https://fancyapps.com/fancybox/3/
• https://flickity.metafizzy.co/

---

Slider

• https://swiperjs.com/
• https://owlcarousel2.github.io/OwlCarousel2/

---

Page load progress bar

• https://github.hubspot.com/pace

---

Fotoğraf arkaplan temizleme aracı

• https://slazzer.com/
• https://remove.bg/

---

Tasarım bülten / feyz

• https://design.google/
• https://www.behance.net/
• https://dribbble.com/
• https://www.uplabs.com/

---

Ücretsiz kaliteli fontlar

1. https://www.behance.net/gallery/54442585/Fivo-Sans-Modern-Free-Display-Font-Family
2. https://www.behance.net/gallery/60530395/Objectivity-Free-Geometric-Font-Family-Legacy
3. https://www.atipofoundry.com/fonts/geomanist
4. https://www.pixelsurplus.com/freebies/kate-free-elegant-serif-typeface
5. https://www.behance.net/gallery/33966928/Mosk-Typeface-%28Free%29
6. https://fonts.google.com/specimen/Montserrat
7. https://fonts.google.com/specimen/Ubuntu
8. https://fonts.google.com/specimen/Open+Sans
9. https://fonts.google.com/specimen/Lato
10. https://fonts.google.com/specimen/PT+Serif
11. https://fonts.google.com/specimen/Titillium+Web

Font bilginizi test edebileceğiniz oyun

• https://betterwebtype.com/triangle/

Font Meselesi (font nedir? detayları ile okuyup öğrenelim)

---

Renk paletleri

• https://color.adobe.com/tr/
• https://coolors.co/
• https://colorhunt.co/
• https://picular.co/
• https://www.colorbox.io/
• https://www.culrs.com/
• https://colourco.de/
• https://colorwise.me/

---

Online editör ve kod paylaşımı platformları

• https://dabblet.com/ – css yazmak için güzel platform
• http://codepen.io/ – popüler içerikleri takip edebilirsiniz ciddi besin kaynağı
• http://controlc.com/ – görsel editörü olmadan sadece kod, metin paylaşabileceğiniz muhteşem araç

---

SVG icon kütüphaneleri

• Bootstrap
• Bytesize
• Google Material icons
• Ionicons
• Dripicons
• Ikons
• Icons8
• icofont
• FontAwesome
• Flaticon
• Undraw.co/illustrations – Bonus
• https://delesign.com/free-designs/graphics/ – Bonus
• https://maxwellito.github.io/vivus-instant/ – “fill:none; stroke:#000; stroke-width:3px;”

---

Udemy ücretsiz kurs dizini linkleri

---

Free Files of the Month – Envato Market
Her ay değişen Envato’daki ücretsiz ürünler. Ayda 1 kere bakmakta fayda var güzel şeyler ücretsiz olabiliyor.

---

Son güncelleme 28 Ocak 2021