הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   האם הקידוד עומד בתקן? (https://hosts.co.il/forums/showthread.php?t=92682)

NetanelEdri 12-10-11 02:54

ציטוט:

נכתב במקור על ידי IgalSt (פרסם 821497)
התג table קיים ומבורך. עם זאת, מבחינתי הוא קיים אך ורק להצגת תוכן טבלאי.

בחיים אני לא אעביר code review אם יש שם טבלאות ליצירת layout.
גם אם זה בטופס או בתפריט.
בטופס חובה להשתמש ב- label עם הגדרת for בהתאם לשדה.
בתפריט מאוד מאוד מומלץ להשתמש ברשימה (ממוינת או לא ממוינת) כאשר כל קישור יושב בתוך LI.

אני מסכים עם כל מה שאמרת בנושא אבל עם זה שטופס חייב להיות מוצג עם label אני לא מסכים.
אני אישית מוצא לנכון וגם מוצא בטבלה כלי נוח להצגת טפסים מהסיבה הפשוטה שטפסים בנויים במבנה שמתאים לטבלה ואין סיבה לא להשתמש בה פה.
אני כן מסכים ומעודד שימוש בתגית label בתא שיוביל לשדה כמובן עם מאפיין for , זה לא שולל שימוש בטבלה.

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

Tomer 12-10-11 03:17

ציטוט:

נכתב במקור על ידי Rockets (פרסם 821477)
תודה חברים.. אפשר לנעול.

מתפתח כאן דיון מעניין, אני אשאיר את האשכול בינתיים.

link 12-10-11 04:25

נראה לי שהנושא יכול להקשר לנושא שנפתח מקודם בקשר לCSS 3 ואיך אפשר לקדם אותו. במקרה הזה אני חושב שCSS 3 היה עוזר ובהרבה. כל הפינות המעוגלות שהן תמונות יכולות לעוף ולהבנות ע"י CSS3. ואם באמת רוצים להשאר נאמנים למקור פיקסל לפיקסל אפשר להשתמש בכלי pixel perfect בשביל מדידדת מרווחים לפי התמונה שהביאו.

אני הייתי בונה את האתר מכלום ורק לוקח את המידות שצריך ואת הצבעים. מישהו אחר היה פועל בצורה שונה? הייתי שמח לדעת כי להתבסס על עיצוב זה לא הקטע החזק שלי ואם אפשר טיפים בנושא אז בכיף.

elad-o 12-10-11 10:27

ציטוט:

נכתב במקור על ידי link (פרסם 821512)
נראה לי שהנושא יכול להקשר לנושא שנפתח מקודם בקשר לCSS 3 ואיך אפשר לקדם אותו. במקרה הזה אני חושב שCSS 3 היה עוזר ובהרבה. כל הפינות המעוגלות שהן תמונות יכולות לעוף ולהבנות ע"י CSS3. ואם באמת רוצים להשאר נאמנים למקור פיקסל לפיקסל אפשר להשתמש בכלי pixel perfect בשביל מדידדת מרווחים לפי התמונה שהביאו.

אני הייתי בונה את האתר מכלום ורק לוקח את המידות שצריך ואת הצבעים. מישהו אחר היה פועל בצורה שונה? הייתי שמח לדעת כי להתבסס על עיצוב זה לא הקטע החזק שלי ואם אפשר טיפים בנושא אז בכיף.

וואו זה אומר שלוקח לך איזה שבוע לקודד אתר

אדיר 12-10-11 10:35

ציטוט:

נכתב במקור על ידי link (פרסם 821512)
נראה לי שהנושא יכול להקשר לנושא שנפתח מקודם בקשר לCSS 3 ואיך אפשר לקדם אותו. במקרה הזה אני חושב שCSS 3 היה עוזר ובהרבה. כל הפינות המעוגלות שהן תמונות יכולות לעוף ולהבנות ע"י CSS3. ואם באמת רוצים להשאר נאמנים למקור פיקסל לפיקסל אפשר להשתמש בכלי pixel perfect בשביל מדידדת מרווחים לפי התמונה שהביאו.

אני הייתי בונה את האתר מכלום ורק לוקח את המידות שצריך ואת הצבעים. מישהו אחר היה פועל בצורה שונה? הייתי שמח לדעת כי להתבסס על עיצוב זה לא הקטע החזק שלי ואם אפשר טיפים בנושא אז בכיף.

עם CSS3 אפשר לסכם את העיצוב הזה עם 7 תמונות - נגיד אפילו 10 להקל קצת.
יודע מה, לא מסתדר כל כך עם Gardient? לא שולט עדיין לחלוטין ב- CSS3? רוצה קצת יותר תמיכה לאחור?
הגיוני, לא כל אתר בנוי ברמה הגבוהה יותר - 20 תמונות, 25 תמונות!
כאן יש 75 תמונות.

אז אולי מבחינת חוקי ה- validator זה עובר,
מבחינת "חוקי" הסמנטיות, היעילות, התחלופות הקיימות כיום וכו' - מדובר בקידוד לא תקין ולא משנה איך תסתכל על זה.

IgalSt 12-10-11 10:44

ציטוט:

נכתב במקור על ידי elad-o (פרסם 821519)
וואו זה אומר שלוקח לך איזה שבוע לקודד אתר

לא שבוע. אבל מן הסתם לעבוד בצורה ש-Link הציע לוקח יותר זמן. גם אני מאמץ את השיטה הזאת בחום. חיתוך אתר עושים לרוב רק פעם אחת, ואין סיבה לא לעשות את זה נכון מתוך מחשבה קדימה לשנים הבאות, ניצול מיטבי של משאבי הדפדפן של הקלוח במקום משאבי השרת (תמונות מרובות) וכו'.
link דיבר על הטופיק שפתחתי לפני כשבוע, ומאחר ומדובר בנושא שלא ממש קשור לטופיק הזה, אשמח להעביר את הדיון לשם במידה ומישהו מעוניין בכך.
דיון: אימוץ שימוש ב-css3





ציטוט:

נכתב במקור על ידי NetanelEdri (פרסם 821505)
אני מסכים עם כל מה שאמרת בנושא אבל עם זה שטופס חייב להיות מוצג עם label אני לא מסכים.
אני אישית מוצא לנכון וגם מוצא בטבלה כלי נוח להצגת טפסים מהסיבה הפשוטה שטפסים בנויים במבנה שמתאים לטבלה ואין סיבה לא להשתמש בה פה.
אני כן מסכים ומעודד שימוש בתגית label בתא שיוביל לשדה כמובן עם מאפיין for , זה לא שולל שימוש בטבלה.

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

<div>
  <label for="fName">First Name</label>
  <input type="text" name="fName" id="fName" maxlength="50" />
</div>

עם כזה מבנה ניתן להגיע לתוצאות זהות למבנה שמגיעים איתו ב-css.
זאת ועוד, באמצעות class אחד שניתן ל-div ניתן להחליט אם התווית תהיה מימין לשדה או משמאל (לדוגמה להחליף בקלות בין שדות טקסט ל-checkbox/radio) או אם אנחנו רוצים את השדה בשורה חדשה לגמריי (לדוגמה עבור שדות textarea).
במידה והיינו משתמשים בטבלה למטרה זאת, היינו חייבים לשנות את ה-DOM.
מבחינתי חלוקת העבודה בין HTML ל-CSS מאוד ברורה:
  • HTML - מתאר את מה שיש בעמוד
  • CSS - מתאר את צורת התצוגה

המטרה של ה-DOM היא לא לעצב את העמוד אלא רק לתאר את מה שיש בתוכו. כך שהעבודה של CSS לדאוג לתצוגה של האלמנטים עצמם.

NetanelEdri 12-10-11 13:57

ציטוט:

נכתב במקור על ידי IgalSt (פרסם 821522)
לא שבוע. אבל מן הסתם לעבוד בצורה ש-Link הציע לוקח יותר זמן. גם אני מאמץ את השיטה הזאת בחום. חיתוך אתר עושים לרוב רק פעם אחת, ואין סיבה לא לעשות את זה נכון מתוך מחשבה קדימה לשנים הבאות, ניצול מיטבי של משאבי הדפדפן של הקלוח במקום משאבי השרת (תמונות מרובות) וכו'.
link דיבר על הטופיק שפתחתי לפני כשבוע, ומאחר ומדובר בנושא שלא ממש קשור לטופיק הזה, אשמח להעביר את הדיון לשם במידה ומישהו מעוניין בכך.
דיון: אימוץ שימוש ב-css3






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

<div>
  <label for="fName">First Name</label>
  <input type="text" name="fName" id="fName" maxlength="50" />
</div>

עם כזה מבנה ניתן להגיע לתוצאות זהות למבנה שמגיעים איתו ב-css.
זאת ועוד, באמצעות class אחד שניתן ל-div ניתן להחליט אם התווית תהיה מימין לשדה או משמאל (לדוגמה להחליף בקלות בין שדות טקסט ל-checkbox/radio) או אם אנחנו רוצים את השדה בשורה חדשה לגמריי (לדוגמה עבור שדות textarea).
במידה והיינו משתמשים בטבלה למטרה זאת, היינו חייבים לשנות את ה-DOM.
מבחינתי חלוקת העבודה בין HTML ל-CSS מאוד ברורה:
  • HTML - מתאר את מה שיש בעמוד
  • CSS - מתאר את צורת התצוגה

המטרה של ה-DOM היא לא לעצב את העמוד אלא רק לתאר את מה שיש בתוכו. כך שהעבודה של CSS לדאוג לתצוגה של האלמנטים עצמם.

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

IgalSt 12-10-11 15:30

ציטוט:

נכתב במקור על ידי NetanelEdri (פרסם 821540)
זה שאפשרי להשתמש במיקום בעזרת דיבים למשל בטפסים לא אומר שזה מחייב ,ראני חושב שטבלה פה למרות שטופס הוא לא תוכן טבלאי היא כלי נכון לשימוש.
בכל מקרה תצטרך להסכים אתי שגם פה מדובר על המפתח עצמו , כל אחד ומה שנוח לו.

אני לא מתווכח על ההעדפות של המפתח. תמיד זה זה מה שהוא מעדיף ומה שנוח לו.
אבל לא תמיד זה נכון... ראה לדוגמה את הקוד שבנידון.

NetanelEdri 12-10-11 17:39

ציטוט:

נכתב במקור על ידי IgalSt (פרסם 821556)
אני לא מתווכח על ההעדפות של המפתח. תמיד זה זה מה שהוא מעדיף ומה שנוח לו.
אבל לא תמיד זה נכון... ראה לדוגמה את הקוד שבנידון.

אין בכלל מה לדבר על הקוד הנידון , ברור שלא בונים Layout של אתר בטבלה.

link 12-10-11 20:36

ציטוט:

נכתב במקור על ידי elad-o (פרסם 821519)
וואו זה אומר שלוקח לך איזה שבוע לקודד אתר

קידוד זה לא אני, אני יותר בקטע של לוגיקה. אבל מה זה בתכלס לקודד אתר? ואם כבר בונים אז בונים אותו לאט לאט. בונים פה חלק, שם מוסיפים עוד קטע. ומה עם טמפלטים(template)? לעשות קובץ אחד שיש בו את המבנה הכללי ופשוט כל פעם המערכת מרנדרת חלק אחר בעיצוב. ככה האתר בנוי בחלקים קטנים שיותר נוח לעצב אותם.


כל הזמנים הם GMT +2. הזמן כעת הוא 05:42.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ