Reklamlar.... Hanımların dikkatine hem tasarım hemde yazılım makinesi ayağınıza geldi...😂
Kendinize özel bir tasarıma sahip statik bir web sitesi yaptırmak mı istiyorsunuz? Ama bunun için hem tasarımcı hemde yazılımcı ile anlaşmanız mı gerekiyor? Artık gerekmiyor. Ben Musa Yazlık isteklerinize uygun olarak sadece size özel olan statik web sitenizin tasarımını figma üzerinde yaptıktan sonra html5,css3(scss) ve javascript dillerini kullanarak seo'ya uygun kodlama ile statik web sitenizi yapabilirim. İletişim için aşağıdaki bağlantıları kullanabilirsiniz.
Herkese merhabalar.🖐 Söze nasıl başlayacağımı bilemedim. Şöyle kısaca kendimden bahsettikten sonra depo ile ilgili bilgiler vereyim diyorum nasıl olur?😁 İsmim Musa Yazlık. 24 yaşındayım. Erciyes üniversitesi kayseri meslek yüksek okulu Bilgisayar programcılığı mezunuyum. Kendimi 2017 yılının haziran ayından bu yana web tasarım ve web yazılım alanında geliştirmekteyim. Şu anda ise hobi amaçlı figma öğreniyorum ve tasarımlar yapıyorum. Uzmanlık olarakta Web alanının Frontend tarafında kendimi geliştirmeye devam ediyorum.
Şimdi depo ile ilgili bilgi verirsem. Dediğim gibi 2017 yılının haziran ayından bu yana web alanı ile uğraşıyorum. Bu geçen 4 yılda çok fazla araştırma yaptım,kaynak topladım. Tabi bu kaynakları şimdiye kadar kendim faydalanmak amaçlı topladığım için pek bir düzenli topladığım söylenemez. Bu depo ile hem o düzeni oturtturmak istiyorum hemde benim sahip olduğum kaynaklara genç yazılımcılarında kolay bir şekilde ulaşmasını istiyorum.
Web tasarım ve web tasarım ile ilgili ücretli,ücretsiz her türlü kaynak olacak desem çok sade bir cevap olur sanırım. Ben bir kaç madde ile olacaklardan bahsedeyim.
- 🏫 Udemy eğitimlerini çekiliş ile veren veya direk olarak ücretsiz olarak yayınlayan instagram hesapları ve telegram grupları. (Ben bu sayede 570 den fazla eğitime ücretsiz sahip oldum.)
- 👨👧👦 Her yazılımcının katılması gereken discord ve telegram grupları.
- 🔖 Tarayıcıda bulunan bookmark(yer imi, yer işaretleri). (Bunun içinde bir bir türlü site. Html,Css,Javascript,Php ile ilgili topladığım tüm siteleri paylaşacağım)
- #️⃣ Yaptığınız projeleri demo link olarak paylaşabileceğiniz siteler.
- #️⃣ Her yazılımcının takip etmesi gerektiği siteler.
- 🎓 Üniversite öğrencileri için ücretsiz olan kaynaklar.
- #️⃣Tarayıcıda kullandığım eklentiler.
- 🤑 Para kazanabileceğiniz freelance siteler.
▶️ Takip ettiğim Youtube kanalları.- 🧔 Mentör desteği alabileceğiniz ücretli ücretsiz siteler gruplar.
- 🤩🤩 Daha daha birçok şey var... 🤩🤩
Ücretsiz udemy eğitimlerine takip ettiğim instagram hesaplarından ve üye olduğum telegram gruplarından elde ediyorum. Takip ettiğim instagram hesaplarının çekilişlerine katılmıyorum sadece hikayelerinde ücretsiz bir kurs paylaştıklarında hemen kapıyorum.😅 Tabi sadece udemy kursu kapmak için takip etmiyorum. Bu takip ettiğim hesaplar web tasarım,web yazılım veya girişimcilik ile ilgili paylaşımlarda yapıyorlar. Onlarda hoşuma gidiyor. Normalde artık instagram hesabımı aktif bir şekilde kullanmıyorum ama isterseniz buraya tıklayarak beni takip edebilirsiniz.😁
- workshoperscomm : Bolca ücretsiz ve sertifikalı online eğitim veren bir kuruluş.
- girisimcikafasi : Girişimcilikle ilgili motivasyon ve öneri içerikleri paylaşan bir hesap.
- algoritmikfikir : Yazılım alanı ile ilgili genelde bilgi içerikleri paylaşan bir hesap.
- yazilimoji : Yazılım alanı ile ilgili bilgi ve komik içerikler paylaşan bir hesap.
- yazilimkafasi_ : Yine yazılım alanı ile ilgili küçük kod parçacıkları,bolca kendi ortamını ve motivasyon içeriği paylaşan bir hesap.
- kod.efendi : Yazılım alanı ile ilgili bilgi içerikleri paylaşan bir hesap.
- kerokod : Yazılım alanı ile ilgili bilgi,motivasyon ve komik içerikler paylaşan bir hesap.
- seyyar.tasarimci : Freelance olarak çalışan bir tasarımcı. Yaptığı iş ile ilgili bilgi içerikleri paylaşıyor.
- prototurk.official : Tayfun erbilen i bilmeyen yoktur her halde. 😀 Web yazılım ile ilgili içerikler paylaşıyor.
- tolgahan.webdev : Web yazılım alanı ile ilgili bolca içerik paylaşan bir hesap.
- codemvia : Mentör veya menteeleri birleştirmek amaçlı kuruşmuş bir kuruluştur. Mentörlük hizmeti ücretsizdir.
- luisdanielroviracontreras : Yapmış olduğu tasarımları kodları ile paylaşan bir hesap.
- siber_ybs : Yazılım ile ilgili genelde komik içerikler paylaşan bir hesap.
- kodlarintercumani : Yazılım ile ilgili bilgi içerikleri paylaşan bir hesap.
- btkakademi : Btk akademinin resmi instagram hesabı. Bazen eğitmenler ile de canlı yayın yapılmakta.
- kodmuhendisi : Yazılım ile ilgili bilgi içerikleri paylaşan bir hesap.
- yazilimturk : Bilgi ve mizah odaklı paylaşımlar yapan bir yazılım toplulugudur.
- yazilimtoplulugu : Yazılım ile ilgili komik içerikler paylaşan bir hesap.
- yazilimci.genclik : Yazılım ile ilgili komik,bilgi ve motivasyon içerikleri paylaşan bir hesap.
- kodrehberi : Yazılım ile ilgili komik,bilgi ve motivasyon içerikleri paylaşan bir hesap.
- gencyazilimci : Yazılım ile ilgili komik içerikler paylaşan bir hesap.
- yazilimci.adamm : Yazılım ile ilgili komik,bilgi,motivasyon ve gündem içerikleri paylaşan bir hesap.
- endertopaloglu : Aktif olarak instagram hesabında içerik paylaşmıyor ama youtube kanalına bakmanızı öneririm. Usta bir tasarımcı. Tasarım babası. 😂
- kerimcanyektekcom : Karekod un kurucusu.
- uxswipe : Tasarım ile ilgili bilgi içerikleri paylaşan bir hesap.
- ui8net : UI ile ilgili tasarımlar paylaşan bir hesap.
- web.talk : Taarım ile ilgili bilgiler paylaşan bir hesap.
- uiturkiye : Tasarım ile ilgili bilgiler dosyalar paylaşan hesap. Bu arada içerikler türkçe.😁
- interfacely : Tasarım örnekleri ve o örnekte kullanılan yapılar ile ilgili içerikler paylaşan bir hesap.
- ux.ferdicildiz : Uzman bir tasarımcı. Youtube kanalına bakmanızı öneririm.
- designspective : Tasarım ile ilgili içerikler paylaşan bir hesap.
- uidacozeriz : Bazı firmaların ui tasarımlarını inceleyen bir hesap. Youtube kanallarına bakmanızı öneririm.
- afshint2y : Severek takip ettiğim bir grafik tasarımcısı. İconset lerini kullanıyorum bolca tasarımlarımda.
- amirbaqian : Bir üsteki ile aynı.
- awsmd_com : Tasarım ile ilgili içerikler paylaşan bir hesap.
- ui_gradient : Tasarım ile ilgili bilgi içerikleri paylaşan bir hesap.
- ademilter : Severek takip ettiğim bir yazılımcı. İnstagram hesabını kişisel içerikler paylaşmak için kullanıyor. Youtube kanalına bakmanızı öneririm.
- ux.base : UX ile ilgili bilgi içerikleri paylaşan bir hesap.
- uxbucket : UX ile ilgili bilgi içerikleri paylaşan bir hesap.
- qclaydesign : Tasarım ile ilgili içerikler paylaşan bir hesap.
- uiuxdailytips : UI ve UX ile ilgili bilgiler paylaşan bir hesap.
- coding_gyan_ : Yazılım ile ilgili içerikler paylaşan bir hesap.
- coding.beast : Yazılım ile ilgili içerikler paylaşan bir hesap.
- ahmetekincicomtr : Dijital içerik üreten bir hesap.
- ravi.graphicdesigner : Tasarım ile ilgili içerikler paylaşan bir hesap.
- Yazılım Topluluğu
- Kablosuzkedi
- YazılımTürk 🇹🇷
- Yazılım Eğitim
- ./prototurk
- Laravel İstanbul
- Sadık Turan
- Geleceğini Tasarlayanlar
- FULL STACK DEVELOPERS
- Kod Rehberi
- ReactJS Turkey
- Yazılım İş İlanları
- Vue.js & Nuxt.js
- Yazılımcı Gençlik
- #herkesicinudemy
- Codemvia Frontend Devs
- Donanım & Bilgisayar Sorunları
- Askıda Eğitim 📚
- İLETİŞİM - SEYYAR TASARIMCI ⭐️
- Yazılım Yardımlaşma
- KEROKOD KÜTÜPHANE 📚
- Codem<ia Topluluğu
- Tasarım Yardımlaşma
- Seo Yardımlaşma
- Hayallerini Kodlayanlar - mstfkrtll
- KodRehberi Kaynak
- Türkçe Kaynaklar Kanalı
Güzel bir bölüme geldik. Siz yapıyor musunuz bilmiyorum ama ben her hafta 1 saatimi "Html,css,javascript design" gibi kelimeleri kullanarak youtube da yeni kanallar bulmaya çalışıyorum. Bulduklarıma da abone oluyorum. Ben yaklaşık 100 kanala abone olmuşumdur diye düşünüyordum. Ama tamı tamına 224 kanala abone olmuşum. Vay canına 😅. Bu kanalların Web tasarım ve Web yazılım ile ilgili kanallar. Ama aralarında farklı kanallarda var. Her zaman yazılım olmuyor birazda eğlenmek şart. 😁
- Abdullah Zübeyir Yıldız
- Academind
- ACM HACETTEPE
- Adem Ilter
- Adrian Twarog
- Ahmet Buğra Çakıcı
- Ahmet Rende
- AHP Tech
- Alessandro Castellani
- Alper Akyüz
- Alperen Ertürk
- Animation Coding
- Arin Yazilim
- Armağan Amcalar
- Armağan Gökçe
- ArmyYazılım
- Atetax Software
- Atil Samancioglu
- AYBÜ BİLTEK - Bilim ve Teknoloji Topluluğu
- Barış Özcan
- Batuhan Zorbey Zengin
- Bedimcode
- Berke Küsmenoğlu
- BEST AKADEMİ
- bestcloudforme
- Bewakuf Designer
- bidoluyazılım
- Bilgisayar Genetiği
- Bilgisayar Mühendisliği
- Bitfumes
- bmakukariyer
- BookMark Code
- Brian Design
- Bro Jenuel
- BTK Akademi
- Burak Doğan
- Buğra & Aybars AYAN
- Buğra Yazar
- Can Deger
- Can Gökçeaslan
- ChornyGlaza
- Chris Coyier
- cihan koc
- CODE HASH
- Code Of The Day
- Code Resource
- codefoxx
- Codeigniter Hocası
- CodeInFarm
- Coder in Chief
- codevo
- Codic Gyan
- Coding Artist
- Coding Circle
- Coding Gyan
- Coding Market
- Codingflag
- CodingLab
- CodingNepal
- codingwithdidem
- Computer Code
- Çay Kahve İnsan
- DarkCode
- Daron Yondem
- dcode
- DeepLab.Bootcamp
- Demet Tuncer
- Design Medium
- DesignCourse
- DesignGost
- Designus
- Dev Dev Show
- Dev Ed
- Divinector
- Easy Tutorials
- EGE SABAHCI
- egirişim
- Emrah Yüksel
- Emrah Öz
- Ender Topaloğlu
- Enes Tuzlu
- Engin Demiroğ
- Eren Alkış
- Erhan Kahraman
- FalconMasters
- Fatih Acet
- Fatih Girgiç
- Fatih Şenol
- Fehmi UYAR
- Ferdi Cildiz
- FK LANGUAGE
- Florin Pop
- Franks laboratory
- Fransix Web
- freeCodeCamp.org
- Funda İydir
- GDG & WTM Tekirdağ
- GDG / WTM Kirklareli
- GDG Istanbul
- GDG&WTM Kayseri
- Going-To Internet
- Google Developer Communities Turkey
- GTU Bilgisayar Topluluğu
- GYGRUP - Youtube
- Hakan Ertan
- halil ibrahim yavuz
- hasan gürsan
- Hikmet Anıl Öztekin
- How 2 Create
- I Make Design Easy
- Innovation Teach
- JavaScript Mastery
- Jesse Showalter
- Julio Codes
- K2classroom
- kablosuzkedi
- KeroKOD
- Kod Günlüğüm
- KODAKTIF VIDEO EGITIM
- Kodla Ogren
- Kodluyoruz
- Koray SADIKLAR
- Laravel Daily
- LearnCode.academy
- LearnDesign
- LearnWebCode
- Mahallenin Yazılımcısı
- Make Coding Easier
- Mehmet Ali FIRAT
- Mehmet Online
- Mert Buldur
- Mert ÖZEN
- MinzCode
- Mohammad Rakib
- moradam
- Mr Digital
- Mr. Web Designer
- Muhammet İlbaş
- Mustafa Değirmenci
- Mustafa Filiz
- nezihi gözen
- OctAcademy
- Okan DAVUT
- Omer Celikel
- Online Tutorials
- Online web ustaad
- Orhan Dogan
- Ozan Teoman Dayanan
- Oğur UYANIK
- Paradox Way
- Paylaştıkça
- Penguin Digital
- PHP Türkiye
- pixeladam
- povodu
- Prisync Labs
- PROTOTURK
- RaddyTheBrand
- Raptiye
- Sadık Bahadır Memiş
- Sadık Turan
- Sanagrafi
- sanalonyedi
- Selahattin Ünlü
- Selman Kahya
- Selman Kahya | Teknik
- Siber Güvenlik Eğitimleri
- Sifirdan Bire Hersey
- Sinan Soylu
- Slobodan Gajic
- smashtheshell
- SoengSouy Webdesign
- SoftCode
- SOSYAL BİLİŞİM
- Tahsin Berk Ceylan
- Tarik Guney
- Tasarımcı Dayı
- Tayfun Erbilen
- Techie Coder
- Tekno Dershane
- The Net Ninja
- The Tom Media
- The WebShala
- Thu Nghiem
- Traversy Media
- Trikz On Tip
- True Coder
- Tuat Tran Anh
- Tuncer Turna
- Ugur Umutluoglu
- UI'da Çözeriz
- Unicoder
- UX' minimal
- Uygula Öğren
- Uğur Aktaş
- Uğurcan Çetin & Mahmut Yıldız
- Ücretsiz Yazılım Dersleri
- Ümit Ünver
- Veysel AKBULUT
- Video Kod
- Vishweb Design
- WDS Web Developer Student
- Web Makinası
- Web Velocity
- WebKitCoding
- WebsCode Media
- Workshopers
- wpshopmart
- Xir Forum
- Yakın Kampüs
- Yashwanth B
- Yazilimciolmakistiyorum
- Yazılım Bilimi
- Yazılım Eğitim
- Yazılım Kafası
- Yazılım Yolcusu
- Yazılım İlk Adım
- Yazılım Dilleri Eğitimleri
- Yazılımcı Erkek
- Yordam
- Yusuf DİNÇYAR
- Yücel Alkan
- Zamansız Eğitimler
- Zekeriya Mulbay
Bir yazılım dili öğrenirken veya bir şey araştırırken ilgimi çeken bazı siteler oluyordu. Herkesin yaptığı gibi bende tarayıcının yer işaretleri (yer imleri) kısmına kayıt ederim. Son günlerde yer imleri klasörler halinde düzenledim. Ama klasörler içerisine atmış olduğum siteleri pekte düzenlediğimi söyleyemem. Burada ise yer imlere kaydetmiş olduğum siteleri hem sizler ile paylaşacağım hemde klasörlerin içerisini düzenlemiş olacağım.
- Reddit : İngilizce bir site. Sorularımı genel anlamda bu sitede paylaşıyorum. İnanın ki türkçe sitelere göre daha net ve hızlı yanıtlar alıyorum.
- stackoverflow : Bilgisayar programcılığı ile ilgili kullanıcı odaklı soru cevap sitesi.
- Kommunity : Etkinliklere katılmak istiyorsunuz ama bulamıyorm musunuz? Aha tam yeri.
- Laravel Türkiye Forumları : Laravel Framework u için kurulmuş bir yardımlaşma sitesi.
- Wordpress Development : Wordpress geliştiricilerin yardımlaşma yeri.
- Kod Mühendisleri Topluluğu : Dili Türkçe olan yazılılımcıların yardımlaşma sitesi.
- WMaracı : Webmaster yardımlaşma sitesi.
- R10 : Herkesin üye olması gerektiği bir site. Ama tabi üyelikler davet kodu ile mümkün.
- Atom Discuss : Atom kod editörü için bir yardımlaşma sitesi.
- Meetup : Gerçek hayattaki grup buluşmalarını kolaylaştıran bir sosyal ağ.
- Dev.to : Geliştiricilerin blog yazılarını paylaştığı medium gibi bir blog sitesi. Çok güzel bir site bağımlı oldum siteye. 😁
Bu klasörü yeni oluşturdum. Bu klasörde öğrenmiş olduğum css,javascript,node.js ve php ile ilgili kütüphanelerin dokümantasyon sayfalarını ve dillere ait hoşuma giden siteleri tutmaya başladım.
- W3schools : Web yazılımcıların mutlaka bir kez de olsa bakmış olduğu müthiş bir site.
- Bootstrap 5 : Bootstrap css kütüphenesinin dokümantasyon sayfası.
- Wordpress Developer Reference : Wordpress developer dokümantasyon sayfası.
- Jquery : Jquery dokümantasyon sayfası.
- Htmlreference : Html ile ilgili bir Reference sitesi. Bu sitenin tasarımı cok hoşuma gidiyor.
- Cssreference : Css ile ilgili bir Reference sitesi. Yukarıdaki sitenin aynısı
- Emmet : Kodlama yaparken emmet kullanmıyorsanız büyük işkence çekiyorsunuz demektir. Emmet kod yazmayı kolaylaştırır.
- Mozilla Developer : Web yazılımcılar için güzel bir site.
- Roadmap : Yazılım öğreniyorum ama nasıl yol izlemeliyim diye soruyor isen bu siteye mutlaka bakmalısın.
- Listium : Herkesin kendi listesini oluşturabildiği bir site ama ben birisinin en popüler js kütüphanelerinin listesini yaptığı bir liste buldum buraya eklemek istedim.
- Bulma : Bootstrap gibi güzel bir css kütüphanesi.
- Reactjs : Javascript öğrendikten sonra mutlaka öğrenilmesi gerekilen bir javascrip kütüphanesi.
- Vuejs : Javascript öğrendikten sonra mutlaka öğrenilmesi gerekilen bir javascrip kütüphanesi. React a göre öğrenilmesi daha bsittir.
Html ile ilgili çok fazla site depolamamışım. Zaten kolay bir dildir. Ama yinede bu dokümantasyona bu klasörün içerisinde bulunan siteleride eklemek istedim.
- W3schools : Anlatmaya gerek yok görüyorsuuzz. 😂
- Htmlreference
- Htmldersleri : Türkçe bir site ingilizceden anlamıyorum ben diyorsanız.
- Lifeacode : Bu sitede daha düzenli bir şekilde anlatıyor html etiketlerini. Ama ben youtube dan fehmi uyar kanalına bakmanızı öneririm.
Html web sitesini iskeletidir. Css ile onu süslü gösteren her şeydir. Ben biraz daha UI bakışlı birisiyim bu yüzden css ile ilgili çok fazla site toplamışım. Birazda onlara bakalım. Bu klasörde bolca kütüphane biliktirmişim mutlaka bilmediğiniz bir css kütüphanesi vardır.😀
- Carbon : Mutlaka görmüşsünüzdür süslü bir şekillde yazmış olduğu kodları paylaşırlar. İşte onu bu sitenden yapıyorlar. 😁
- Animista : Çok kullandığım bir animasyon sitesidir.
- Vivify
- Bennettfeely
- Cssportal
- Justinaguilar
- Animate : Çok kullanılan bir css animasyon kütüphanesi.
- Csslayout : Bu siteye mutlaka bakınız. Bilmediğiniz bir çok yapının ismini öğrenmiş olursunuz.
- Materializecss
- Malven : Css deki grip yapısı ile ilgili bilgilendirici bir site.
- Autoprefixer : Css de yazdığınız kodların her tarayıcıda uyumu olarak çalışabilmesi için bazı eklemeler yapmanız gerekiyor onu sizin yerinize yapan bir site. Autoprefixer bir araştırın isterseniz.
- Normalize : Her tarayıcıda html kodların bazı default ayarlamaları vardı. Bu kütüphane onu her tarayıcıda eşit olmasını sağlıyor.
- Placeholder Loading
- Foundation
- Minicss
- Bulma
- Getuikit
- Webui
- Getskeleton
- Semantic-ui
- Minstyle
- Getmdl
- Minireset : Normalize gibi ama bu kütüphane bütün ayarları sıfırlıyor.
- Hover : Hover css kütüphanesi.
- Magic
- Csshake
- Purecss
- Effecktcss
- Tuesday
- Dynamiccss
- WickedCSS
- Luxbar
- Pie-Menu
- Redq-megamenu
- Tailwindcss
- Cardinalcss
- Spinkit
- Blazeui
- Loaders
- Crayon
- İsotope
- Shoelace
- Jessepollak-card
- Web-grid
- Bootstrap-magic : Bootstrap 4 css kütüphanesini kullanmak istiyorsunuz ama içerisinde değişiklikler yaptıktan sonra kullanmak istiyorsanız bu site size onu yapmanız için yardımcı oluyor. Hatta daha fazlasını yapıyor.
- Getwaves : Bazı web sitelerinde dalgalı yapılar görmüşsünüzdür. Sizde onu Photoshop da yapmışsınızdır. İşte ona hiç gerek yok. Bu site size o dalgalı yapıları oluşturmanız için yardımcı oluyor.
- Blobmaker : Yukarıdakinin bir değişiği.
- Mehsatek
- Chartscss : Grafik yapıları bu css kütüphanesi ile oluşturulmakta. Bir çok admin temalarında bu css kütüpnesini görürsünüz. Çok kullanılan bir kütüphanedir.
- Jquery
- Owlcarousel2 : Türkçesi atlı karınca olarak geçen Carousel yapımı için güzel bir kütüphane. Haber sitelerinde gördüğünüz sağa sola kayan resimli kartlar vardır. İşte onların yapımında kullanılıyor.
- Chartjs : Veri görselleştirme için 8 grafik türünü destekleyen ücretsiz bir açık kaynaklı JavaScript kütüphanesidir: bar, çizgi, alan, pasta, kabarcık, radar, polar ve dağılım.
- Sigmajs : Grafik çizimine adanmış bir JavaScript kütüphanesi.
- Pizza-pie-charts : Chartjs e benzer bir kütüphane.
- Electronjs : Javascript kullanarak masaüstü program yapılabilir mi diye soranlar için visual studio code bu javascript kütüphanesi kullanılarak yapılmış.
- Hammerjs : Nesneyi sürükleme bırakma işlemlerini yapabileceğiniz bir kütüphane. Üstelik mobil uyumlu.
- Sortable : Hammerjs gibi bir kütüphane.
- Swiperjs : Owlcarousel2 benzer bir kütüphane ama daha iyisi.
- Alpine
- Aurelia
- D3js
- Taucharts
- Animejs
- Fancyapps
- Reactjs : Ben react bilmiyorum diyen bir senior front end developer yoktur her halde. Popüler bir javascript kütüphanesi.
- Jarallax : Arka plan görüntüleri için pürüzsüz paralaks kaydırma efekti verebileceğiniz bir kütüphane.
- Aquarelle
- FunnyText : Yazılar üzerinde güzel animasyonlar yapabileceğiniz bir kütüphane.
- FullPage : Full sayfa üzerinde güzel animasyonlar ile geçiş yapmak için kullanılan bir kütüphane.
- PagePiling : Yukarıdaki ile aynı işi yapıyor.
- MultiScroll
- Vanilla-tilt.js
- Jquerypp
- Anijs
- Bouncejs
- Vuejs : React ta göre öğrenmesi daha basit olan bir javascript kütüphanesi.
Php klasöründe de pek bir şey biliktirmmemişim. Web tasarım ve web yazılımın front end tarafına yöneldiğimi sanırım söylemiştim.😀 Ama ilk başlarda php ile de başladığımıda söylemiştim tabi o zamanlar bu kadar arşiv tutan birisi değildim. Ondan bu klasörde pek fazla kaynak bilikmemiş. 😁
Her tasarımcı mutlaka kullandığı favori bir ikon seti vardır. Benimde favorim şu anda iconsax icon seti. Tasarımcı iconların tasarımını baya ince ayarlara göre hazırlamış. Neyse bu klasörde de bulabilildiğim bütün icon setlerini veya iconları bulabileceğiniz siteleri depoladım.
- iconfinder
- flaticon
- bootstrap icon
- google font (icon)
- fontawesome
- svgrepo
- fontello
- icomoon
- iconpark
- iconscout
- icons8
- iconshock
- dryicons
- iconmonstr
- iconarchive
- androidicons
- tablericons
- SuperTinyIcons
- iconninja
- devicons
- iconduck
- iconsax
- glyphy
- drawkit
- iconoir
- uplabs
- lineicons
Şu anda en popüler font sitesi google font hatta ben sadece google fontta bulunan fontları kodlamalarımda kullanıyorum. Ama bu klasörede gerekli gereksiz bütün font sitelerini eklemişim.
- Google Font
- fontstruct
- Adobe Font
- freebestfonts
- abstractfonts
- dafont
- fontsquirrel
- 1001freefonts
- 1001fonts
- cssauthor
Ah şu renkler diyerek başlıyorum. Tasarımcı iseniz renkleri anlamanız baya zamanınızı alıyor. Renkler ile ilgili baya site biliktirmişim.😀
- Flatuicolors
- Mycolor
- colordesigner
- coolors
- grabient
- coolhue
- cssgradient
- colorhunt
- Adobe-Color
- materialui
- colorsinspo
- lolcolors
- colordrop
- webgradients
- materialcolors
- materialpalette
- material
- cssauthor
- htmlcolors
- colourlovers
- abecem
- angrytools
- paletton
- colourlovers
- colrd
- 0to255
- colorhunter
- checkmycolours
- colorbox
Bu klasörde de projelerinde kullanabileceğiniz ücretli ücretsiz resimleri paylaşan siteleri bulunmakta. Uyarı olarak projelerinizde direk olarak google dan resim alıp kullanmayın. Her sanat eserinin olduğu gibi resimlerinde telif hakları vardır. Bu aşağıdaki sitelerin de çoğunda kullanacağınız resimler ticari olarakta kullanabileceğiniz ücretsiz resimleri içermektedir. Unutmayın projenizde kullanacağınız içerinin lisan ına mutlaka dikkat ediniz.
- freepik
- pixabay
- loremipsum
- generated
- meshgradients
- pixeltrue
- unsplash
- vecteezy
- hiclipart
- flickr
- grafikarsiv
- placeholder
- freeimages
- 500px
- adobe stock
- vektorelcizim
- negativespace
- alphacoders
- lifeofpix
- picography
- kaboompics
- freestocks
- skitterphoto
- shotstash
- stocksnap
- picjumbo
- foodiesfeed
- focastock
- gratisography
- pexels
- splitshire
- clipartlogo
Elinizde bulunan resimlerin photoshop programına ihtiyaç duymadan arka planlarını silebileceğiniz siteler
Bu klasörde de projelerinizde kullanabileceğiniz video sitelerini depoladım. Projelerinizde youtube içeriklerini video olarak kullanmayın sıkıntı yaşarsınız.😊
Bu klasörde de tasarım ile ilgili ilham alabileceğiniz siteleri topladım. Toplamayada devam ediyorum.
- dribbble
- behance
- uidesigndaily
- saaslandingpage
- land-book
- landingfolio
- onepagelove
- humans
- awwwards
- siteinspire
- ecomm
- uxarchive
- scrnshts
- webframe
- codewell
Bu klasörde de vektorel çizimlerin olduğu siteleri topladım. Bir çok siteye girdiğinizde de böyle çizimlerin bolca kullanıldığını görürsünüz.
- undraw
- iradesign
- drawkit
- icons8
- humaaans
- flexiple
- manypixels
- freeillustrations.xyz
- illlustrations
- sleekbundle
- delesign
- isometric
- error404
- flexiple
- woobro
- glazestock
- blush
- lukaszadam
- freellustrations.com
- kapustin
- storyset
- uplabs
Aaa bu klasör boş kalmış neredeyse... 😂
Evet en güzel klasöre geldik bence. Bu klasörde ise işinizi kolaylaştıracak bir çok şey var diyebilirim. Yazacak başke bir şey bulamadım. Sitelere bakınca böle sitelermi varmış diyeyeceğinize eminim. 🤣
- css-separator-generator
- getwaves
- shadows.brumm.af
- cssgrid-generator
- clippy
- fancy-border-radius
- easing-gradient
- blobmaker
- svgwave
- squircley
- svg-shape-generator
- blobs
- grid.layoutit
- griddy
- css-grid-layout-generator
- theappguruz
- cssanimate
- keyframes
- jeremyckahn
- haikei
- ray.so
- neumorphism
- editor.md
- 10015
- tabbied
- getcssscan
- patternico
- omatsuri
- shapedivider
- generated.photos
- duotone
- ui.glass
- tinter.uxie
- nice-avatar.chilllab
- gradientmagic
- trianglify
- webcode.tools
- mega-creator
- glassmorphism
- getavataaars
- coolbackgrounds
- designgost : Daha çok tasarımcıların bulunduğu bir mentörlük sitesidir. Verilen mentörlük hizmeti ücretsizdir ve site türkçedir.
- frontendmentor
- adplist
- superpeers : Uzman kişiler ile ücretli ücretsiz sohbet edebileceğiniz bir platform. Aha bende buradayım 😁
- codemvia : İster mentör olabileceğiniz isterseniz mentee olabileceğiniz yeni kurulmuş bir kuruluş.
Dönem freelance olarak çalışma devri atık diyebiliriz özellikle yazılım alanında. Ama freelance çalışmakta kolay bir iş versiyonu değil her müşteriniz sizin yeni patronunuz oluyor. Bu durumda freelance çalışmak normal çalışmaya göre biraz daha zorlayıcı olabiliyor. Ben bu klasörde freelance işleri alabileceğiniz siteleri listeledim. Bayaa site varmış freelance çalışabileceğiniz site. 😁
- Fiverr
- Peopleperhour
- Upwork
- Freelancer
- Zillancer
- Toptal
- Simplyhired
- Aquent
- Crowded
- Guru
- R10
- Wmaraci
- bionluk
- Armut
- Uzmankirala
- Projekurdu
- Webly
- İcerikbulutu
- Nexxt
Yaptığınız projelerinizi yayına almak istersiniz ama ne host nede domain için paranız vardır. Birde node.js veya python ile proje yapıyor iseniz host yerine sanal sunucuya ihtiyacınız olacaktır. Onlarında size yaklaşık aylık 20-30 tl maliyeti olacaktır. Ama artık ihtiyacınız yok. Heroku, dinamik basit ihtiyaçlarınız için her işinizi görmekte. Diğerlerinde ise ise sadece statik projelerinizi yayına alabiliyorsunuz. Ben projelerimi ücretsiz yayına albileceğim 4 tane site bulabildim. Daha fazlası var ise iletişim adreslerimden bana bildirebilirsiniz.
- Bitwarden : Önceden sitelerde aynı şifreyi kullanırdım. Ama son zamanlarda hacklenen çok fazla site duymaya başladım. Bundan dolayıda artık her sitede birbirinden farklı şifreler kullanmaya başladım. Tabi ku kadar şifreyide kafamda tutamazdım. Bu yüzen de şifrelerimi depolayacak bir depoya ihtiyacım vardı. Bende Bitwarden i buldum.
- Google Translate : Hâlâ ingilizcem o kadar iyi değil. Çeviri için kullandığım bir eklenti.
- Clear cache : Tek tıkla her şeyi silmek için kullandığım bir eklenti. Genelde ön belleği silmek için kullanıyorum.
- Fake filler : Sayfada bulunan inputları fake data ile otomatik doldurmak için kullandığım bir eklenti.
- Colorpick eyedropper : Sayfadaki renklerin renk kodlarını bulmak için kullandığım bir eklenti.
- What font : Sayfada bulunan yazılarda hangi fontlar kullanıldığını öğrenmek için kullandığım bir eklenti.
- Awesome screenshot screen : Ekran resmini veya videosunu alabildiğim bir eklenti.
- Tureng dictionary : Biraz ingilizce öğrendiğim söylenebilir. Seçtiğim kelimenin hemen türkçesini ve okunuşunu görebileceğim siteye yönlendiriyor.
- Wakatime : Acaba kaç dakika kodlama yaptım veya kaç dakika tarayıcıyı kullandım diye merak ettiniz mi? Bu eklenti ile hangi proje üzerinde kaç dakika kodlama yapmışım veya kaç dakika tarayıcıyı kullanmışım görebiliyorum.
- Enhancer for youtube : Youtube üzerinde küçük ayarlamalar yapmak için kullanıyorum.
- Grid ruler : Klasik bir çetvel eklentisi diyebilirim.
- Wappalyzer : Girdiğiniz sitede hangi web teknolojilerinin kullanıldığını gösteren bir eklenti
- Whatruns : Bir yukarıdaki ile aynı işe yarıyor.
- Json viewer : Json verilerin daha düzenli ve göze hoş bir şekilde gözükmesini sağlıyor.
- Keywords everywhere keywo : Anaktar kelime önerisi veren bir eklenti. Kişisel sitememe içerik hazırladığımda çok işime yaradığını söyleyebilirim.
- Vuejs devtools : Vue kodlaması yaparken baya işimi kolaylaştıran bir eklenti.
- React developer tools : React kodlaması yaparken baya işimi kolaylaştıran bir eklenti.
Evet reponun sonuna ulaşmış bulunmaktasınız. Bu repoyu hazırlamam iş yoğunluğuna bağlı olarak yaklaşık bir ayımı aldı diyebilirim. Bu arada bu repoyu hazırlarken tarayıcımda bulunan yer imleri kısmınıda küçükte olsa düzenledim diyebilirim. Önceden it bağlasan durmaz durumdaydı.😂 Umarım yani başlayan tasarımcı ve yazılımcı kardeşlerim için güzel bir repo olmuştur. Birde abone olmayı... yok o değildi.🤣 Aşağıdaki bulunan sosyal medya adreslerimden beni takip ederseniz sevinirim.
Uyar – Kaldır sistemi; telif hakkı ile korunan bir içeriğin, herhangi bir internet sitesinde hak sahiplerinden izinsiz olarak yer aldığının tespit edilmesi halinde, eserin hak sahipleri veya yetkili temsilcilerinin, site yetkililerine uyarı göndermek suretiyle haksız içeriğin siteden kaldırılmasını yasal olarak talep etme sürecidir. Bende bu sisteme uyarak eğer repo da sizden izinsiz bir eserinizi kullanmış isem beni uyarabilirsiniz. En geç 3 iş günü içerisinde eseriniz repodan kaldırılır.