תמיד כיף לראות אנשים שמפתחים ומתפתחים לאט לאט, האתר נראה מאוד סביר.ההמלצה שלי היא שתקרא על bootstrap + font awesome מה שיעזור לך המון ליצור חווית משתמש יותר חלקה ונעימה לעין וגם יעזור לך המון לגבי השאלה הראשונה.
עכשיו אם נכנס בצורה יותר פרטנית לשאלה הראשונה, אז הכל תלוי באיזה פלטפורמות אתה מעוניין לתמוך, מבחינת ה-CSS אני מציע לך להסתכל על compass בשילוב של sass, מה שזה נותן לך זה סוג של framework לכתוב css פרוצדוראלי, איך זה עובד?
אז sass היא בעצם שפה שמתורגמת ל-CSS הרעיון הוא שתפריד את האתר שלך לחלקים שכל חלק מקבל את ה-CSS שלו.
הייתרונות ב-SASS הם שאתה יכול לכתוב בצורה מקוננת, לדוגמא:
#module_1 { span { color: red; } }
|
במקום לכתוב selectorים מאוד ארוכים כמו:
#module_1 span { color: red }
|
כשכתובים בסגנון הזה מאוד הולכים לאיבוד ומאבדים את הגנריות של הקוד.
ייתרון נוסף הוא שאתה יכול להכניס ממש לולאות, חישובים, פונקציות ועוד... ממש לתוך ה-CSS שלך.
לגבי השאלה ה-2 אין דרך שאתה יכול להסתיר את הקוד שלך בצד הלקוח, יש המון טריקים אבל הם מיותרים ופוגעים ב-performance של הקוד, אתה כן יכול לעבוד בצורה יותר מסודרת וכשאתה עושה deploy אז תייצר גירסא שתהיה minified.
לגבי השאלה האחרונה, אני מציע שתקרא על media queries ותראה איך זה משתלב עם כל הדברים שכתבתי לך.
בהצלחה ושוב כל הכבוד