‫תגובות לפוסט: "איפוס CSS"‬ http://blog.devign.co.il/14/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/ ‫תכנות אינטרנט מתקדם‬ Fri, 20 Aug 2010 12:53:42 +0000 hourly 1 http://wordpress.org/?v=3.3.2 ‫מאת: ניר טייב‬ http://blog.devign.co.il/14/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/comment-page-1/#comment-67 ‫ניר טייב‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/#comment-67 ‫יש את <a href="http://developer.yahoo.com/yui/reset/">yui reset</a> שהוא אחד לאחד מה שפירסמת פה. יאהו! נותנים קישור לשימוש ישיר בחבילה הזאת: <code> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.2.2/build/reset-fonts-grids/reset-fonts-grids.css" /> </code>‬ יש את yui reset שהוא אחד לאחד מה שפירסמת פה. יאהו! נותנים קישור לשימוש ישיר בחבילה הזאת:

]]> ‫מאת: אלעד‬ http://blog.devign.co.il/14/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/comment-page-1/#comment-68 ‫אלעד‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/#comment-68 ‫<blockquote cite="ניר טייב"><cite>ניר טייב אמר/ה:</cite> יש את yui reset שהוא אחד לאחד מה שפירסמת פה. יאהו! נותנים קישור לשימוש ישיר בחבילה הזאת: <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.2.2/build/reset-fonts-grids/reset-fonts-grids.css" /> </blockquote> הוספתי את הערותיך :)‬

ניר טייב אמר/ה:
יש את yui reset שהוא אחד לאחד מה שפירסמת פה. יאהו! נותנים קישור לשימוש ישיר בחבילה הזאת:
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.2.2/build/reset-fonts-grids/reset-fonts-grids.css" />

הוספתי את הערותיך :)

]]> ‫מאת: שלומי אסף‬ http://blog.devign.co.il/14/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/comment-page-1/#comment-69 ‫שלומי אסף‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/#comment-69 ‫אהלן. אחלה של מאמר ופתחת לי את הראש לכיווני הגדרות נוספות מעבר לglobal whitespacing שאני משתמש בו. בכל מקרה, למה את תחילת האיפוסים שאתה מבצע, למה לא להגדיר אותם כך: <code> * { margin:0; padding:0 } </code>‬ אהלן. אחלה של מאמר ופתחת לי את הראש לכיווני הגדרות נוספות מעבר לglobal whitespacing שאני משתמש בו.

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


* {
margin:0;
padding:0
}

]]> ‫מאת: ailaG‬ http://blog.devign.co.il/14/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/comment-page-1/#comment-70 ‫ailaG‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/#comment-70 ‫* { -moz-box-sizing: border-box; } איפוס ה box model לזה שמגדיר שגובה / רוחב זה המרחק בין ה borders. לפחות לגבי מוזילה. ב IE זה כבר בא ככה.‬ * { -moz-box-sizing: border-box; }
איפוס ה box model לזה שמגדיר שגובה / רוחב זה המרחק בין ה borders. לפחות לגבי מוזילה. ב IE זה כבר בא ככה.

]]> ‫מאת: אלעד‬ http://blog.devign.co.il/14/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/comment-page-1/#comment-71 ‫אלעד‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/#comment-71 ‫<blockquote cite="ailaG"><cite>ailaG אמר/ה:</cite> * { -moz-box-sizing: border-box; } איפוס ה box model לזה שמגדיר שגובה / רוחב זה המרחק בין ה borders. לפחות לגבי מוזילה. ב IE זה כבר בא ככה. </blockquote> ב-IE תחת DOCTYPE של XHTML ה-CSS מתנהג כמו בתקן (לפחות אמור ;) ). אני חושב שאם כבר, עדיף לעבוד לפי התקן. כך האתר יראה טוב על כל דפדפן וכל גרסה.‬

ailaG אמר/ה:
* { -moz-box-sizing: border-box; }

איפוס ה box model לזה שמגדיר שגובה / רוחב זה המרחק בין ה borders. לפחות לגבי מוזילה. ב IE זה כבר בא ככה.

ב-IE תחת DOCTYPE של XHTML ה-CSS מתנהג כמו בתקן (לפחות אמור ;) ).
אני חושב שאם כבר, עדיף לעבוד לפי התקן. כך האתר יראה טוב על כל דפדפן וכל גרסה.

]]> ‫מאת: ailaG‬ http://blog.devign.co.il/14/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/comment-page-1/#comment-72 ‫ailaG‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/#comment-72 ‫לי יותר נוח כשהתוכן זה מה שבא בין הגבולות. אם תצבע דיב בצבע רקע כלשהו, תתן לו padding=margin=1em ותמלא אותו ואת הדף בתוכן, שאל אנשים מה רוחב או גובה הדיב - הם יגידו לך שזה האזור הצבוע. המרחקים בין הגבולות. לכן במסגרת ההפיכה של HTML/CSS למאוד קריא ואינטואיטיבי, אני לא מסכימה עם התקן בנושא הזה. כמו כן, לפעמים יהיו לך כמה אלמנטים זה לצד זה (רלוונטי במיוחד במקרה של רוחב אלמנט) ותרצה למשל שהימני יהיה פחות ניכר - נניח שהוא פס ניווט - והשמאלי יהיה העיקרי, נניח תוכן. הגדרות ה padding והmargin יהיו על הניווט, ולכן כשהמשתמש יגדיל את גודל הפונט זה יגדיל את הניווט על חשבון התוכן, בניגוד לרצונך. זה לא קורה עם border-box.‬ לי יותר נוח כשהתוכן זה מה שבא בין הגבולות.

אם תצבע דיב בצבע רקע כלשהו, תתן לו padding=margin=1em ותמלא אותו ואת הדף בתוכן, שאל אנשים מה רוחב או גובה הדיב – הם יגידו לך שזה האזור הצבוע. המרחקים בין הגבולות.

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

כמו כן, לפעמים יהיו לך כמה אלמנטים זה לצד זה (רלוונטי במיוחד במקרה של רוחב אלמנט) ותרצה למשל שהימני יהיה פחות ניכר – נניח שהוא פס ניווט – והשמאלי יהיה העיקרי, נניח תוכן.
הגדרות ה padding והmargin יהיו על הניווט, ולכן כשהמשתמש יגדיל את גודל הפונט זה יגדיל את הניווט על חשבון התוכן, בניגוד לרצונך. זה לא קורה עם border-box.

]]> ‫מאת: אלעד‬ http://blog.devign.co.il/14/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/comment-page-1/#comment-73 ‫אלעד‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/#comment-73 ‫<blockquote cite="ailaG"><cite>ailaG אמר/ה:</cite> לי יותר נוח כשהתוכן זה מה שבא בין הגבולות. </blockquote> אם לוגיקת תקן הבוקס-מודל הייתה תלויה בי, הרבה דברים היו נראים אחרת ;) אני חושב כמוך. איני מסכים עם כותבי התקן. לא איך שהטכנולוגיה נכתבת/בנויה ובטח שלא על החסרת דברים כה טריוויאליים. בלי להתייחס לבאגים. אך מאחר ואנחנו במצב מסויים שאומר שזו הטכנולוגיה הנתונה וכך היא מתנהגת, אני חושב שעדיף ללכת עם התקן כדי להשיג מקסימום מכל הדפדפנים וכל הגרסראות. עד התקן הבא :)‬

ailaG אמר/ה:
לי יותר נוח כשהתוכן זה מה שבא בין הגבולות.

אם לוגיקת תקן הבוקס-מודל הייתה תלויה בי, הרבה דברים היו נראים אחרת ;)
אני חושב כמוך. איני מסכים עם כותבי התקן. לא איך שהטכנולוגיה נכתבת/בנויה ובטח שלא על החסרת דברים כה טריוויאליים. בלי להתייחס לבאגים.

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

עד התקן הבא :)

]]> ‫מאת: Admini‬ http://blog.devign.co.il/14/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/comment-page-1/#comment-74 ‫Admini‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/#comment-74 ‫אהבתי! מחכים ! (והוספתי אותך על הדרך ל-RSS)‬ אהבתי! מחכים !

(והוספתי אותך על הדרך ל-RSS)

]]> ‫מאת: יואב‬ http://blog.devign.co.il/14/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/comment-page-1/#comment-75 ‫יואב‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/#comment-75 ‫שלום זה אמנם לא קשור אבל בהמשך לרפרנס של הCSS שמובא למאמר, אני מתלבט אם להשתמש בספרייה של YUI או בספריית MOO-Tools או בספרייה של מיקרוסופט. האם ידוע לכם מה עדיף \ יתרונות ? תודה‬ שלום זה אמנם לא קשור אבל בהמשך לרפרנס של הCSS שמובא למאמר, אני מתלבט אם להשתמש בספרייה של YUI או בספריית MOO-Tools או בספרייה של מיקרוסופט.
האם ידוע לכם מה עדיף \ יתרונות ?

תודה

]]> ‫מאת: אלעד‬ http://blog.devign.co.il/14/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/comment-page-1/#comment-76 ‫אלעד‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%90%d7%99%d7%a4%d7%95%d7%a1-css/#comment-76 ‫<blockquote cite="יואב"><cite>יואב אמר/ה:</cite> אני מתלבט אם להשתמש בספרייה של YUI או בספריית MOO-Tools או בספרייה של מיקרוסופט. האם ידוע לכם מה עדיף \ יתרונות ? </blockquote> היי יואב אני אישית מאוד אוהב את mootools. היא <strong>מאוד</strong> נוחה לכתיבה ומכילה המון פיצ'רים. עם YUI פחות התעסקתי, אבל היא מאוד powerful, בעיקר עם ספריות ה-layouts והקונטרולים שלהם. את הספרייה של microsoft אני פחות אוהב מאחר והיא מאוד מסורבלת לכתיבה ומכילה כמות פיצ'רים נמוכה יחסית ל-moo.‬

יואב אמר/ה:
אני מתלבט אם להשתמש בספרייה של YUI או בספריית MOO-Tools או בספרייה של מיקרוסופט.
האם ידוע לכם מה עדיף \ יתרונות ?

היי יואב
אני אישית מאוד אוהב את mootools. היא מאוד נוחה לכתיבה ומכילה המון פיצ'רים.
עם YUI פחות התעסקתי, אבל היא מאוד powerful, בעיקר עם ספריות ה-layouts והקונטרולים שלהם.
את הספרייה של microsoft אני פחות אוהב מאחר והיא מאוד מסורבלת לכתיבה ומכילה כמות פיצ'רים נמוכה יחסית ל-moo.

]]>