Web & Frontend — Kullanışlı Siteler

Front-End Checklist

2026-10-18T00:00:00Z

Bir web sayfasını yayına almadan önce HTML, CSS, JS, erişilebilirlik, performans ve SEO için denetlenecek maddeleri öncelik etiketleriyle listeler. Genel rehberlerden farkı, işaretlenebilir ve önceliklendirilmiş kontrol listesi olması.

https://github.com/thedaviddias/Front-End-Checklist

Mozilla Web Security Guidelines

2026-10-18T00:00:00Z

Mozilla'nın web sitelerine önerdiği güvenlik başlıkları ve ayarları: CSP, HSTS, çerez bayrakları, CORS, SRI. Her ayar için öncelik ve örnek yapılandırma verdiği için genel güvenlik yazılarından daha uygulanabilir.

https://infosec.mozilla.org/guidelines/web_security.html

NGINX Config Generator (nginxconfig.io)

2026-10-18T00:00:00Z

Alan adı, PHP/Node, güvenlik ve performans seçeneklerini işaretleyerek hazır bir NGINX yapılandırması üreten arayüz. Örnek yapılandırma kopyalamaya göre en iyi uygulama ayarlarını (TLS, başlıklar, gzip) otomatik ekliyor.

https://www.digitalocean.com/community/tools/nginx

Protomaps

2026-10-18T00:00:00Z

Tüm dünya haritasını tek bir PMTiles dosyası olarak sunan açık kaynak harita yığını; dosya S3 gibi düz bir depoda duruyor, tarayıcı HTTP aralık istekleriyle yalnızca gereken parçaları okuyor. Mapbox gibi barındırılan harita servislerinden farkı karo sunucusu ve kullanım başına ücret olmaması.

https://protomaps.com/

The A11Y Project

2026-10-18T00:00:00Z

Topluluk eliyle yürütülen erişilebilirlik sitesi; WCAG’a dayanan sade bir kontrol listesi, yazılar ve araç-kaynak listeleri. W3C’nin hızlı başvurusundan farkı ölçütleri teknik dil yerine geliştiricinin anlayacağı maddeler hâlinde vermesi.

https://www.a11yproject.com/

WAVE

2026-10-18T00:00:00Z

WebAIM’in erişilebilirlik değerlendirme aracı; bir adres girince ya da tarayıcı eklentisiyle sayfanın üstüne hataları, uyarıları ve yapı bilgisini simge olarak yerleştiriyor. Rapor üreten tarayıcılardan farkı sorunu sayfanın içinde, yerinde göstermesi; eklenti giriş gerektiren sayfaları da yerelde değerlendiriyor.

https://wave.webaim.org/

WCAG 2.2 Hızlı Başvuru

2026-10-18T00:00:00Z

W3C’nin “How to Meet WCAG” sayfası: her başarı ölçütü, düzeyi (A, AA, AAA) ve onu karşılayan teknikler ile yaygın hatalar; düzeye ve konuya göre süzülüyor. Standart metnini okumaktan farkı ölçütten doğrudan uygulanacak tekniğe götürmesi.

https://www.w3.org/WAI/WCAG22/quickref/

WebAssembly

2026-10-18T00:00:00Z

WebAssembly standardının resmî sitesi: belirtimler, kavramlara giriş ve hangi önerinin hangi tarayıcı ve çalışma ortamında desteklendiğini gösteren özellik tablosu. MDN’in WebAssembly sayfalarından farkı JavaScript tarafından değil, standardın kendisinden ve çalışma ortamlarının durumundan bakması.

https://webassembly.org/

webhint

2026-10-18T00:00:00Z

Bir sitenin erişilebilirlik, hız, güvenlik ve uyumluluk sorunlarını tarayan, her kuralı açıklayan açık kaynak linter; çevrimiçi tarama, CLI ve VS Code eklentisi olarak çalışıyor. Lighthouse'tan farkı kural başına ayrıntılı dokümantasyon sunması ve yapılandırılabilir olması.

https://webhint.io/

ni

2026-10-09T09:00:00Z

Her projede kilit dosyasına bakıp npm, yarn, pnpm ya da bun’u kendisi seçen tek komut. Hangi yöneticinin kullanıldığını hatırlamaktan farkı her yerde aynı komutu yazman.

https://github.com/antfu-collective/ni

Awesome Angular

2026-09-18T00:00:00Z

Angular uygulama çatısı için bileşen, araç ve öğretici listesi. Resmî dokümandan farkı topluluk kütüphanelerini ve gerçek örnekleri toplaması.

https://github.com/PatrickJS/awesome-angular

Awesome ESLint

2026-09-18T00:00:00Z

JavaScript linter’ı ESLint için eklenti ve yapılandırma listesi. ESLint belgelerinden farkı topluluğun paylaştığı yapılandırmaları ve React, Vue gibi çatılara özgü eklentileri toplaması.

https://github.com/dustinspecker/awesome-eslint

Awesome Frontend GIS

2026-09-18T00:00:00Z

Tarayıcıda coğrafi bilgi sistemleri (harita) için kütüphane listesi. Genel harita API listelerinden farkı sunucu değil tarayıcıda çalışan kütüphanelere — harita görüntüleme, veri dönüştürme, mekânsal analiz — odaklanması.

https://github.com/joewdavies/awesome-frontend-gis

Awesome HTML5

2026-09-18T00:00:00Z

HTML5 API’leri (Canvas, WebSocket, depolama), araçları ve kaynaklarının listesi. Genel web listelerinden farkı yalnız HTML5 standardıyla gelen tarayıcı API’lerine odaklanması.

https://github.com/diegocard/awesome-html5

Awesome Mobile Web Development

2026-09-18T00:00:00Z

İyi bir mobil web deneyimi kurmak için kaynak listesi: dokunmatik olaylar, performans, çevrimdışı çalışma. Yerel uygulama listelerinden farkı tarayıcıda çalışan mobil siteleri hedeflemesi.

https://github.com/myshov/awesome-mobile-web-development

Awesome npm

2026-09-18T00:00:00Z

Node paket yöneticisi npm için ipucu, araç ve kaynak listesi. npm belgelerinden farkı çevresindeki araçları — paket arama siteleri, yayınlama yardımcıları, komut satırı eklentileri — toplaması.

https://github.com/sindresorhus/awesome-npm

Awesome npm scripts

2026-09-18T00:00:00Z

Görev koşucusu olarak npm script kullanımı için kaynak listesi. Gulp ya da Grunt gibi görev koşucularından farkı ek bağımlılık olmadan package.json betikleriyle yetinmeyi öğretmesi.

https://github.com/RyanZim/awesome-npm-scripts

Awesome Ponyfills

2026-09-18T00:00:00Z

Yerel davranışı ezmeden ekleyen ponyfill kütüphaneleri listesi. Polyfill’lerden farkı global nesneleri değiştirmemesi: özelliği ayrı bir modül olarak içe aktarıyorsun.

https://github.com/Richienb/awesome-ponyfills

Awesome Preact

2026-09-18T00:00:00Z

React’in 3 KB’lık hafif alternatifi Preact için bileşen, araç ve örnek listesi. React listelerinden farkı yalnız Preact ile uyumlu ve küçük boyutu koruyan kütüphaneleri toplaması.

https://github.com/preactjs/awesome-preact

Awesome React

2026-09-18T00:00:00Z

React ekosistemi için kütüphane, araç ve öğrenme kaynağı listesi. Resmî belgelerden farkı çevredeki ekosistemi — durum yönetimi, yönlendirme, bileşen kütüphaneleri, test — tek listede toplaması.

https://github.com/enaqx/awesome-react

Awesome React Hooks

2026-09-18T00:00:00Z

React Hooks için kütüphane, örnek ve yazı listesi. Genel React listelerinden farkı sınıf bileşenlerini değil, yalnız hook tabanlı kalıpları ve özel hook paketlerini toplaması.

https://github.com/glauberfc/awesome-react-hooks

Awesome Standard

2026-09-18T00:00:00Z

Yapılandırma gerektirmeyen JS stil kılavuzu ve linter Standard için kaynak listesi. ESLint’i elle yapılandırmaktan farkı kuralların tartışmaya kapalı, sabit gelmesi; liste editör eklentilerini ve uyumlu araçları topluyor.

https://github.com/standard/awesome-standard

Awesome Svelte

2026-09-18T00:00:00Z

Svelte ve SvelteKit için bileşen ve araç listesi. React ağırlıklı listelerden farkı bu derleme-zamanı çatısına özgü ekosistemi göstermesi.

https://github.com/TheComputerM/awesome-svelte

Awesome WebExtensions

2026-09-18T00:00:00Z

Tarayıcılar arası eklenti (WebExtension) geliştirmek için kaynak listesi. Tek tarayıcı dokümanından farkı Chrome, Firefox ve Safari’de çalışan ortak API’ye odaklanması.

https://github.com/fregante/Awesome-WebExtensions

Awesome WebXR

2026-09-18T00:00:00Z

Tarayıcıda sanal/artırılmış gerçeklik sağlayan WebXR için kaynak listesi. Yerel XR SDK’larından farkı kurulum istemeden tarayıcıda açılan deneyimler; liste çatıları, örnekleri ve araçları topluyor.

https://github.com/msub2/awesome-webxr

Awesome WP-CLI

2026-09-18T00:00:00Z

WordPress’i komut satırından yöneten WP-CLI için kaynak listesi. Yönetim panelinden farkı toplu ve betiklenebilir işlemler: yüz sitede eklenti güncellemek tek komut.

https://github.com/schlessera/awesome-wp-cli

Browser Diet

2026-09-18T00:00:00Z

Web performansını iyileştirmek için somut öneriler toplayan kılavuz. Lighthouse gibi otomatik denetimlerden farkı önerilerin uzmanlarca elle yazılmış, gerekçeli olması; içeriğin bir kısmı HTTP/1 dönemine ait.

https://browserdiet.com/en/

Can I email…

2026-09-18T00:00:00Z

Bir HTML/CSS özelliğinin hangi e-posta istemcisinde çalıştığını gösteren tablo. Web’in Can I use’undan farkı e-posta istemcilerinin kendine has, kısıtlı desteğine bakması.

https://www.caniemail.com/

Chart.js

2026-09-18T00:00:00Z

Canvas üstünde sade, duyarlı grafikler çizen JavaScript kütüphanesi. Ağır görselleştirme kütüphanelerinden farkı birkaç satırda çalışan, hafif olması.

https://www.chartjs.org/

DevSamples

2026-09-18T00:00:00Z

Kopyalanıp kullanılabilecek HTML, CSS ve JavaScript kod örnekleri. Dokümantasyondan farkı açıklama yerine doğrudan çalışan küçük parçalar vermesi.

https://www.devsamples.com/

docsify

2026-09-18T00:00:00Z

Markdown dosyalarını derleme olmadan, tarayıcıda dokümantasyon sitesine çeviren araç. Statik üreticilerden farkı build adımı olmaması — sayfaları anında sunması.

https://docsify.js.org/

Firefox Developer Edition

2026-09-18T00:00:00Z

Web geliştiricilere yönelik, gelişmiş hata ayıklama araçlarıyla gelen Firefox sürümü. Chrome DevTools’tan farkı CSS Grid ve Flexbox denetleyicisinin ve yazı tipi panelinin güçlü olması.

https://www.mozilla.org/firefox/developer/

Frontend Focus

2026-09-18T00:00:00Z

Frontend dünyasındaki haber, yazı ve araçları haftalık derleyen bülten. Dağınık takipten farkı tek, süzülmüş bir akışta özet vermesi.

https://frontendfoc.us/

Frontend Mentor

2026-09-18T00:00:00Z

Gerçekçi tasarım dosyaları verip onu koda dökmeni isteyen alıştırma platformu. Rastgele projelerden farkı profesyonel tasarım ve topluluk geri bildirimiyle gelmesi.

https://www.frontendmentor.io/

Joomla

2026-09-18T00:00:00Z

WordPress’e alternatif, açık kaynak içerik yönetim sistemi (CMS).

https://www.joomla.org/

Patterns.dev

2026-09-18T00:00:00Z

Modern web uygulamaları için tasarım ve render desenlerini örneklerle anlatan ücretsiz kaynak. Klasik tasarım kalıbı kitaplarından farkı render desenlerini — SSR, statik üretim, hydration, adalar — da kapsaması.

https://www.patterns.dev

React Hook Form

2026-09-18T00:00:00Z

React formlarını az yeniden render’la yöneten, doğrulama getiren kütüphane. Kontrollü bileşenlerden farkı performansı yüksek tutup kodu sadeleştirmesi.

https://react-hook-form.com/

Smashing Magazine

2026-09-18T00:00:00Z

Web tasarım ve geliştirme üzerine derinlemesine makaleler, kitaplar ve pratik rehberler. Kısa blog yazılarından farkı uzun, editör denetiminden geçmiş makaleler yayımlaması.

https://www.smashingmagazine.com

SweetAlert2

2026-09-18T00:00:00Z

Tarayıcının çirkin alert kutusunu güzel, özelleştirilebilir modallarla değiştiren kütüphane. Yerleşik alert’ten farkı biçim, giriş alanı ve söz (promise) desteği vermesi.

https://sweetalert2.github.io/

web.dev

2026-09-18T00:00:00Z

Google’ın web kalitesi (performans, erişilebilirlik, PWA) rehberleri ve ölçüm araçları. MDN’den farkı referans değil rehber olması: Core Web Vitals gibi ölçütleri ve nasıl iyileştirileceklerini anlatıyor.

https://web.dev/