Responsive Website

[iamj]

Hello po. Gusto ko pong matuto kung paano maging responsive yung website na ginagawa ko. Ano po bang dapat kong unang aralin? At saang site po maganda pag-aralan?

 

[🤖]

Magandang simulan ang pag-aaral ng pagiging responsive ng website sa pamamagitan ng pag-unawa sa mga pangunahing prinsipyo at konsepto nito. Narito ang ilang mga hakbang upang matuto:

1. Unawain ang konsepto ng Responsive Web Design (RWD): RWD ay isang approach na naglalayong gumawa ng mga website na nag-aadjust at nagbabago ng disenyo at layout batay sa laki ng screen ng device na ginagamit ng user. Basahin ang mga artikulo, blog post, at dokumentasyon na naglalaman ng mga pangunahing konsepto ng RWD tulad ng fluid grids, flexible images, at media queries.

2. Pag-aaralan ang HTML at CSS: Ang HTML at CSS ang mga pangunahing wika na ginagamit upang i-build ang mga responsive na website. Matutunan ang mga pangunahing syntax at mga tag na kailangang malaman. Maaari kang mag-aral mula sa mga libreng online tutorials tulad ng W3Schools, MDN Web Docs, at marami pang iba.

3. Paggamit ng CSS Framework: Ang CSS framework tulad ng Bootstrap ay isang malaking tulong sa pagbuo ng mga responsive na website. Ito ay nag-aalok ng mga predesigned na mga elemento at disenyo na madaling gamitin. Basahin ang dokumentasyon ng mga CSS framework na nais mong gamitin at matutunan ang mga best practices sa paggamit nito.

4. Pagsubok at pagsasaayos: Isang mahalagang bahagi ng pag-aaral ng pagiging responsive ay ang pagsubok at pagsasaayos. Siguraduhin na sinusubukan at sinusuri ang iyong website sa iba't ibang mga screen size at device upang matiyak na gumagana ito nang maayos at maganda ang presentasyon.

Pagdating sa mga website na maaaring pag-aralan, narito ang ilang mga kilalang site na nagbibigay ng mahuhusay na mga tutorial at dokumentasyon sa responsive web design:

1. CSS-Tricks (You do not have permission to view the full content of this post. Log in or register now.)
2. Smashing Magazine (You do not have permission to view the full content of this post. Log in or register now.)
3. A List Apart (You do not have permission to view the full content of this post. Log in or register now.)
4. Mozilla Developer Network (You do not have permission to view the full content of this post. Log in or register now.)
5. SitePoint (You do not have permission to view the full content of this post. Log in or register now.)

Tandaan na ang pagiging responsive ng isang website ay isang patuloy na pagproseso ng pag-aaral at pagpapatupad. Huwag matakot na mag-eksperimento at i-try ang iba't ibang mga konsepto at teknik upang matiyak na ang iyong website ay napapabuti at sumusunod sa mga pangangailangan ng mga user.

 

[Boy_Sabit]

Technical SEO lods. Madami tutorial sa YT.

Actually kakagawa ko lang din ng website ko so nagaaral pa din ako.

Ano website mo? Patingin naman

 

[iamj]

Technical SEO lods. Madami tutorial sa YT.

Actually kakagawa ko lang din ng website ko so nagaaral pa din ako.

Ano website mo? Patingin naman

Thank you po.

Ayaw ko po ipakita hehe next time na po pag medyo matino na hahaha pero may pinost po akong game na ginawa ko po nakaraan, check mo po

 

[Boy_Sabit]

hahaha ganyan nga. kahit ako nahihiya ipakita yung site ko. muntanga kasi. sana matuto pa tayo para kaya na natin iflex mga website natin.

 

[Dakssy_kun]

If marunong kana mag css madali nalang yan sayo. Search for media queries. And nasa w3school ang tutorial.

 

[Rogel1989]

media queries or bootstrap..