Web sayfası geliştirken sadece metinsel bir editör kullanmayız. Çoğu zaman iyi bir web sayfası için daha fazla araca ihtiyaç duyarız. Bunlardan bazıları photoshop gibi grafik programları olmasına rağmen çoğunlu yardımcı web araçlarıdır. İşte size bu yazıda web sayfalarında yararlanabileceğiniz bir çok web aracını sunacağım.
Fırsat oldukça da bu araçları güncelemeye çalışacağım. Olurda bağlantılarda kırık olursa aşağıya yorum bırakarak bağlantının güncelliğini sağlamaya yarımcı olabilirsiniz.
Aşağıdaki listeyi şu sıralamaya göre oluşturdum.
Iconlar:
- SVG Repo
- Flat Icon
- Icon Finder
Fontlar & Icon Fontlar:
- Awesome Font
- Google Font
- Font Squirrel
- Fontello
- Boxicons
- Bootstrap Icons
Renkler
- Flat UI Color
- Adobe Color
- Flatcolors
Grafik/Vectorel Nesneler
- Vecteezy
- Freebiesbug
- Grapbox
- Interfacer
- UpLabs
Fotoğraflar
- Unsplash
- Reshot
- Pixabay
- Rawpixel
- Pexels
- Picsum Photos (Rastgele Fotoğraf)
- Placeholder.com (Yer tutucu fotoğraflar)
HTML / JS / CSS Araçları
- Bootstrap
- jQuery
- jQuery Script
- Materialize
- TailwindCSS
- AlpineJS
Yardımcı Siteler
- Bootstrap Cheat Sheet
- cdnjs.com
- Placeholder
- Lorem Ipsum
- GMatrix
- IsItWP
- Ping Dom
- PageSpeed Insights
- animate.CSS
- Animista CSS
ve BONUS SİTELER…
Iconlar
SVG Repo
SVG formatında bir çok grafik barındıran güzel bir site. Ayrıca grafikleri indirmeden önce ihtiyacınıza göre kişiselleştirebilirsiniz.
Flat Icon
PNG, SVG, EPS, PSD ve BASE 64 formatlarında bulunan en büyük ücretsiz ikon veritabanı sitesi.
Icon Finder
Iconfinder, SVG, PNG, CSH ve AI formatında vektör ikonları için önde gelen arama motoru ve pazar yeridir.
Fontlar / Icon Fontlar
Awesome Font
Web’in en popüler simge seti ve araç seti olan Font Awesome ile web sitenize vektör ikonları ve sosyal logolar yapabilirsiniz.
Google Font
Harika tipografi ile web’i daha güzel, hızlı ve açık hale getirmek.
Font Squirrel
Serbestçe indirilebilen fontların arşivi. Alfabetik listeye, stile, yazara veya popülerliğe göre göz atın.
Fontello
Simgeleri ile özel yazı tipleri oluşturmak için bir araç.
Boxicons
Sitelerinizde sosyal medya ve çeşitli iconları font olarak kullanmak isterseniz güzel bir icon font sitesi. Ayrıca CDN olarak kullanım imkanı sunduğu için indirmeden projelerinize dahil edebilirsiniz.
Bootstrap Icons
Icon fontlar içinde en geniş seçeneğe sahip ve her hangi bir üyelik gerektirmeden doğrudan CDN olarak kullanabileceğiniz güzel bir icon font sitesi.
Renkler
Flat UI Color
Renk seçme konusunda sıkıntı yaşıyorsanız. Seçimlerinizde yardımcı olacak geniş renk yelpazesi sunan güzel bir site
Adobe Color
Renk tekerleği, altıgen veya görüntü ile renk paletleri oluşturun. Photoshop, Illustrator vb. Uygulamalarda kullanmak için binlerce renk kombinasyonuna göz atın.
Flatcolors.net
Diğer flatcolor siteleri kadar renk seçeneği olmamasına rağmen, barındırdığı kaliteli renk seçenekleriyle favori sitelerden birisi olmaya aday renk sitesi. Diğer renk seçenekleri yanında bu siteye de göz atmanızı tavsiye ederim.
Vectorel Nesneler
Vecteezy
Freebiesbug sitesinin neredeyse her şeyi ücretli yapması üzerine keşfettiğim güzel vektör çalışmalarının sunulduğu site. Üyelik gerektirmeden 5 tane çalışma indirmenin yanı sıra üyelikle birlikte çok daha fazla vektörel çalışma indirebiliyorsunuz.
Freebiesbug
Freebiesbug, PSD dosyaları, HTML web sitesi şablonları, yazı tipleri ve diğer harika şeyler gibi ücretsiz yüksek kaliteli tasarım kaynaklarını sergileyen bir web tasarım blogudur.
Grapbox
Grapbox’da yazı tiplerini, logoları, simgeleri, vektörleri, maketleri, grafikleri, web şablonlarını ve daha yüksek kaliteli freebies’leri keşfedin ve indirin
Interfacer
Interfacer, internetteki en yetenekli ve harika insanlar tarafından oluşturulan yüksek kaliteli ücretsiz Tasarım Kaynakları koleksiyonudur. Hepsini ticari projelerde kullanabilirsiniz.
UpLabs
UpLabs, en iyi tasarım ve geliştirme ilhamını, kaynaklarını ve freebies’i seçiyor.
Fotoğraflar
Unsplash
Herhangi bir proje için indirebileceğiniz ve kullanabileceğiniz güzel, ücretsiz resimler ve fotoğraflar. Herhangi bir telif ücretsiz veya stok fotoğraf daha iyi.
Pixabay
En güzel resim ve videoları bulun, ücretsiz biçimde indirin. Ticari Ücretsiz ticari kullanım ✓ Kaynak göstermeniz gereken ✓ Yüksek kaliteli resimler.
Pexels
reshot
rawpixel
Picsum Photos
Lorem fotoğraflar için güzel bir alternatif sitesi. Yer tutmasını istediğininiz fotoğraf ölçülerini yazıyorunuz ve fotoğraflarınız hazır hale geliyor.
Placeholder.com
Yer tutucular içinde en geniş seçeneğe sahip site olarak ifade edebiliriz. Sitede en çok yer tercih edilen özellik ise yer tutması için kullanılan fotoğraflar oluyor. Fotoğraf ölçülerini giyiorsunuz ve yer tutucunuz hazır hale geliyor.
HTML / JS / CSS Araçları
Bootstrap
Bootstrap HTML, CSS ve JS ile geliştirme için açık kaynaklı bir araç setidir. SQ değişkenlerimiz ve karışımlarımız, duyarlı ızgara sistemi, kapsamlı önceden oluşturulmuş bileşenler ve jQuery üzerine kurulu güçlü eklentilerle fikirlerinizi hızla prototipleyin veya tüm uygulamanızı oluşturun.
jQuery
jQuery hızlı, küçük ve zengin özelliklere sahip bir JavaScript kütüphanesidir. Çok sayıda tarayıcıda çalışan kullanımı kolay bir API ile HTML belgesi geçişi ve manipülasyonu, olay işleme, animasyon ve Ajax gibi şeyleri çok daha basit hale getirir. Çok yönlülük ve genişletilebilirlik kombinasyonuyla jQuery, milyonlarca kişinin JavaScript yazma şeklini değiştirdi.
Materialize
Materialize, Google’ın Materyal Tasarımına dayanan modern, duyarlı bir CSS çerçevesidir.
Alpine.js
Jquery kadar rahat vuejs gibi component tabanlı olan bir framework mü arıyorsunuz. Site alpinejs’yi öneririm. Kullanımı hafif ve esnek olan tüm basit çalışmalarınızda rahatlıkla kullanabilirsiniz. İlk kullanımdan itibaren gerçekten seveceğiniz bir framework olacak.
Tailwind CSS
CSS kullanımına yeni bir soluk getirecek yenilik denilebilir. Neredeyse bütün CSS seçeneklerini sınıf olarak bünyesinde barındırıyor. Projeye dahil edip hızlıca CSS yazmadan proje geliştirebilirsiniz.
Yardımcı Siteler
Bootstrap Cheat Sheet
Bootstrap sınıflarınızı bu etkileşimli Bootstrap hile sayfasında hızlıca bulun. Kod örnekleri ve öğelerin canlı önizlemesini içerir.
cdnjs.com
cdnjs.com – Web sitelerinizi hızlandırmak için web ile ilgili kütüphaneler için en iyi FOSS CDN!
jQuery Script
Web ve mobil geliştiriciler için örnekler ve öğreticiler ile 8000+ ücretsiz jQuery eklentisi.
placeholder.com
Placeholder.com, her yıl milyarlarca ve milyarlarca resim sunan web tasarımcıları için ücretsiz bir resim yer tutucu hizmetidir.
Lorem Ipsum
Rastgele bir Lipsum jeneratörünün yanı sıra kökenleri hakkında bilgi veren Lorem Ipsum hakkında referans sitesi.
JSONPlaceholder
GTmetrix
GTmetrix, sayfanızın hız performansını analiz eden ücretsiz bir araçtır. … Sitenizi test edin. Analiz Seçenekleri: … Sitenizi şimdi analiz edin ve ne kadar iyi performans gösterdiğini görün!
Ping Dom
Web sitelerinizin yük hızını analiz etmek ve nasıl daha hızlı hale getireceğinizi öğrenmek için bu ücretsiz Web Sitesi Hız Testini kullanın.
IsItWP
IsItWP, bir web sitesinin WordPress kullanıp kullanmadığını ve hangi WordPress temalarını ve kullandıkları WordPress eklentilerini kolayca tespit etmenizi sağlayan ücretsiz bir araçtır.
PageSpeed Insights
Animate.CSS
Hazır CSS aminasyonları kullanmak için ideal bir CSS kütüphanesi
Animista CSS
Hazır CSS kütüphaneleri içinde en çok CSS efektelerine sahip sitelerden bir tanesi
Immur.com
Hızlı şekilde resim ekleyip paylaşabileceğinizi hazır resim paylaşım sitesi.
BONUS
- Bootstrap modüllerinin bulunduğu hazır tasarımlara ulaşabileceğiniz güzel bir kaynak
1 Yorum