Siteyi mobile uyumlu hale getirmek

Wildwolf728 · 15 Mart 2022

Merhaba. Ben kendi Discord botum için site yapmıştım. Bilgisayardan yaptığım gibi gözüküyor ama telefondan o siteye bakınca düğmeler birbirinin içine girmiş. Resim falan telefon ekranına sığmıyor. Acaba bunu nasıl düzeltebiliriz?

KafadanKontak · 15 Mart 2022

Bahsettiğin RESPONSIVE bir site hazırlamak. Bunu siteyi en başından hazırlarken planlayarak ilerletmen gerek. Eğer Wordpress ile site oluşturursan çok rahat bulabilirsin bir Responsive Template. Onun üzerine de inşa edersin siteni tekrardan. Sorun kalmaz. Ben çok kaba biliyorum yani çözümü. Daha detaylı anlatanlar da olacaktır.

qelos · 15 Mart 2022

İçeriğini her türlü ekran boyutunda sığacak şekilde hazırlaman lazım. Buna responsive design diyoruz. Grid ve flexbox gibi CSS yapılarını kullanarak her ekrana uyumlu tasarımlar yapman lazım.

feneresevdalı · 15 Mart 2022

Bootstrap kullanmalısın

Ecmel · 15 Mart 2022

Responsive tasarımı araştır. CSS'de flex, grid yapısını araştır. Onları kullanarak çok rahat şekilde her ekrana uyumlu siteler yapabilirsin.

feneresevdalı dedi:
Bootstrap kullanmalısın

Her şeye Bootstrap kurulmaz. Gerek yok, basit bir responsive işlemi için niye kütüphane kullansın ki? CSS ile çok rahat yapılacak işlemlerken kütüphaneye gerek olmaz.

Wildwolf728 · 15 Mart 2022

KafadanKontak dedi:
Bahsettiğin responsıve bir site hazırlamak. Bunu siteyi en başından hazırlarken planlayarak ilerletmen gerek. Eğer WordPress ile site oluşturursan çok rahat bulabilirsin bir responsive template. Onun üzerine de inşa edersin siteni tekrardan. Sorun kalmaz. Ben çok kaba biliyorum yani çözümü. Daha detaylı anlatanlar da olacaktır.

Ama ben Visual Studio Code ile yapıyorum.

feneresevdalı · 15 Mart 2022

Ecmel dedi:
Responsive tasarımı araştır. CSS'de flex, grid yapısını araştır. Onları kullanarak çok rahat şekilde her ekrana uyumlu siteler yapabilirsin.

Her şeye Bootstrap kurulmaz. Gerek yok, basit bir responsive işlemi için niye kütüphane kullansın ki? CSS ile çok rahat yapılacak işlemlerken kütüphaneye gerek olmaz.

Haklısınız ama bana göreceli olarak daha kolay geliyor. Tercih meselesi tabiki

oynozan · 16 Mart 2022

Wildwolf728 dedi:
Ama ben Visual Studio Code ile yapıyorum.

Bunu çok görüyorum nedense. VSCode sadece bir editör; sitenin yapısına, mekaniğine hiçbir etkisi yok. Siteyi not defteriyle de yazarsın VS'le de.

Büyük ihtimal siteyi HTML & CSS ile yazdığını söylemek istedin. Eğer responsive yapmak istiyorsan -adam akıllı bir HTML iskelet yapın varsa- media queries kullanarak yaparsın. Eğer sadece kendi ekranına göre her yerde position:absolute falan kullanıp pixel tabanlı pozisyonlama yaptıysan kolay gelsin, siteyi baştan yaparken epey uğraşacaksın...

Siteyi mobile uyumlu hale getirmek

Wildwolf728

Hectopat

KafadanKontak

Gigapat

qelos

Kilopat

feneresevdalı

Megapat

Ecmel

Megapat

Wildwolf728

Hectopat

feneresevdalı

Megapat

oynozan

Megapat