איך להפוך אתר רגיל למובייל?

[זאבי1]

איך להפוך אתר רגיל למובייל, אני בונה אתר בקוד פתוח ואני צריך עזרה באיך להפוך אותו למובייל. האם יש אתרים שעושים את זה עבורי? האם יש אפשרות להכין את זה בעצמי?
תודה. רבה לכל העוזרים

 

[עילום]

https://www.w3schools.com/css/css3_mediaqueries.asp
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
https://www.w3schools.com/css/css3_mediaqueries_ex.asp

 

[זאבי1]

וואו, אבל זה ייקח ימים, אין אופציה אחרת?

בכל אופן תודה ענקית @עילום , עזרת לי מאוד...

https://www.w3schools.com/css/css3_mediaqueries.asp
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
https://www.w3schools.com/css/css3_mediaqueries_ex.asp

 

[תודה על חיים...]

בגדול יש לך כמה אופציות:
א. PWA -
https://web.dev/progressive-web-apps/
בעצם זה אתר שפותחים במובייל בchrome ויש למעלה בשורת לינק כפתור של + שהוא שומר מעין אפליקציה על הפלאפון,
לא בדיוק אפליקציה, אבל זה נראה למשתמש אותו דבר
ב. יש אפשרות של מעטפות לקוד בשביל להריץ אותם במובייל- inoic, cordova-deprecated, https://capacitorjs.com/- האחרון (capacitor) לדעתי הכי מקובל כיום.

די קל לעבוד עם שתיהם, אבל חייבים ללמוד אותם לעומק, להבין את ההבדלים ואת המשמעות שלהם.
בהצלחה!

 

[אתי1234]

אתה מתכוון לעשות את העיצוב מותאם למובייל,
או להפוך את האתר לאפליקציה?
מדובר בשני דברים שונים.

 

[זאבי1]

אתה מתכוון לעשות את העיצוב מותאם למובייל,
או להפוך את האתר לאפליקציה?
מדובר בשני דברים שונים.

להפוף את העיצוב למובייל.

 

[אתי1234]

להפוף את העיצוב למובייל.

לזה אין קיצורי דרך
תצטרך להשתמש בעיצוב רספונסיבי,
יש ספריות מוכנות שעוזרות לזה כמו bootstrap.
(בהנחה כמובן שהאתר כתוב ב HTML ו CSS)

 

[זאבי1]

לזה אין קיצורי דרך
תצטרך להשתמש בעיצוב רספונסיבי,
יש ספריות מוכנות שעוזרות לזה כמו bootstrap.
(בהנחה כמובן שהאתר כתוב ב HTML ו CSS)

כן כמו ש @עילום כתב...

https://www.w3schools.com/css/css3_mediaqueries.asp
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
https://www.w3schools.com/css/css3_mediaqueries_ex.asp

תודה לכולם.