Merhaba! 👋
Sizi geliştiriciler için harika araçlardan oluşan bu listeyle tanıştırayım. Bu listeye katkıda bulunmaktan çekinmeyin.
Pekala, hadi başlayalım! 🚀
İçindekiler
- Kod Editörleri ve IDE’ler 💻
- Görüntüler 🖼
- Renkler 🎨
- Tipografi 📝
- Tasarım 🎨
- Dokümantasyon 📚
- Araçlar 🛠
- Katkıda Bulunmak 🤝
- Sonuç 🎉
Kod Editörleri ve IDE’ler 💻
Ücretsiz ve açık kaynaklı bir kod düzenleyici olan Visual Studio Code, geliştiriciler için harika bir araçtır. Geliştiriciler için mükemmel bir seçim olmasını sağlayan birçok özellik ve uzantı ile birlikte gelir.
Basitçe söylemek gerekirse CodeSandbox, Visual Studio Code’un çevrimiçi bir sürümüdür.
github.dev web tabanlı düzenleyici, tamamen tarayıcınızda çalışan hafif bir düzenleme deneyimidir.
Web tabanlı bir düzenleyiciyi açmanın 2 yolu vardır
- Herhangi bir depoda veya çekme isteğinde . tuşuna basın
- URL’de .com’u .dev ile değiştirin. Örneğin https://github.dev/username/repo
CodePen, web’in front-end tarafı için bir oyun alanıdır. Frond-end çalışmalarınızı deneyebileceğiniz, test edebileceğiniz ve gösterebileceğiniz bir yerdir. Ayrıca, diğer geliştiricilerden birçok ilham kaynağı bulabilirsiniz.
Replit basit, güçlü ve işbirlikçi bir çevrimiçi IDE’dir. Projelerinizi kodlamak, işbirliği yapmak ve barındırmak için harika bir yerdir.
Front-end ve Full Stack geliştiricileri için bir web IDE’si.
TypeScript ile oynamak ister misiniz? TypeScript Playground sizin için doğru yer.
Görüntüler 🖼
Bir sonraki projeniz için güzel, yüksek kaliteli fotoğrafları kolayca bulun. Tüm fotoğraflar ticari ve kişisel kullanım için ücretsizdir.
Pexels harika bir ücretsiz stok fotoğraf kaynağıdır. Tüm fotoğraflar ticari ve kişisel kullanım için ücretsizdir.
Carbon, kodunuzun güzel görüntülerini oluşturmak ve paylaşmak için harika bir platformdur ve görüntüyü sözdizimi vurgulama, temalar, yazı tipleri ve daha fazlasıyla özelleştirmenize olanak tanır.
Renkler 🎨
Bir daha asla mükemmel Renk Paletini bulmak için Saatlerinizi boşa harcamayın! Sadece Bir Renk Girin! Ve Güzel Renk Paletleri Oluşturun
Mükemmel paleti oluşturun veya binlerce güzel renk şemasından ilham alın.
Hangi renklerin birlikte iyi göründüğünü bilmek ister misiniz? Canva’nın Color Wheel-i (Renk Çarkı) renk kombinasyonlarını kolaylaştırır.
Tipografi 📝
Google Fonts, ücretsiz lisanslı yazı tipi ailelerinden oluşan bir kütüphanedir. İstediğiniz yazı tiplerini seçin, bilgisayarınıza indirin veya web sayfalarınıza yerleştirmek için sağlanan CSS veya HTML bağlantılarını kullanın.
Yazı tiplerini CDN’den almak istemiyorsanız, düzgün bir şekilde paketlenmiş NPM paketlerinde kendi barındırdığınız open source yazı tiplerini kullanın.
Nerd Fonts, çok sayıda glif (simge) içeren geliştirici hedefli yazı tiplerini yamalar.
Tasarım 🎨
Ücretsiz, çevrimiçi ve işbirliğine dayalı bir arayüz tasarım aracı ve prototipleme aracı.
Pinterest, tüm projeleriniz ve ilgi alanlarınız için fikir bulmak amacıyla kullanabileceğiniz görsel bir keşif aracıdır.
Dokümantasyon 📚
Web geliştirmeyi öğrenmek için en iyi platform. HTML, CSS, JavaScript veya başka bir web teknolojisi hakkında bir sorunuz olduğunda, her zaman önce MDN’ye göz atın.
Aklınıza gelebilecek hemen hemen her programlama dili için bir referans.
CSS (Cascading Style Sheets) kullanımıyla ilgili ipuçları, püf noktaları ve teknikler için en büyük platformlardan biri.
Araçlar 🛠
Ne?! Alet içinde alet mi? Evet, doğru duydunuz. İşte size daha fazla araç bulmanıza yardımcı olacak bazı araçlar. 😃
Stack Overflow, profesyonel ve meraklı programcılar için bir soru-cevap sitesidir. Soru sormak ve cevap almak için harika bir yerdir.
Geliştiriciler için faydalı araçlardan oluşan bir koleksiyon.
Geliştiriciler için faydalı araçlardan oluşan bir koleksiyon.
Can I Use, masaüstü ve mobil web tarayıcılarında front-end web teknolojilerini desteklemek için güncel tarayıcı destek tabloları sağlar.
Hiç web siteniz için bir favicon oluşturmakta zorlandınız mı? Farklı boyutlar, farklı formatlar, farklı platformlar. Metin, resim veya yüzlerce emoji arasından seçim yaparak faviconunuzu hızlıca oluşturun.
Hem ücretsiz hem de premium simge kütüphanesi.
Düzenli bir formatta farklı teknolojiler için büyük bir hile sayfası koleksiyonu bulun.
Çok dilli bir web dönüştürücü. HTML’i Pug’a, TypeScript’i JavaScript’e, Markdown’u HTML’e ve çok daha fazlasına kolayca dönüştürün…
Daha iyi kullanıcı deneyimi ile tüm araçları bulabileceğiniz bir web sitesi.
Tüm GitHub, GitLab, Bitbucket ve Jira verileri için DevOps yedekleme ve Felaket Kurtarma yazılımı.
Bir takımdaki sorunlarınızı ve çekme isteklerinizi düzenlemek için harika bir araç.
Sonuç 🎉
Umarım bu listeyi faydalı bulmuşsunuzdur. Herhangi bir sorunuz varsa, yorumlarda sormaktan çekinmeyin. Okuduğunuz için teşekkürler! 🙂
