Web Sitesini Mobile Uyumlu Hale Getirme | Responsive Web Design

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ธ.ค. 2024

ความคิดเห็น • 41

  • @Kodmatik20
    @Kodmatik20  4 ปีที่แล้ว +2

    html i kopyalarken videoyu da kopyalamayı unuttuğum için o gözükmemiş. Ben çektiğim esnada fark etmediğim için videodan dolayı görüntü bozuluyor demişim animasyon yerine, fakat siz yine üstteki görsellerde yaptıgımız gibi videoyu açıklama altına vs koyabilirsiniz css ayarı ile 👌🏻👌🏻

  • @mevlutefe9739
    @mevlutefe9739 3 ปีที่แล้ว +1

    Hocam çok hızlı (iyi manada) oyalamadan açık ve net bir anlatım olmuş emeğinize sağlık.

    • @Kodmatik20
      @Kodmatik20  3 ปีที่แล้ว +2

      Selam, beğenmeniz beni mutlu etti, teşekkür ediyorum 🥳 :))

  • @gorkemakyol5521
    @gorkemakyol5521 3 ปีที่แล้ว

    hocam merhaba ben bir site yaptım ama mobile uyumlu hale getiremedim hala yarımcı olabilir misiniz

  • @musaorhan1301
    @musaorhan1301 2 ปีที่แล้ว

    Tüm pc lere uyumlu olmuyor hepsinde aynı calismiyor nasil halledebilirim?

    • @Kodmatik20
      @Kodmatik20  2 ปีที่แล้ว

      pc'lerden kastınız ne?
      Eğer tarayıcıyı kastediyorsanız tüm tarayıcılarda aynı gözükmüyor olabilir fakat bilgisayar donanımıyla bir ilgisi yok aslında pek

    • @atillahun8404
      @atillahun8404 2 ปีที่แล้ว

      @@Kodmatik20 Hocam tek sayfalik bir statik web ayarladim ve minimum witdh 320 max 480 yaptım. Telefonda nasil çalıştırcam siteyi sunucuya falan yazma dediler anlamadım yardım ederseniz sevinirim

    • @Kodmatik20
      @Kodmatik20  2 ปีที่แล้ว

      @@atillahun8404 sorunu tam anlayamadım

    • @atillahun8404
      @atillahun8404 2 ปีที่แล้ว

      @@Kodmatik20 Telegram var mı Hocam size ulaşa bileceyim bir sosyal platform rahat yaza bilmem için?

    • @atillahun8404
      @atillahun8404 2 ปีที่แล้ว

      @@Kodmatik20 Sorum şu ki siteyi telefona atınca ekranda çalışmıyor hatalı. Acaba ben mi bir yerde hata ediyorum

  • @emirhanklc5232
    @emirhanklc5232 3 ปีที่แล้ว

    çok iyi video olmuş eline sağlık

    • @Kodmatik20
      @Kodmatik20  3 ปีที่แล้ว

      Çok teşekkürler Emirhan! ✌🏻

  • @esmanurertay
    @esmanurertay 2 ปีที่แล้ว

    Hocam lütfen acil cevaplarsanız çok sevinirim yaa. Bir kişi başkasına yaptırdığı web sitesinde responsive tasarımı yapılmadığı için mobil görüntüde sitesindeki resimlerin orantısız durduğunu söyledi ve benden bu konuda yardım istiyor ben zaten frontendci olduğum için responsiveyi nasıl yapacağımı biliyorum fakat onun aktif var olan web sitesine nasıl bu kodlarımı ekleyeceğimi bilmiyorum. Ne yapmalıyım ve karşı tarafdan bunun için minimum ne kadar ücret talep etmeliyim?

    • @Kodmatik20
      @Kodmatik20  2 ปีที่แล้ว

      Selam, sitenin şu an canlıdaki halinin kaynak kodlarını indirip gerekli değişiklikleri onun üzerinde yapmalısınız. Değişiklikleri tamamladıktan sonra ise tekrardan canlıya deploy etmeniz gerekiyor. Bunun için kaynak kodunu tuttukları ve deploy işlemini gerçekleştirdikleri teknolojileri sorup öğrenmeniz gerekiyor.
      Ücret olarak bir şey söyleyebilmem mümkün değil, işin büyüklüğüne ve sizin ne kadar zamanınızı alacağına göre çok değişiklik gösterir.

    • @esmanurertay
      @esmanurertay 2 ปีที่แล้ว

      @@Kodmatik20 sordum fakat karşımdaki kişi anlamadığını bilmediğini söylüyor. C-panel üzerinden felan mı değişiklikleri aktarmalıyım acaba ya?

    • @Kodmatik20
      @Kodmatik20  2 ปีที่แล้ว

      ​@@esmanurertay Normalde bu tarz durumlarda önceden yazılım kısmıyla kim uğraştıysa onun sana gerekli bilgileri aktarması gerekiyor. Önceden hangi teknolojilerin kullanıldığını bilmeden üzerine yeni bir şey eklemeye çalışmak çok doğru değil fakat bu durumda ben de yorum yapamıyorum ne yazık ki.

    • @esmanurertay
      @esmanurertay 2 ปีที่แล้ว

      @@Kodmatik20 Sayfa yönetimi paneline girdim ancak kodları yazacak yeri bulamıyorum

    • @Kodmatik20
      @Kodmatik20  2 ปีที่แล้ว

      ​@@esmanurertay Sizdeki sayfa yönetimi panelinin ne tarz bir şey olduğunu bilmiyorum fakat webflow gibi responsive'lik ayarı yapabildiğiniz bir panelse değişikliği ordan yapabilirsiniz. Fakat yalnızca içerik düzenlemek için kullanılan bir yerse css ayarları için sayfanın kodlarına erişmeniz gerekiyor.

  • @mr.u9702
    @mr.u9702 3 ปีที่แล้ว

    hocam çok güzel bir içerik fakat
    @media screen and (max-width: 720px) {
    /* örnek css kodları */ }
    içinde ki CSS komutları çalışmıyor acaba yardımcı olabilir misiniz?

    • @Kodmatik20
      @Kodmatik20  3 ปีที่แล้ว

      Selam, muhtemelen bir yerde yazım hatan vardır, globale yazdığından ve parantezlere vs dikkat ettiğinden eminsin değil mi?

    • @mr.u9702
      @mr.u9702 3 ปีที่แล้ว

      @@Kodmatik20 Tekrar kontrol ettiğim de haber vericem, ilgilendiğiniz için teşekkürler.

    • @mr.u9702
      @mr.u9702 3 ปีที่แล้ว

      @@Kodmatik20 Kontrol ettim de hata yok suan sadece @media screen and (max-width: 720px) { buraya yazdığım komutlar çalışmıyor :/ } yaptığım değişiklikler site üzerinde gözükmüyor

    • @Kodmatik20
      @Kodmatik20  3 ปีที่แล้ว

      @@mr.u9702 Hata için kodun tamamını incelemek mümkün olmayacağından aşağıya bırakacağım linkten tekrar bir bakabilirsin.
      www.w3schools.com/Css/css3_mediaqueries_ex.asp
      Eğer yine çözülmezse twitter üzerinden bana ulaşabilirsin, kodunun tamamına bir göz atarız.
      twitter.com/MatikEmir

    • @mr.u9702
      @mr.u9702 3 ปีที่แล้ว

      @@Kodmatik20 Tamamdır abi çok sağol işe yaradı. Videoların devamını bekliyoruz

  • @ecute00
    @ecute00 2 ปีที่แล้ว

    Güzel video ❤️

  • @sefa586
    @sefa586 3 ปีที่แล้ว

    Usta adobe dw bende kullanıyorum hazır sayfalarından yapmaya çalışıyorum sendeki gibi animasyonlu var mı yoksa kendin mi yaptın söyleyebilir misin :)
    Bide bu hazır sayfalar sıkıntı çıkarır mı

    • @Kodmatik20
      @Kodmatik20  3 ปีที่แล้ว

      Selam Sefa, ben hazır sayfa kullanmadım hiç. Dolayısıyla sorun yaratıp yaratmayacağı hakkında bir fikrim yok. Fakat kendi tasarladığın bir sayfayı koda dökmek çok daha yararlı olur her zaman. Ben kendim spontane şekilde yapıyorum videolardaki projeleri.

    • @sefa586
      @sefa586 3 ปีที่แล้ว

      @@Kodmatik20 Önceki yaptığım site güzel olmadı bu seferkini hazır kod seçip yorumlamayı kendim yapcam onu karşılaştırcam senin ilk dakikalarda "lorem ipsum" yazan yerler hazır olduğu için dedim
      o animasyonlu sayfa güzel olmuş bende aynısını yapmaya çalışırım :)
      Orayı nasıl yaptığını anlatabilir misin javascript bilgim yok zor bir dil

    • @Kodmatik20
      @Kodmatik20  3 ปีที่แล้ว

      @@sefa586 Kanalda o sitenin yapılış videosu da var, ordan izleyebilirsin 👍

    • @sefa586
      @sefa586 3 ปีที่แล้ว

      @@Kodmatik20 Keşke önceden görseydim şimdi seninkini yapsam benimki tamamen gitcek :D

  • @umitrencber
    @umitrencber 2 ปีที่แล้ว

    kısa ve öz dediğin gibi

  • @HasanYldz-hp2ul
    @HasanYldz-hp2ul 3 ปีที่แล้ว

    programın ismi nedir

    • @Kodmatik20
      @Kodmatik20  3 ปีที่แล้ว

      Kodlama için Visual studio code kullanıyoruz. Sağda ise tarayıcı açık direkt.

    • @HasanYldz-hp2ul
      @HasanYldz-hp2ul 3 ปีที่แล้ว

      @@Kodmatik20tarayıcıda telefon boyutlarını öğrenmek için ne açmam gerek?

    • @Kodmatik20
      @Kodmatik20  3 ปีที่แล้ว

      @@HasanYldz-hp2ul Tarayıcının geliştirici konsolundan açabilirsin, videoda 15:17 de gözüküyor.